/* Sistema visual: superfícies neutras, ferramentas agrupadas e estados preservados. */
#app{--texto:#192d40;--cinza:#627489;--linha:#dbe3eb;--magenta:#245e85;--magenta-b:#174968;--magenta-bg:#edf4f8;--raio:12px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#192d40}
#app #view{background:#f1f4f7}
#app #topbar{min-height:62px;background:#fff;border-bottom:1px solid #dbe3eb}
#app #topbar .titulo{font-size:18px;letter-spacing:-.035em}
#app #topbar .produto-atual{background:#f6f8fa;border:1px solid #dce5ed;border-radius:9px;box-shadow:none}
#app :is(.hub-unificado-topo){background:#fff;border:1px solid #d9e3eb;border-left:4px solid #244f6d;border-radius:12px;box-shadow:0 3px 10px #20354d05;color:#183349;padding:18px 22px;gap:24px}
#app .hub-unificado-topo h1{color:#17354b;font-size:23px;line-height:1.25;letter-spacing:-.04em}
#app .hub-unificado-topo p{color:#60758a;font-size:12px;margin-top:7px;line-height:1.6}
#app .hub-unificado-topo>div>span{color:#627f91;font-size:10px;letter-spacing:.12em}
#app .hub-unificado-topo nav{background:#f4f7f9;border:1px solid #e3e9ee;border-radius:10px;padding:4px;gap:4px}
#app .hub-unificado-topo nav button{background:transparent;color:#527087;border:1px solid transparent;border-radius:7px;box-shadow:none;padding:10px 14px}
#app .hub-unificado-topo nav button.on{background:#fff;border-color:#cbdbe7;color:#143f5c;box-shadow:0 2px 4px #193e5608}
#app .hub-unificado-topo nav button small{color:#667f92;line-height:1.5}
#app .agp-page,#app .agp-grade-wrap{--agp-roxo:#285d7b;--agp-roxo-forte:#194764;--agp-roxo-suave:#eff5f8;--agp-linha:#dce5ed;--agp-sombra:0 3px 10px #20354d06}
#app .agenda-top.agp-toolbar{background:#fff;box-shadow:0 3px 10px #20354d05;border-radius:12px;padding:16px;border-color:#d9e3eb;gap:16px}
#app .agp-identidade-icone{background:#eaf2f7;color:#245975;box-shadow:none;border:1px solid #d5e3ee;border-radius:10px}
#app .agp-identidade h2{font-size:16px;font-weight:650}
#app .agp-identidade p{font-size:11px;color:#6a7f91}
#app .agp-data-nav{border-inline:1px solid #e5ebf0;padding-inline:12px}
#app .agp-modos{background:#f4f7f9;padding:4px;border:1px solid #e2e8ed;border-radius:9px}
#app .agp-modos .modo-btn{border:0;background:transparent;box-shadow:none;color:#526c80}
#app .agp-modos .modo-btn.on{background:#fff;color:#194d6f;box-shadow:0 1px 5px #193e5614}
#app .agp-toolbar-acoes>.btn{min-height:36px;border-radius:8px}
#app .agp-grade-wrap{border-radius:12px;border-color:#d4e0e8;box-shadow:0 3px 10px #20354d04}
#app .agp-grade-wrap .agp-col-icone{background:#edf4f8;color:#376582;border:1px solid #d7e5ee}
#app .agp-grade-wrap th{background:#f8fafc;border-bottom-color:#d7e2eb}
#app :is(.opsv-hub-nav,.op-nav){background:#fff;border-color:#dce5ed;box-shadow:none}
#app :is(.opsv-hub-nav,.op-nav) button{border-radius:8px}
#app :is(.card,.modal-card){border-color:#dce4ec}
#app .btn:not(.ghost):not(.danger):not(.verde):not(.vermelho){box-shadow:none}
#app table thead th{letter-spacing:.025em;font-size:11px;color:#61778a}
#app table td{border-bottom-color:#e7edf2}
#app #taskbar{box-shadow:0 -3px 12px #20354d05;padding:8px 12px;gap:8px}
#app #taskbar .tab{border-radius:8px;padding:8px 11px;font-size:12px;min-height:35px}
#app #taskbar .tab.on{background:#214b67;border-color:#214b67}
#app #taskbar .tab:not(.on):hover{border-color:#9cb5c8;background:#f5f8fa}
#app :is(.sec,h2.sec){letter-spacing:-.025em}
#app :is(.pill,.tag){font-weight:550}
#app #sidebar svg{stroke-width:1.65}
#app #sidebar .nav-item{border-radius:10px}
#app :is(input,textarea,select):focus{border-color:#6e9bb9}
@media(max-width:1100px){#app .agp-data-nav{border:0;padding-inline:0}#app .hub-unificado-topo{gap:14px;flex-wrap:wrap}}
@media(max-width:680px){#app .hub-unificado-topo{padding:16px;gap:14px}#app .hub-unificado-topo h1{font-size:21px}#app .hub-unificado-topo nav{width:100%;display:flex}#app .hub-unificado-topo nav button{flex:1;min-width:0;min-height:48px;padding:8px}#app .agenda-top.agp-toolbar{padding:13px;gap:12px}#app .agp-data-nav{justify-content:flex-start}#app #topbar .titulo{font-size:16px}#app #taskbar{padding:7px 8px}#app .hub-unificado-topo nav button small{font-size:10px}#app .agp-modos .btn{min-height:42px}}