/* Byotti: integração Django sobre os estilos originais licenciados do Selvar. */
@font-face{font-family:Urbanist;src:url('../fonts/Urbanist-Variable.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap}
:root{--blue:var(--primary);--blue-hover:#1d40b1;--surface:var(--card);--green:var(--t-good)}
body{font-family:var(--font);font-weight:500}
:focus-visible{outline:2px solid var(--primary);outline-offset:3px}
h1,h2,h3{overflow-wrap:break-word}
.page-shell{margin-left:0;min-height:100dvh}
.main-content{max-width:none;margin:0;padding:0}
.page-footer{padding:26px 0 0;color:var(--muted)}
.byotti-mark{background:var(--primary);color:var(--on-primary);font-size:26px;font-weight:700;letter-spacing:-2px;box-shadow:none}
.nav__item[aria-current=page]{background:var(--side-pill)}
.menu-open .menu-backdrop{z-index:55}
.nav__future{cursor:default;color:var(--side-faint)}
.nav__future:hover{background:transparent!important;color:var(--side-faint)!important}
.side-development{display:inline-block;margin:4px 12px;padding:4px 8px;border:1px solid var(--side-line-2);border-radius:6px;font-size:11px;color:var(--side-dim)}
.personal-space .ico{width:14px;height:14px}
.drawer-close{display:none!important}
.top__search input{background:none;border:0;min-width:0;flex:1;font-size:var(--fs-sm);color:var(--text)}
.top__me{cursor:default}
.account-menu{position:relative}.account-menu summary{list-style:none;cursor:pointer}.account-menu summary::-webkit-details-marker{display:none}.account-popover{position:absolute;right:0;top:calc(100% + 8px);width:210px;background:var(--card);border:1px solid var(--line-2);border-radius:16px;padding:16px;box-shadow:var(--shadow-pop);z-index:50}.account-popover strong,.account-popover small{display:block}.account-popover small{color:var(--muted);font-size:12px;margin:4px 0 12px}.account-popover button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 0;border-top:1px solid var(--line);font-size:13px;text-align:left}.account-popover button:hover{color:var(--primary)}
.top__date{padding:0 10px}
.crumbs__item{min-width:0}.crumbs__item b{overflow:hidden;text-overflow:ellipsis}
.theme-sun{display:none}
:root[data-theme=dark] .theme-moon{display:none}
:root[data-theme=dark] .theme-sun{display:block}
.phonebar{grid-template-columns:repeat(4,minmax(0,1fr))}
.phonebar .menu-toggle{display:grid;background:none;border:0;padding:7px 0 6px;color:var(--side-dim)}
.sel-runway{grid-area:runway}
.sel-focus{grid-area:copilot}
.sel-tiles{grid-area:tiles}
.sel-bookings{grid-area:bookings}
.sel-stages{grid-area:stages}
.sel-companies{grid-area:today}
.sel-recent{grid-area:risk}
.sel-next{grid-area:leaders}
.runway__fig small{font-size:var(--fs-sm);color:var(--muted);font-weight:500}
.personal-runway{margin:32px 0 20px}
.personal-runway svg{display:block;width:100%;height:100%}
.personal-runway-empty{position:absolute;inset:0;display:grid;place-items:center;font-size:var(--fs-sm);color:var(--muted)}
.runway-empty-text{font-family:var(--font);fill:var(--muted);font-size:16px}
.segment--0{fill:var(--c-cobalt);background:var(--c-cobalt)}
.segment--1{fill:var(--c-amber);background:var(--c-amber)}
.segment--2{fill:var(--c-sky);background:var(--c-sky)}
.segment--3{fill:var(--c-teal);background:var(--c-teal)}
.personal-swatch{display:inline-block;flex:none;width:10px;height:10px;border-radius:3px}
.runway__legend{gap:8px 16px;font-size:var(--fs-xs)}
.copilot__line{min-height:0;font-size:var(--fs-lg)}
.sig__title{margin:0;cursor:default}
.tile-open{display:flex;justify-content:space-between;align-items:center;margin-top:8px;padding-top:10px;border-top:1px solid var(--line);font-size:var(--fs-xs);color:var(--primary)}
.tile-open .ico{width:14px;height:14px}
.tile--feature .tile-open{color:var(--on-feature);border-color:#ffffff30}
.tile__fig .num{font-size:26px}
.tile:hover{border-color:var(--line-2)}
.tile--feature:hover{border-color:transparent}
.chart-legend{display:flex;align-items:center;gap:6px;font-size:var(--fs-xs);color:var(--muted);margin-bottom:8px}
.chart-legend>span{margin-left:auto;font-size:11px}
.weekly-chart{position:relative}
.weekly-chart>svg{display:block;width:100%;height:auto}
.chart-gridline{stroke:var(--line);stroke-dasharray:3 5}
.chart-label{font-family:var(--font);font-size:12px;fill:var(--muted)}
.chart-value{font-family:var(--font);font-size:12px;font-weight:600;fill:var(--text)}
.chart-bar{fill:var(--c-cobalt)}
.chart-empty{position:absolute;inset:0 0 30px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;pointer-events:none;text-align:center}
.chart-empty>span{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--card-2);color:var(--muted);margin-bottom:4px}
.chart-empty b{font-size:var(--fs-md);font-weight:600}
.chart-empty p{font-size:var(--fs-xs);color:var(--muted)}
.channel-list{display:grid;gap:16px;padding:8px 0 22px}
.channel-list li{display:grid;grid-template-columns:90px 1fr 24px;align-items:center;gap:12px;font-size:var(--fs-sm)}
.channel-list b{text-align:right;font-weight:600}
progress{appearance:none;width:100%;height:8px;border:0;background:var(--well);border-radius:99px;overflow:hidden}
progress::-webkit-progress-bar{background:var(--well);border-radius:99px}
progress::-webkit-progress-value{background:var(--c-cobalt);border-radius:99px}
progress::-moz-progress-bar{background:var(--c-cobalt);border-radius:99px}
.panel-note{display:flex;align-items:flex-start;gap:6px;font-size:11px;color:var(--muted);border-top:1px solid var(--line);padding-top:12px}
.panel-note .ico{width:14px;height:14px;flex:none;margin-top:2px}
.recent-company{display:flex;align-items:center;gap:10px;padding:12px 0;border-top:1px solid var(--line);min-width:0}
.recent-company>span:nth-child(2){flex:1;min-width:0;display:grid}
.recent-company b{font-size:var(--fs-md);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.recent-company small{color:var(--muted)}
.recent-company>.ico{color:var(--muted);width:14px;height:14px}
.personal-activity{display:flex;gap:10px;padding:12px 0;border-top:1px solid var(--line)}
.personal-activity>div{flex:1;min-width:0}
.personal-activity a{font-size:var(--fs-md);font-weight:600}
.personal-activity p{font-size:var(--fs-xs);margin:3px 0;overflow-wrap:anywhere}
.personal-activity small,.personal-activity time{font-size:11px;color:var(--muted)}
.next-list{display:grid;gap:16px}
.next-list li{display:flex;gap:10px;align-items:flex-start}
.next-status{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:var(--well);font-size:11px;color:var(--muted);flex:none}
.next-status.done{background:color-mix(in srgb,var(--c-good) 14%,var(--card));color:var(--t-good)}
.next-status .ico{width:14px;height:14px}
.next-list b{display:block;font-size:var(--fs-sm);font-weight:600}
.next-list small{display:block;font-size:11px;color:var(--muted);margin-top:3px}
.next-list .pill{font-size:10px;height:19px;margin-top:6px;padding:0 7px}
.empty{min-height:180px}
.empty__text{font-size:var(--fs-sm)}
/* Compatibilidade das telas de cadastro existentes com os tokens do Selvar. */
.page-heading{margin:4px 0 22px;align-items:flex-end}
.page-heading h1{font-size:clamp(28px,2.6vw,38px);font-weight:600;letter-spacing:-.025em;line-height:1.1}
.page-heading .muted{font-size:14px}
.card-heading h2,.form-section h2{font-size:var(--fs-lg);font-weight:600}
.button{height:42px;border-radius:var(--r-ctl);padding:0 16px;background:var(--card);border-color:var(--line);color:var(--text);font-size:var(--fs-md);font-weight:600}
.button:hover{background:var(--card-2)}
.button-primary{background:var(--primary);border-color:transparent;color:var(--on-primary)}
.button-primary:hover{background:color-mix(in srgb,var(--primary) 88%,var(--text))}
.button-dark{background:var(--ink);color:var(--on-ink)}
.badge{position:static;min-width:0;height:auto;display:inline-flex;border-radius:99px;padding:4px 9px;box-shadow:none;font-size:11px}
.badge-blue{background:color-mix(in srgb,var(--c-cobalt) 12%,var(--card));color:var(--t-cobalt)}
.badge-green{background:color-mix(in srgb,var(--c-good) 12%,var(--card));color:var(--t-good)}
.badge-gray{background:var(--well);color:var(--muted)}
.table-card{padding:0}
.table-card th{background:var(--card-2)}
.table-card td{border-color:var(--line);font-size:var(--fs-md)}
.table-card td small{font-size:var(--fs-xs)}
.company-avatar{background:var(--av-sky);color:var(--av-sky-t);border:0;border-radius:13px}
.company-name{font-weight:600}
.filter-select,.search-input{background:var(--card);color:var(--text);border-color:var(--line);border-radius:var(--r-ctl);height:42px}
.field label{font-size:var(--fs-sm)}
.field-help,.field-error,.notes,.subtle-text,.detail-data{font-size:var(--fs-sm)}
.field input[type=checkbox]{width:20px;height:20px;accent-color:var(--primary)}
.field textarea{min-height:110px}
.message{background:color-mix(in srgb,var(--c-good) 10%,var(--card));border-color:color-mix(in srgb,var(--c-good) 25%,var(--card));color:var(--t-good)}
.form-error{background:color-mix(in srgb,var(--c-bad) 10%,var(--card));border-color:color-mix(in srgb,var(--c-bad) 25%,var(--card));color:var(--t-bad)}
.field-error,.errorlist{color:var(--t-bad)}
.auth-form-wrap{background:var(--bg)}
.auth-form .button{height:44px}
.auth-help,.auth-bottom,.auth-form-card .small-label{color:var(--muted)}
:root[data-theme=dark] .activity-symbol,:root[data-theme=dark] .empty-symbol{background:var(--card-2);color:var(--primary);border-color:var(--line)}
:root[data-theme=dark] .detail-data dd{color:var(--text)}
@media(min-width:761px) and (max-width:1279px){.top__date,.top__me-text{display:none}.top__search{width:min(340px,30vw)}.main-content{padding:0}.side-development{display:none}}
@media(max-width:760px){
 .main-content{padding:0}.page-shell{margin-left:0}.top__date,.top__me-text{display:none}
 .side--panel[data-sidebar]{display:flex;position:fixed;inset:10px auto 10px 10px;margin:0;width:270px;height:calc(100dvh - 20px);transform:translateX(-112%);transition:transform .25s var(--ease);z-index:60}
 .menu-open .side--panel[data-sidebar]{transform:translateX(0)}
 .menu-backdrop{position:fixed;inset:0;background:#090c1466;border:0;z-index:55}
 .phonebar{grid-template-columns:repeat(4,minmax(0,1fr))}
 .drawer-close{display:grid!important}.rail-toggle{display:none!important}
 .side-development{display:inline-block}
 .card__head{flex-wrap:wrap}.head__title{font-size:30px}.head__sub{font-size:13px}
 .head__actions .btn{flex:initial}.top__me{margin-left:auto}.top__right{margin-left:auto}
 .chart-legend{flex-wrap:wrap}.chart-legend>span{margin-left:0;width:100%}
 .chart-empty b{font-size:12px}.chart-empty p{font-size:11px;max-width:200px}
 .runway-empty-text{font-size:22px}.personal-runway{margin:24px 0 18px}
 .runway__stats dd{gap:5px}.runway__legend{gap:8px 12px;font-size:11px}
 .copilot{gap:12px}.sig__title{font-size:14px}
 .page-heading{align-items:flex-start}.detail-grid{grid-template-columns:1fr}
 .field input,.field textarea,.field select,.search-input,.filter-select{font-size:16px}
}
@media(max-width:400px){.head__actions{gap:6px}.head__actions .btn{font-size:12px;padding:0 10px}.channel-list li{grid-template-columns:78px 1fr 20px}.tile header{align-items:flex-start}.tile__label{font-size:11px}.tile__ico{width:25px;height:25px}.tile-open{font-size:11px}.top .crumbs{font-size:14px}.sig{gap:8px}}
@media(prefers-reduced-motion:no-preference){.page.overview>.head,.page.overview .ov-grid{animation:page-in .35s ease both}.page.overview .ov-grid{animation-delay:.05s}@keyframes page-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}}