/* Superfícies calmas. O contraste e a hierarquia conduzem a operação. */
:root{--os-canvas:#f7f7f5;--os-edge:rgba(20,24,31,.08);--os-glass:rgba(247,247,245,.92)}
html[data-tema="escuro"]{--os-canvas:#0b0d10;--os-edge:rgba(255,255,255,.07);--os-glass:rgba(11,13,16,.92)}
.casco{background:var(--os-canvas);isolation:isolate}
.painel{min-width:0;background-image:none}
.lateral{background:#0d1015;border-right-color:rgba(255,255,255,.06);padding:20px 14px 12px}
.lateral-marca{padding:8px 12px 27px;gap:10px}
.lateral .os-marca-nome{letter-spacing:-1.1px}
.lateral .os-marca-selo{padding:2px 4px;border:0;background:transparent;letter-spacing:.025em;font-family:var(--font-sans);font-size:11px;color:#98a0ae}
.lateral .nav button{position:relative;transition:color .18s,background .18s;min-height:42px;border-radius:9px}
.lateral .nav button:hover{background:rgba(255,255,255,.045);color:#fff}
.lateral .nav button.ativo{background:rgba(255,255,255,.075);color:#fff;box-shadow:none}
.lateral .nav button.ativo>.ic{color:#f26a6d}
.lateral .nav .ativo::before{display:none}
.lateral .nav-copiloto{background:transparent;border:0}
.lateral .nav-secao-tit{letter-spacing:0;font-size:12px;color:#9fa8b6}
.chip-usuario{border:0;border-radius:10px;background:rgba(255,255,255,.03);margin-top:12px}
.app-topo{background:var(--os-glass);border-bottom:1px solid var(--os-edge);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);height:64px;padding:0 32px}
.app-topo h1{font-size:14px;font-weight:550;letter-spacing:-.015em}
.app-topo h1::before{display:none}
.app-topo .busca input{background:transparent;border-color:var(--os-edge);border-radius:9px}
.app-topo .busca kbd{border-color:var(--os-edge);border-radius:5px}
.app-topo #btn-novo{border-radius:9px;box-shadow:0 1px 2px rgba(20,24,31,.08)}
.conteudo{padding:32px 36px;max-width:1640px}
.btn{transition:background .18s,color .18s,border-color .18s,box-shadow .18s,transform .18s}
.btn:not(:disabled):active{transform:translateY(1px) scale(.99)}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--brand);outline-offset:4px}
.cop-janela{border:1px solid var(--os-edge);box-shadow:0 24px 80px -24px rgba(9,14,23,.25);border-radius:22px}
.cop-pendentes{border:1px solid var(--os-edge);border-radius:16px}
.cartao{border-radius:14px}
.barra-mobile{background:var(--os-glass);border-top-color:var(--os-edge)}
[data-os-depth],[data-os-surface]{--os-pointer-x:50%;--os-pointer-y:30%}
@media(min-width:1001px){.casco[data-vista="os"] .conteudo,.casco[data-vista="contas"] .conteudo{padding-top:32px}}
@media(max-width:1000px){.app-topo{height:58px;padding:0 20px}.conteudo{padding:24px 24px calc(90px + env(safe-area-inset-bottom))}.lateral .nav button{min-height:44px}}
@media(max-width:600px){.conteudo{padding:20px 16px calc(88px + env(safe-area-inset-bottom))}.app-topo{gap:8px;padding:0 16px}.app-topo h1{font-size:14px}.app-topo .topo-dir{gap:8px}.cop-janela{border-radius:18px}}
@media(max-width:760px){.contas-os :is(input,select),.os-next .os-pedido textarea{font-size:16px!important}}
@media(prefers-reduced-motion:reduce){.lateral .nav button,.btn{transition:none}.btn:not(:disabled):active{transform:none}.vista{animation:none}}