/* MULTISYSTEM V49.18 — redesign visual compacto; não altera lógica ou dados */
:root{--bg:#f3f6fb;--panel:#fff;--text:#14243d;--muted:#687b96;--line:#dce6f3;--brand:#0969da;--dark:#082b55;--ok:#0d9b72;--warn:#d88a10;--bad:#d83b4d;--shadow:0 3px 14px rgba(17,55,100,.055)}
html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-size:13px}button{transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #60a5fa80;outline-offset:1px}
/* Navegação compacta: mais espaço útil para o conteúdo */
.sidebar{width:224px;background:linear-gradient(180deg,#092f5e 0%,#071f40 100%);box-shadow:5px 0 22px #082b5510}.main{margin-left:224px}.brand{padding:15px 17px 12px;min-height:65px}.brand.brand-logo img{max-width:164px;max-height:37px;object-fit:contain;object-position:left center}.brand small{font-size:8px;letter-spacing:1.4px;margin-top:1px;color:#a9c5e8}.userbox{margin:0 9px 9px;padding:7px 9px;border-color:#ffffff18;border-radius:9px}.userbox>div:first-child{width:30px;height:30px;flex:0 0 30px}.userbox b{font-size:12px}.userbox small{font-size:10px}.sidebar nav{padding:3px 8px 10px}.sidebar .nav-group{margin:2px 0 5px}.sidebar .nav-group-title{padding:5px 10px 3px;font-size:9px;letter-spacing:1px}.sidebar nav button,.side-bottom button,.side-bottom a{padding:8px 10px;border-radius:7px;font-size:12px;line-height:1.25;margin:1px 0}.sidebar details.nav-group>summary{padding:8px 10px;font-size:9px;letter-spacing:.8px;border-radius:7px}.sidebar nav button.active,.sidebar nav button[aria-current=page]{background:#1476e8;color:#fff;box-shadow:inset 3px 0 #8ec5ff}.sidebar nav button:hover{background:#ffffff16;color:white}.nav-whatsapp{background:#0c8d70!important;color:#fff!important}.nav-whatsapp-tag{font-size:9px!important}.side-bottom{padding:7px 8px}.side-bottom button{background:#ffffff0b}
/* Cabeçalho baixo, sem grandes áreas vazias */
.main>header{height:52px;padding:0 18px;background:#fff;border-bottom:1px solid #dce6f3;box-shadow:0 2px 7px #153b6908;gap:12px}.main>header strong{font-size:14px;font-weight:750;letter-spacing:-.2px}.main>header small{font-size:10px}.header-actions{gap:7px}.header-actions .icon{width:32px;height:32px;border-radius:8px;display:inline-grid;place-items:center;font-size:17px}.header-actions .icon:hover{background:#edf4fd}.main>header #net{padding:5px 8px;background:#e9f8f1;border-radius:6px;font-size:10px}.main>header #liveStamp{font-size:10px!important}
/* Conteúdo mais denso e alinhado */
.view{padding:18px 20px;max-width:none;width:100%}.page-head{gap:12px;margin-bottom:14px;align-items:center}.page-head h1{font-size:23px;line-height:1.2;letter-spacing:-.55px;margin:2px 0}.page-head small{font-size:9px;letter-spacing:.8px}.page-head p{font-size:12px;line-height:1.45;max-width:780px}.head-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.primary,.secondary,.toolbar button{border-radius:7px;padding:8px 11px;font-size:12px;font-weight:700}.primary{background:linear-gradient(135deg,#0874e8,#0759bd);box-shadow:0 2px 5px #0969da20}.primary:hover{background:#064fa8;box-shadow:0 4px 12px #0969da2b}.secondary{background:#eaf2fc;color:#124d91;border:1px solid #d8e7f8}.secondary:hover{background:#dceafd}.kpis{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px;margin-bottom:13px}.kpi{padding:13px 14px;border-radius:10px;box-shadow:none;border-color:#dfe8f4;min-width:0}.kpi span{font-size:11px}.kpi b{font-size:23px;margin-top:5px;color:#0b4387}.grid-2{gap:12px}.panel{padding:13px;margin-bottom:12px;border-radius:10px;box-shadow:none;border-color:#dfe8f4}.panel-head{gap:10px;margin-bottom:8px}.panel-head h3{font-size:13px;letter-spacing:-.15px}.panel-head button{font-size:11px}.toolbar{gap:8px;margin-bottom:10px;flex-wrap:wrap}.toolbar input,.toolbar select,.modal input,.modal select,.modal textarea{border-color:#d6e1ef;border-radius:7px;padding:9px 10px;font-size:12px;min-height:36px}.table-wrap{border-radius:9px;box-shadow:none;border-color:#dfe8f4}table{min-width:700px;font-size:12px}th,td{padding:9px 11px}th{background:#f1f6fc;color:#58708f;font-size:10px}tr:hover td{background:#f4f9ff}.badge{padding:4px 7px;font-size:10px}.action{padding:6px 8px;border-radius:6px}.empty{padding:22px}.modal{border-radius:13px}.modal input,.modal select,.modal textarea{width:100%}
/* Evita colunas apertadas e desperdício em telas intermediárias */
@media(min-width:1500px){.view{padding:20px 24px}.kpis{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:1100px){.sidebar{width:210px}.main{margin-left:210px}.view{padding:15px}.kpis{grid-template-columns:repeat(auto-fit,minmax(135px,1fr))}.page-head h1{font-size:21px}}
@media(max-width:760px){.sidebar{width:250px;transform:translateX(-102%);transition:transform .2s ease}.sidebar.open,.sidebar.mobile-open{transform:translateX(0)}.main{margin-left:0}.main>header{height:50px;padding:0 11px}.view{padding:12px}.page-head{align-items:flex-start;flex-direction:column}.head-actions{justify-content:flex-start;width:100%}.head-actions button{flex:0 0 auto}.kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.kpi{padding:11px}.grid-2{grid-template-columns:1fr}.toolbar>*{min-width:0;max-width:100%}.toolbar input{flex:1 1 100%}.panel{padding:11px}.header-actions{gap:3px}.header-actions #liveStamp{display:none!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}