.app{display:grid;grid-template-columns:auto minmax(0,1fr);height:100vh;background:var(--surface-page)}
.app__nav{height:100vh;position:sticky;top:0}
.app__main{min-width:0;display:flex;flex-direction:column;height:100vh;overflow:auto}
.app__topbar{display:flex;align-items:center;gap:12px;height:var(--topbar-height);padding:0 28px;border-bottom:1px solid var(--border-default);background:var(--surface-page);flex:none}
.app__topbar .sp{flex:1}
.app__mobilebtn{display:none}
.app__content{padding:24px 28px 40px;display:grid;grid-template-columns:minmax(0,1fr);gap:18px;align-content:start;max-width:var(--content-max);width:100%}
.proto-tag{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 8px;border:1px dashed var(--border-input);border-radius:var(--radius-xs);font:500 12px/1 var(--font-sans);color:var(--text-muted)}
.user{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-body)}
.user__av{width:30px;height:30px;border-radius:50%;background:var(--surface-nav);color:var(--text-nav-accent);display:flex;align-items:center;justify-content:center;font:600 12px var(--font-sans)}
/* Base */
.base{display:grid;grid-template-columns:300px minmax(0,1fr);gap:18px;align-items:start}
.filters{position:sticky;top:0;padding:16px;display:grid;gap:16px}
.filters__head{display:flex;justify-content:space-between;align-items:center}
.filters__title{font:var(--type-section-title);letter-spacing:var(--tracking-heading);color:var(--text-strong);margin:0}
.filters__sec{border:0;margin:0;padding:14px 0 0;border-top:1px solid var(--border-subtle);display:grid;gap:10px;min-width:0}
.filters__legend{font:var(--type-overline);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-muted);padding:0}
fieldset.filters__sec>legend{float:left;width:100%;margin-bottom:10px}
.results{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;min-width:0}.results>*{min-width:0}
.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.resbar{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;justify-content:space-between}
.contact{display:grid;gap:4px;justify-items:start}
.contact__line{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.filters-toggle{display:none}
/* Comercial */
.com{display:grid;grid-template-columns:360px minmax(0,1fr);gap:18px;align-items:start}
.stagebar{display:flex;flex-wrap:wrap;gap:6px}
.stagechip{display:inline-flex;align-items:center;gap:8px;height:var(--control-md);padding:0 10px 0 5px;border:1px solid var(--border-default);border-radius:var(--radius-pill);background:var(--surface-card);cursor:pointer;font:500 13px/1 var(--font-sans);color:var(--text-body)}
.stagechip:first-child{padding-left:14px}
.stagechip:hover{border-color:var(--border-input)}
.stagechip:focus-visible{outline:none;box-shadow:var(--focus-ring)}
.stagechip[aria-pressed="true"]{border-color:var(--text-strong);box-shadow:inset 0 0 0 1px var(--text-strong)}
.stagechip__n{font:600 13px/1 var(--font-sans);font-variant-numeric:tabular-nums;color:var(--text-strong)}
.agenda{overflow:hidden;position:sticky;top:0}
.agenda__head{padding:14px 16px;border-bottom:1px solid var(--border-default);display:grid;gap:4px}
.agenda__title{margin:0;font:var(--type-section-title);letter-spacing:var(--tracking-heading);color:var(--text-strong)}
.agenda__block+.agenda__block{border-top:1px solid var(--border-default)}
.agenda__group{display:flex;gap:7px;align-items:center;padding:12px 16px 6px;font:var(--type-overline);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-muted)}
.agenda__block[data-kind="overdue"] .agenda__group{color:var(--danger-fg)}
.agenda__n{margin-left:auto;min-width:22px;height:20px;padding:0 6px;border-radius:var(--radius-pill);display:inline-flex;align-items:center;justify-content:center;background:var(--surface-subtle);color:var(--text-strong);font:600 11px/1 var(--font-sans);letter-spacing:0}
.agenda__block[data-kind="overdue"] .agenda__n{background:var(--danger-bg);color:var(--danger-fg)}
.agenda__block[data-kind="today"] .agenda__n{background:var(--surface-selected-strong);color:var(--lime-ink)}
.agenda__item{display:grid;gap:8px;padding:10px 16px 12px}
.agenda__item+.agenda__item{border-top:1px solid var(--border-subtle)}
.agenda__co{all:unset;cursor:pointer;font:600 14px/1.3 var(--font-sans);color:var(--text-strong);letter-spacing:-.005em}
.agenda__co:hover{text-decoration:underline;text-underline-offset:3px}
.agenda__co:focus-visible{box-shadow:var(--focus-ring);border-radius:2px}
.agenda__foot{display:flex;justify-content:space-between;align-items:center;gap:8px}
/* Inteligência */
.intel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.panel{padding:16px;display:grid;gap:12px;align-content:start;min-width:0}
.panel__head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;flex-wrap:wrap}
.panel__title{margin:0;font:var(--type-section-title);letter-spacing:var(--tracking-heading);color:var(--text-strong)}
.bars{display:grid;gap:8px}
.bar{display:grid;grid-template-columns:minmax(120px,200px) minmax(0,1fr) 64px;gap:10px;align-items:center;font-size:13px}
.bar__track{height:10px;background:var(--surface-subtle);border-radius:3px;overflow:hidden}
.bar__fill{height:100%;background:var(--chart-1);border-radius:3px}
.bar__v{text-align:right;font-variant-numeric:tabular-nums;color:var(--text-strong);font-weight:500}
.cols{display:flex;align-items:flex-end;gap:14px;height:150px;padding-top:8px}
.cols__c{flex:1;display:grid;gap:6px;justify-items:center;font-size:12px;color:var(--text-muted);height:100%;align-content:end}
.cols__b{width:100%;max-width:56px;background:var(--chart-1);border-radius:4px 4px 0 0}
.cols__c:last-child .cols__b{background:var(--chart-highlight)}
.segs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
@media (max-width:1240px){.com{grid-template-columns:1fr}.agenda{position:static}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:1180px){.base{grid-template-columns:1fr}.filters{position:static;display:none}.filters--open{display:grid}.filters-toggle{display:inline-flex}.intel{grid-template-columns:1fr}}
@media (max-width:720px){
.app{grid-template-columns:1fr}
.app__nav{position:fixed;inset:0 auto 0 0;z-index:45;transform:translateX(-100%);transition:transform var(--duration-base) var(--ease-standard)}
.app__nav--open{transform:none;box-shadow:var(--shadow-drawer)}
.app__mobilebtn{display:inline-flex}
.app__topbar{padding:0 12px}
.app__topbar .user span,.proto-tag span{display:none}
.app__content{padding:16px 12px 28px;gap:14px}
.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
.segs{grid-template-columns:1fr 1fr}
.bar{grid-template-columns:110px minmax(0,1fr) 52px}
.rs-btn{min-height:var(--control-touch)}

.rs-input{height:var(--control-touch)}
.stagechip{height:var(--control-touch)}
}