:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#17324d;background:#f4f7fb;--nav:#0b2c50;--nav2:#164d7f;--blue:#0d6fb8;--line:#dce5ee;--muted:#6d7f91;--green:#12b978;--lime:#b8ff35}*{box-sizing:border-box}body{margin:0;background:#f4f7fb}a{color:#0c64a4}header{height:68px;background:var(--nav);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 30px}header a{color:#fff}.brand{display:flex;align-items:baseline;gap:9px}.brand b{font-size:23px;letter-spacing:.5px}.brand b i{font-style:normal;color:var(--lime);font-size:28px;margin-right:2px}.brand span{font-size:13px;opacity:.8}nav{min-height:58px;background:var(--nav2);display:flex;align-items:stretch;padding:0 25px;gap:2px;flex-wrap:wrap}nav>a,.drop>button{display:flex;align-items:center;color:#fff;background:transparent;border:0;text-decoration:none;padding:0 15px;font-size:15px;cursor:pointer;border-radius:0}.drop{position:relative;display:flex}.drop>div{display:none;position:absolute;top:58px;left:0;z-index:20;background:#fff;min-width:240px;box-shadow:0 10px 30px #0018;border-radius:0 0 10px 10px;overflow:hidden}.drop:hover>div{display:block}.drop>div a{display:block;padding:13px 16px;text-decoration:none;border-bottom:1px solid #edf1f5;color:#17324d}.drop>div a:hover{background:#f0f6fb}nav>a:hover,.drop>button:hover{background:#0e3e68}main{max-width:1500px;margin:auto;padding:30px}.pagehead{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.pagehead h1,h1{margin:0 0 5px;font-size:32px}.pagehead p{margin:0;color:var(--muted)}button,.linkbtn{background:var(--blue);color:#fff;border:0;border-radius:8px;padding:11px 16px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block}.successbtn{background:#18864b;margin-top:10px}.panel,section{background:#fff;border:1px solid #e4ebf2;border-radius:14px;padding:20px;margin-bottom:20px;box-shadow:0 4px 18px #17324d0a}.panel h2,section h2{margin-top:0}.gridform{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:12px}.gridform h2{grid-column:1/-1;border-bottom:1px solid var(--line);padding-bottom:8px;margin:8px 0 0}.gridform textarea{grid-column:span 2}.gridform button{align-self:end}.compact{grid-template-columns:2fr 1fr 1fr 1fr auto;padding:0;border:0;box-shadow:none;margin:0}.inlineform{display:flex;gap:10px;align-items:center;flex-wrap:wrap}input,select,textarea{width:100%;border:1px solid #cdd9e5;border-radius:8px;padding:11px 12px;font-size:14px;background:#fff;color:#17324d}textarea{min-height:48px;resize:vertical}.check{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid var(--line);border-radius:8px}.check input{width:auto}.hidden{display:none!important}.cards{display:grid;grid-template-columns:repeat(7,minmax(140px,1fr));gap:12px;margin-bottom:20px}.cards>div{background:#fff;border:1px solid #e4ebf2;border-radius:14px;padding:19px;box-shadow:0 4px 16px #17324d0a}.cards b{display:block;font-size:28px;color:#0d4c7e}.cards span{color:var(--muted);font-size:13px}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:18px}.summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.summary>div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px}.summary small{display:block;color:var(--muted);margin-bottom:6px}.summary b{font-size:18px}table{width:100%;border-collapse:collapse;overflow:hidden}th{background:#edf4f9;color:#36566f;font-size:12px;text-transform:uppercase;letter-spacing:.3px}th,td{text-align:left;padding:11px 10px;border-bottom:1px solid #e8eef4;vertical-align:middle}tr:hover td{background:#fbfdff}.tag{display:inline-block;padding:5px 9px;border-radius:20px;background:#e7f1f8;color:#155b8e;font-size:11px;font-weight:700}.alert{padding:13px 15px;border-radius:8px;margin-bottom:16px}.alert.success{background:#e8f7ee;color:#17693b}.alert.danger{background:#fdeced;color:#9a2932}.flow{font-weight:700;line-height:2;color:#234b6d}.search{max-width:380px;margin-bottom:12px}.labels{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.label{background:#fff;border:2px solid #111;padding:16px;text-align:center;break-inside:avoid}.label strong{display:block;font-size:23px;margin:9px 0}.label span,.label small{display:block}.scanner{background:#fff;border-radius:14px;padding:22px;max-width:700px}.scanner pre{background:#eef4f8;border-radius:8px;padding:15px;min-height:160px;white-space:pre-wrap}.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#092745,#17639b)}.loginbox{width:min(430px,92vw);background:#fff;border-radius:18px;padding:34px;display:grid;gap:13px;box-shadow:0 20px 60px #0004}.loginbox h1{font-size:42px;margin:0;color:#0b2c50}.loginbox h3,.loginbox p{margin:0;color:#64798c}.loginbox small{text-align:center;color:#667}.mobilewrap{max-width:750px;margin:auto}@media(max-width:1100px){.gridform{grid-template-columns:repeat(2,1fr)}.cards{grid-template-columns:repeat(4,1fr)}.twocol{grid-template-columns:1fr}.compact{grid-template-columns:1fr 1fr}.labels{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){header{padding:0 14px}.brand span{display:none}nav{padding:0 6px;min-height:auto}nav>a,.drop>button{padding:12px 9px;font-size:13px}.drop>div{top:42px}main{padding:16px}.pagehead{align-items:flex-start;flex-direction:column}.gridform{grid-template-columns:1fr}.gridform textarea{grid-column:1}.cards{grid-template-columns:repeat(2,1fr)}.summary{grid-template-columns:1fr 1fr}.panel,section{overflow-x:auto}table{min-width:750px}.labels{grid-template-columns:1fr}}@media print{header,nav,.pagehead button{display:none}main{padding:0}.labels{grid-template-columns:repeat(2,1fr)}.label{box-shadow:none}}

/* +HAGIO V3 */
nav>a:hover,.drop>button:hover{box-shadow:inset 0 -3px 0 var(--lime)}
.pagehead h1:after,h1:after{content:"";display:block;width:46px;height:3px;background:var(--lime);border-radius:4px;margin-top:7px}
button:hover,.linkbtn:hover{filter:brightness(.96);box-shadow:0 0 0 2px #b8ff3545}
.hint{grid-column:1/-1;margin:0;color:var(--muted);font-size:12px}
.permgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.perm{border:1px solid var(--line);border-radius:10px;padding:12px;display:grid;grid-template-columns:auto 1fr;gap:3px 8px;align-items:center}.perm input{width:auto;grid-row:1/3}.perm small{color:var(--muted)}
.settings{max-width:850px}.switchline,.radio{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);padding:14px;border-radius:10px;margin:10px 0}.switchline input,.radio input{width:auto;margin-top:3px}.switchline small{display:block;color:var(--muted);margin-top:4px}
.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.kpis>div{background:#fff;border:1px solid var(--line);border-top:4px solid var(--lime);padding:16px;border-radius:12px}.kpis b{display:block;font-size:20px}.kpis span{color:var(--muted);font-size:12px}.tag.lime{background:#eaffbd;color:#355900}
.mobilecards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:18px 0}.mobilecards a{background:var(--nav);color:#fff;text-decoration:none;padding:18px;border-radius:14px;display:grid;grid-template-columns:auto 1fr;column-gap:10px;border-bottom:4px solid var(--lime)}.mobilecards b{font-size:16px}.mobilecards span{grid-column:2;color:#c9d8e6;font-size:12px}.scanresult{background:#eef4f8;border-radius:8px;padding:15px;min-height:130px;margin-top:10px}.lotcard{display:flex;justify-content:space-between;gap:10px;background:#fff;border-left:4px solid var(--lime);padding:10px;margin:8px 0;border-radius:6px}.lotcard span{color:var(--muted);font-size:12px}
@media(max-width:700px){.permgrid,.kpis,.mobilecards{grid-template-columns:1fr}.lotcard{flex-direction:column}}

/* +HAGIO V4 */
.status-dot{display:inline-block;padding:6px 9px;border-radius:16px;font-weight:800;font-size:11px}.status-dot.ok,.scan-green{background:#daf8e7;color:#0b6a3b}.status-dot.warn,.scan-yellow{background:#fff4bf;color:#785d00}.status-dot.bad,.scan-red{background:#ffdadd;color:#9e1e2b}.kanban{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:18px 0}.kanban-card{background:#fff;border:1px solid var(--line);border-top:5px solid var(--lime);padding:16px;border-radius:12px;display:flex;flex-direction:column;gap:7px}.kanban-card strong{color:var(--blue)}
.chartgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:18px 0}.bars{display:grid;gap:12px}.barrow{display:grid;grid-template-columns:120px 1fr 42px;align-items:center;gap:10px}.barrow i{height:16px;background:#1e5a8f;border-radius:10px;min-width:4px}.barrow.lime i{background:#9be735}.financechart{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.money{padding:20px;border-radius:12px;background:#edf3f8}.money.receive{border-top:4px solid #16b978}.money.pay{border-top:4px solid #ef6b64}.money b,.money span{display:block}.kanban{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:14px;overflow:auto}.opcard{padding:14px;background:#eef5fb;border-left:5px solid #1e5a8f;border-radius:10px;margin:10px 0}.opcard span{display:block;margin:5px 0}.opcard.warn{border-color:#f0b429}.opcard.ok{border-color:#16b978;background:#ecfff6}.reportgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.reportcard{background:white;padding:24px;border-radius:14px;text-decoration:none;color:#0b2f55;border-top:5px solid #9be735;box-shadow:0 4px 16px #0001}.reportcard b,.reportcard span{display:block}.reportcard span{margin-top:8px;color:#557}.dre{max-width:700px}.dre div{display:flex;justify-content:space-between;padding:18px;border-bottom:1px solid #dde6ee}.dre .result{font-size:1.2rem;border-top:3px solid #9be735}.label img{display:block;max-width:100%;height:82px;margin:auto}.small{padding:7px 9px;font-size:12px}.actions{display:flex;gap:10px;justify-content:flex-end;margin-bottom:10px}@media(max-width:800px){.chartgrid{grid-template-columns:1fr}.financechart{grid-template-columns:1fr}.kanban{grid-template-columns:1fr}.barrow{grid-template-columns:90px 1fr 35px}}
.demo-banner{display:flex;justify-content:space-between;gap:18px;align-items:center;background:linear-gradient(100deg,#0b3157,#135a74);color:#fff;border-left:6px solid #a3ff12;margin-bottom:18px}.demo-banner b{display:block;font-size:18px;color:#a3ff12}.demo-banner span{display:block;margin-top:6px}.demo-values{display:flex;gap:10px;flex-wrap:wrap}.demo-values strong{background:#fff;color:#0b3157;padding:10px 14px;border-radius:10px;white-space:nowrap}@media(max-width:800px){.demo-banner{display:block}.demo-values{margin-top:12px}}
/* +HAGIO V8 */
.periodfilter{display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:#fff;padding:10px;border-radius:10px;box-shadow:0 2px 12px #001b3310}.periodfilter input{padding:8px}.cards.exec{grid-template-columns:repeat(auto-fit,minmax(155px,1fr))}.professional section{min-height:260px}.professional h2{font-size:18px;margin-bottom:2px}.hint{font-size:12px;color:#718096;margin-top:0}.professional .barrow{grid-template-columns:120px 1fr 100px;gap:8px;font-size:12px}.professional .barrow i{min-width:4px}.gridsearch{width:min(380px,100%);margin:0 0 10px auto;display:block;padding:9px 12px;border:1px solid #d9e2ec;border-radius:8px}.v7grid th{cursor:pointer;user-select:none;white-space:nowrap}.v7grid th:hover{background:#dce9f5}.statuschoice{display:flex;gap:16px;align-items:center;padding:12px;background:#f6f9fc;border-radius:9px}.statuschoice label{display:flex;gap:5px;align-items:center}.tag.ok{background:#dcfce7;color:#166534}.tag.bad{background:#fee2e2;color:#991b1b}.tag.warn{background:#fef3c7;color:#92400e}.deliverycards{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:15px}.deliverycards section{border-left:4px solid #a3e635}.pdvtotal{font-size:44px;font-weight:800;color:#0b3558;padding:20px;background:#eaffcf;border-radius:12px;text-align:center}.reportcards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:20px}.reportcards a{background:white;border-top:4px solid #a3e635;padding:20px;border-radius:12px;text-decoration:none;color:#0b3558;box-shadow:0 3px 14px #001b3312}.reportcards span{display:block;color:#6b7f90;margin-top:8px}
/* ===== +HAGIO V8: layout responsivo, grids, status e TMS ===== */
:root{--navy:#071b33;--navy2:#0c2d4d;--green:#12b981;--lime:#b8f34a;--bg:#f5f7f9;--line:#dfe7ec;--text:#183249;--muted:#64778a;--yellow-soft:#fff6c7;--yellow-text:#7a5b00;--orange-soft:#ffeadb;--orange-text:#93501e;--red-soft:#ffe2e1;--red-text:#a72d2d;--green-soft:#dcf7e9;--green-text:#16724c;--blue-soft:#e4f0ff;--blue-text:#245b8e;--purple-soft:#eee6ff;--purple-text:#6545a5}
body{background:var(--bg);color:var(--text);font-size:15px}.topbar{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:var(--navy);color:#fff;position:sticky;top:0;z-index:40}.topbar a{color:#fff}.brand{display:flex;align-items:baseline;gap:10px}.brand b{font-size:22px;letter-spacing:.3px}.brand i{color:var(--lime);font-style:normal}.brand span{font-size:12px;color:#c9d7e3}.top-actions{display:flex;gap:14px;align-items:center}.bell{background:#ffffff16;padding:7px 10px;border-radius:8px}.app-shell{display:grid;grid-template-columns:245px minmax(0,1fr);min-height:calc(100vh - 58px)}.sidebar{background:#0a2947;color:#fff;padding:12px 9px;position:sticky;top:58px;height:calc(100vh - 58px);overflow:auto}.sidebar a,.sidebar summary{display:block;color:#e9f2f8;text-decoration:none;padding:9px 11px;border-radius:7px;font-size:13px;cursor:pointer}.sidebar a:hover,.sidebar summary:hover{background:#ffffff13}.sidebar details a{padding-left:25px;color:#c9d7e3}.sidebar .home{background:#ffffff10}.content-wrap{min-width:0}.menu-toggle{display:none;margin:10px}.content-wrap main{max-width:none;width:100%;padding:18px 22px}.lead{color:var(--muted);margin-top:-8px}.table-scroll{overflow:auto;border:1px solid var(--line);border-radius:10px;background:#fff}table.hagio-grid{width:100%;border-collapse:separate;border-spacing:0;background:#fff}table.hagio-grid thead{position:sticky;top:0;z-index:5}table.hagio-grid th{background:#edf3f7;color:#264056;font-weight:700;white-space:nowrap;border-bottom:1px solid #d9e3ea;cursor:pointer}table.hagio-grid th,table.hagio-grid td{padding:9px 10px;font-size:13px}table.hagio-grid tbody tr:hover{background:#f8fbfd}.filter-row th{padding:5px 6px!important;background:#f8fafb!important}.col-filter,.global-filter{width:100%;min-width:80px;padding:7px 8px!important;font-size:12px!important;border:1px solid #d2dde5!important;border-radius:6px!important;background:white!important}.grid-tools{display:flex;gap:8px;align-items:center;margin:8px 0;flex-wrap:wrap}.grid-tools .global-filter{max-width:330px}.grid-tools button{padding:7px 10px}.grid-count{margin-left:auto;color:var(--muted);font-size:12px}.sort-ind{color:#7d93a5;font-weight:400}.status-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.15px;white-space:nowrap}.status-badge.info{background:var(--blue-soft);color:var(--blue-text)}.status-badge.warning{background:var(--yellow-soft);color:var(--yellow-text)}.status-badge.orange{background:var(--orange-soft);color:var(--orange-text)}.status-badge.success{background:var(--green-soft);color:var(--green-text)}.status-badge.danger{background:var(--red-soft);color:var(--red-text)}.status-badge.muted{background:#eceff2;color:#64707a}.status-badge.purple{background:var(--purple-soft);color:var(--purple-text)}.kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:12px 0 18px}.kpi{background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px}.kpi span{display:block;color:var(--muted);font-size:12px}.kpi b{font-size:24px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}.period-filter,.settings-form{display:flex;gap:10px;align-items:end;flex-wrap:wrap;background:#fff;border:1px solid var(--line);padding:12px;border-radius:10px}.period-filter label,.settings-form label{display:grid;gap:5px;font-size:12px;color:var(--muted)}.settings-form{max-width:800px}.chart-bars{height:220px;display:flex;align-items:end;gap:5px;overflow-x:auto;padding:12px;background:#fff;border:1px solid var(--line);border-radius:10px}.bar-col{height:100%;min-width:34px;display:flex;flex-direction:column;justify-content:end;align-items:center}.bar{width:25px;min-height:3px;background:#178bbd;border-radius:5px 5px 0 0;position:relative}.bar span{position:absolute;top:-18px;font-size:9px;white-space:nowrap}.bar-col small{font-size:8px;transform:rotate(-45deg);margin-top:14px}.mobile-summary{display:flex;gap:10px;flex-wrap:wrap;background:#fff;padding:12px;border-radius:10px;border:1px solid var(--line)}.driver-stops{display:grid;gap:10px;margin-top:12px}.stop-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px}.stop-head{display:flex;justify-content:space-between;align-items:center}.stop-actions{display:flex;gap:8px;flex-wrap:wrap}.stop-actions button{min-height:44px}.success-btn{background:#16875d!important}.danger-btn{background:#b94747!important}.gps-msg{padding:10px;margin-top:10px;background:#edf6ff;border-radius:8px;color:#315c7f}.alert-list{display:grid;gap:10px}.alert-card{background:#fff;padding:14px;border:1px solid var(--line);border-left:5px solid #7b8b98;border-radius:8px}.alert-card.critical{border-left-color:#c74848}.alert-card.warning{border-left-color:#dfb72f}.btn-small{display:inline-block;padding:6px 9px;border-radius:6px;background:#0f6da1;color:#fff;text-decoration:none}progress{width:130px;accent-color:#16a06a}.density-compact table.hagio-grid th,.density-compact table.hagio-grid td{padding:5px 7px;font-size:12px}.density-comfortable table.hagio-grid th,.density-comfortable table.hagio-grid td{padding:12px 13px;font-size:14px}
@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{display:none;position:fixed;left:0;top:58px;width:280px;z-index:50}.sidebar.open{display:block}.menu-toggle{display:inline-block}.content-wrap main{padding:12px}.two-col{grid-template-columns:1fr}.top-actions span{display:none}.brand span{display:none}.stop-actions button{flex:1 1 45%}.grid-count{width:100%;margin-left:0}}
@media(max-width:480px){body{font-size:14px}.content-wrap main{padding:9px}.kpi-row{grid-template-columns:1fr 1fr}.kpi b{font-size:19px}.topbar{padding:0 10px}.driver-stops{gap:8px}.stop-actions button{flex:1 1 100%}}

/* V8.1 - filtros visíveis em 100% das tabelas/grids */
.grid-tools{position:relative;background:#f8fafc;border:1px solid var(--line);border-bottom:0;border-radius:10px 10px 0 0;padding:8px 10px;margin:10px 0 0!important}
.grid-search-wrap{display:flex;align-items:center;gap:6px;min-width:min(360px,100%);background:#fff;border:1px solid #cbd9e3;border-radius:7px;padding-left:8px}
.grid-search-wrap .global-filter{border:0!important;outline:0;max-width:none!important}
table.hagio-grid{border-radius:0 0 10px 10px;overflow:hidden}
.filter-row th{position:sticky;top:38px;z-index:6}
.filter-box{display:flex;align-items:center;gap:4px;background:#fff;border:1px solid #cbd9e3;border-radius:6px;padding-left:5px;min-width:100px}
.filter-icon{font-size:12px;color:#70869a}.filter-box .col-filter{border:0!important;outline:0!important;box-shadow:none!important;min-width:65px!important}
.filter-box:focus-within{border-color:#4a86b8;box-shadow:0 0 0 2px #dceeff}
.col-filter.filter-active{background:#fff9d8!important;font-weight:700}
.hagio-grid thead tr:first-child th{position:sticky;top:0;z-index:7}
@media(max-width:900px){.grid-tools>*{flex:1 1 auto}.grid-tools .grid-count{flex-basis:100%}.grid-search-wrap{min-width:100%}}

/* ===== +HAGIO V8.2 CORRIGIDA COMPLETA ===== */
:root{
  --yellow-soft:#fff9dc;--yellow-text:#6f5b12;
  --orange-soft:#fff0e6;--orange-text:#895a36;
  --red-soft:#ffe8e7;--red-text:#9b3434;
  --green-soft:#e2f7ec;--green-text:#176a49;
  --blue-soft:#eaf3ff;--blue-text:#315f88;
  --purple-soft:#f1ebff;--purple-text:#664f93;
}
body{font-size:clamp(14px,calc(13px + .12vw),16px)}
h1,.pagehead h1{font-size:clamp(24px,calc(20px + .7vw),32px)}
.content-wrap main{width:100%;max-width:100%;}
.density-top{display:flex;align-items:center;gap:6px;font-size:11px;color:#dce7ef}.density-top select{width:auto;padding:6px 28px 6px 8px;font-size:12px;border-color:#ffffff30;background:#fff;color:#183249}
.status-badge.warning,.tag.status-badge.warning,.status-dot.status-badge.warning{background:var(--yellow-soft)!important;color:var(--yellow-text)!important}
.status-badge.orange,.tag.status-badge.orange,.status-dot.status-badge.orange{background:var(--orange-soft)!important;color:var(--orange-text)!important}
.status-badge.danger,.tag.status-badge.danger,.status-dot.status-badge.danger{background:var(--red-soft)!important;color:var(--red-text)!important}
.status-badge.success,.tag.status-badge.success,.status-dot.status-badge.success{background:var(--green-soft)!important;color:var(--green-text)!important}
.status-badge.info,.tag.status-badge.info,.status-dot.status-badge.info{background:var(--blue-soft)!important;color:var(--blue-text)!important}
.status-badge.purple,.tag.status-badge.purple,.status-dot.status-badge.purple{background:var(--purple-soft)!important;color:var(--purple-text)!important}
.grid-tools{gap:7px}.grid-tools select{width:auto;padding:7px 26px 7px 8px;font-size:12px}.page-size-label{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--muted)}.filter-chips{order:20;flex-basis:100%;display:flex;gap:5px;flex-wrap:wrap}.filter-chips span{background:#eef4f8;border:1px solid #d7e3eb;color:#506a7f;padding:4px 7px;border-radius:999px;font-size:11px}.grid-pager{display:flex;gap:5px;align-items:center}.grid-pager button{padding:5px 9px}.grid-pager button:disabled{opacity:.4;cursor:not-allowed}.page-info{font-size:11px;color:var(--muted);white-space:nowrap}.saved-views{max-width:150px}
.hagio-grid td,.hagio-grid th{line-height:1.25}.density-compact input,.density-compact select,.density-compact textarea{font-size:12px;padding:7px 8px}.density-compact .panel,.density-compact section{padding:13px}.density-comfortable input,.density-comfortable select,.density-comfortable textarea{font-size:15px;padding:12px}.density-comfortable .panel,.density-comfortable section{padding:23px}
@media(max-width:900px){.density-top{display:none}.grid-tools .saved-views,.grid-tools .page-size-label{flex:1 1 46%;max-width:none}.grid-pager{width:100%;justify-content:flex-end}}
.tracking-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:10px 0 14px}.tracking-toolbar .gps-msg{flex:1 1 320px;margin:0}.secondary-btn{background:#718096!important}
.status-legend{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}

/* V8.3 VALIDADA - confirmação visual e filtros obrigatórios */
.build-badge{background:#eaf3ff;color:#315f88;border:1px solid #c9def5;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800;white-space:nowrap}
.filter-row{display:table-row!important}
.filter-row th{background:#f5f8fb!important;border-bottom:2px solid #cddbe6!important}
.filter-box{min-height:34px}
.filter-box .col-filter{display:block!important;visibility:visible!important;opacity:1!important}
.hagio-grid[data-enhanced="1"]{outline:1px solid #e0e9f0}
@media(max-width:1100px){.build-badge{display:none}}


/* V8.3 - MENU LATERAL SANFONA */
.sidebar details{margin:1px 0}
.sidebar details>summary{position:relative;padding-right:30px;list-style:none}
.sidebar details>summary::-webkit-details-marker{display:none}
.sidebar details>summary::after{content:"›";position:absolute;right:12px;top:50%;transform:translateY(-50%) rotate(0deg);font-size:18px;color:#9fb5c7;transition:transform .16s ease}
.sidebar details[open]>summary::after{transform:translateY(-50%) rotate(90deg)}
.sidebar details[open]>summary{background:#ffffff10;color:#fff;font-weight:700}
.sidebar details.active-menu-group>summary{background:#ffffff10}
.sidebar a.active-menu-item{background:#eaf3ff!important;color:#173a57!important;font-weight:800;border-left:3px solid #8ee337;padding-left:22px}
.sidebar>.home.active-menu-item{padding-left:11px;border-left:3px solid #8ee337}
.sidebar details:not([open])>a{display:none}
@media(prefers-reduced-motion:reduce){.sidebar details>summary::after{transition:none}}

/* ===== +HAGIO V8.3.1 — GRIDS UNIVERSAIS + DASHBOARD + DRE ===== */
.build-badge{background:#eef7ff;color:#23577d}
.hagio-grid thead tr:first-child th{cursor:pointer;white-space:nowrap;user-select:none}.hagio-grid thead tr:first-child th:hover{background:#dce9f4!important}.sort-ind{display:inline-block;min-width:16px;text-align:center;font-weight:800;color:#7290a7}.filter-row th{padding:6px!important}.filter-box{width:100%;min-width:92px}.filter-box input{width:100%;font-size:12px!important}.grid-tools{position:sticky;top:0;z-index:8}.grid-tools .global-filter{min-width:220px}.filter-chips:empty{display:none}
.executive-kpis{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px}.executive-kpis>div{min-height:112px;display:flex;flex-direction:column;justify-content:center}.executive-kpis span{order:1;font-size:12px;text-transform:uppercase;letter-spacing:.35px}.executive-kpis b{order:2;margin-top:8px;font-size:clamp(22px,1.8vw,30px);line-height:1.08;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dashboard-charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:18px 0}.chart-card{min-height:330px;overflow:hidden}.chart-title{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.chart-title h2{margin:0;font-size:19px}.chart-title p{margin:4px 0 0;color:var(--muted);font-size:12px}.chart-title>strong{font-size:17px;color:#0d4c7e;white-space:nowrap}.column-chart{height:235px;display:flex;align-items:flex-end;gap:14px;padding:30px 8px 4px;margin-top:15px;border-bottom:1px solid #dbe5ed;background:linear-gradient(to top,#f9fbfd 1px,transparent 1px);background-size:100% 25%}.column-item{height:100%;flex:1;min-width:45px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.column-track{height:170px;width:min(42px,70%);display:flex;align-items:flex-end;border-radius:8px 8px 3px 3px;background:#eef3f7;overflow:hidden}.column-track i{display:block;width:100%;min-height:4px;border-radius:8px 8px 3px 3px}.column-track i.sales{background:linear-gradient(180deg,#2d78b6,#155382)}.column-track i.purchase{background:linear-gradient(180deg,#b7ec52,#7fc629)}.column-item small{margin-top:7px;font-size:10px;color:#60788a}.column-value{font-size:9px;font-weight:700;color:#31566f;margin-bottom:5px;white-space:nowrap}
.rank-bars,.status-dashboard{display:grid;gap:15px;margin-top:22px}.rank-bars>div,.status-dashboard>div{display:grid;grid-template-columns:minmax(130px,1.1fr) minmax(150px,2.4fr) 110px;gap:12px;align-items:center}.rank-bars>div>div,.status-progress{height:11px;border-radius:999px;background:#edf2f6;overflow:hidden}.rank-bars i,.status-progress i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#1d5f94,#3987c1)}.rank-bars b,.status-dashboard b{text-align:right;font-size:12px}.status-progress i{background:linear-gradient(90deg,#8ccf36,#b7ec52)}
.dash-bottom-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:18px 0}.insight-card{min-height:315px}.insight-head{display:flex;justify-content:space-between;align-items:flex-start}.insight-head h2{margin:0;font-size:19px}.insight-head p{margin:4px 0 0;color:var(--muted);font-size:12px}.insight-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#edf5fb;color:#175986;font-weight:800}.customer-ranking{display:grid;gap:14px;margin-top:20px}.customer-ranking>div{display:grid;grid-template-columns:28px minmax(0,1fr) 110px;align-items:center;gap:12px}.rank-no{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#edf4f9;font-weight:800;color:#31566f}.rank-name{display:grid;gap:6px}.rank-name i{height:7px;background:#eef3f6;border-radius:999px;overflow:hidden}.rank-name em{display:block;height:100%;background:#9edf40;border-radius:999px}.customer-ranking strong{text-align:right;font-size:12px}.finance-visual{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}.fin{padding:18px;border-radius:13px;background:#f1f5f8;border-top:4px solid #8095a6;min-width:0}.fin.receive{border-color:#38b980}.fin.pay{border-color:#ef7770}.fin.balance{border-color:#4e86b1}.fin small,.fin span{display:block;color:#6d7f91}.fin b{display:block;margin:8px 0;font-size:clamp(17px,1.4vw,23px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-list{display:grid;margin-top:15px}.recent-list>a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 4px;border-bottom:1px solid #e6edf3;text-decoration:none;color:#17324d}.recent-list>a>div{display:grid;gap:3px}.recent-list>a>div span{font-size:12px;color:#6d7f91}
.category-form{grid-template-columns:1fr 1fr auto!important}.category-admin section{min-height:170px}
.dre-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.dre-kpis>div{background:#fff;border:1px solid #e1e9f0;border-radius:14px;padding:18px}.dre-kpis span,.dre-kpis small{display:block;color:#6d7f91}.dre-kpis b{display:block;font-size:25px;margin:7px 0}.dre-kpis .positive{color:#13774f}.dre-kpis .negative{color:#a43d3d}.dre-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.dre-table .dre-main td{font-weight:700}.dre-table .dre-total td{font-weight:800;background:#eef6fb}.dre-table .dre-result td{font-weight:900;background:#e8f7ee;border-top:2px solid #40ad79}.dre-month-list{display:grid;gap:14px}.dre-month-list>div{display:grid;grid-template-columns:60px 1fr 100px;align-items:center;gap:8px;font-size:12px}.dre-month-bars{height:18px;position:relative;background:#eef3f6;border-radius:999px;overflow:hidden}.dre-month-bars i,.dre-month-bars em{position:absolute;left:0;height:8px;border-radius:999px}.dre-month-bars i{top:1px;background:#2e76ab}.dre-month-bars em{bottom:1px;background:#9bdd42}.dre-month-list b{text-align:right}.chart-legend{display:flex;gap:15px;margin-top:18px;font-size:12px}.chart-legend span{display:flex;align-items:center;gap:5px}.chart-legend i{width:14px;height:7px;border-radius:99px}.chart-legend .rev{background:#2e76ab}.chart-legend .cost{background:#9bdd42}
@media(max-width:1100px){.executive-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}.dashboard-charts,.dash-bottom-grid,.dre-layout{grid-template-columns:1fr}.finance-visual{grid-template-columns:1fr 1fr 1fr}}@media(max-width:700px){.executive-kpis{grid-template-columns:1fr 1fr!important}.dashboard-charts,.dash-bottom-grid{grid-template-columns:1fr}.finance-visual,.dre-kpis{grid-template-columns:1fr}.rank-bars>div,.status-dashboard>div{grid-template-columns:100px 1fr 75px}.category-form{grid-template-columns:1fr!important}.column-value{display:none}}
/* ===== +HAGIO V9 ===== */
.hagio-grid thead{position:sticky;top:0;z-index:7}.hagio-grid thead th{background:#eaf2f7}.hagio-grid td{padding-top:7px!important;padding-bottom:7px!important;font-size:12px}.hagio-grid th{font-size:11px}.kpi-good{border-top:4px solid #2fb36f!important}.kpi-good b,.metric-good{color:#13774f!important}.kpi-bad{border-top:4px solid #e15b5b!important}.kpi-bad b,.metric-bad{color:#b33b3b!important}.metric{font-weight:900}.v9-kpis{grid-template-columns:repeat(6,minmax(0,1fr))!important}.v9-kpis>div{min-height:100px}.flow-funnel{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.flow-funnel>div{padding:16px;border-radius:12px;background:#eef5fa;border-bottom:4px solid #2b77ad;display:grid;gap:4px}.flow-funnel b{font-size:25px}.flow-funnel small{color:#647b8c}.ops-current{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.op-v9{border:1px solid #dce7ef;border-radius:12px;padding:12px;display:grid;gap:7px}.op-v9>div:first-child{display:flex;justify-content:space-between}.progress-v9{height:8px;background:#e9eff3;border-radius:99px;overflow:hidden}.progress-v9 i{display:block;height:100%;background:#2c7db8}.v9-two{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.sla-bars{display:grid;gap:8px}.sla-bars>div{display:grid;grid-template-columns:55px 1fr 55px;gap:8px;align-items:center}.sla-bars i{height:10px;background:#edf1f4;border-radius:99px;overflow:hidden}.sla-bars em{display:block;height:100%}.sla-bars .good{background:#35b878}.sla-bars .bad{background:#e15b5b}.recent-list>a>div span{font-size:11px}.periodfilter{align-items:end}
@media(max-width:1200px){.v9-kpis{grid-template-columns:repeat(3,1fr)!important}.ops-current{grid-template-columns:repeat(2,1fr)}.v9-two{grid-template-columns:1fr}}@media(max-width:700px){.v9-kpis,.ops-current,.flow-funnel{grid-template-columns:1fr!important}}
.grid-date-period{display:flex;align-items:center;gap:5px;padding:3px 7px;background:#f2f7fa;border:1px solid #d9e5ed;border-radius:8px;font-size:11px;color:#536d80}.grid-date-period input{width:125px!important;padding:6px!important;font-size:11px!important}
/* V10 status padrão */
.queue-summary{display:grid;grid-template-columns:repeat(6,minmax(145px,1fr));gap:10px;margin:14px 0}.queue-summary article{padding:14px;border-radius:12px;display:flex;flex-direction:column;gap:4px}.queue-summary strong{font-size:20px}.q-fin,.st-fin{background:#ef4444!important;color:#fff!important}.q-pick,.st-pick{background:#ffd21f!important;color:#3b2c00!important}.q-check,.st-check{background:#c65d12!important;color:#fff!important}.q-sep,.st-sep,.q-rel{background:#dbeafe!important;color:#123a70!important}.q-done,.st-done{background:#dcfce7!important;color:#14532d!important}.st-div{background:#000!important;color:#fff!important}@media(max-width:1000px){.queue-summary{grid-template-columns:repeat(2,1fr)}}

/* +HAGIO V10 - Central WMS por colunas de status */
.wms-kanban-v10{display:grid;grid-template-columns:repeat(5,minmax(245px,1fr));gap:12px;overflow-x:auto;padding-bottom:8px;align-items:start}
.wms-stage-column{border:1px solid #d9e4eb;border-radius:12px;background:#f7f9fb;min-width:245px;overflow:hidden}
.wms-stage-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:12px 13px;border-bottom:1px solid #d8e2e8;background:#eef2f5}
.wms-stage-head div{display:grid;gap:2px}.wms-stage-head b{font-size:13px;letter-spacing:.25px}.wms-stage-head small{font-size:11px;color:#526879}.wms-stage-head>span{font-weight:900;font-size:12px;background:#fff9;padding:5px 7px;border-radius:999px}
.wms-stage-column.separating .wms-stage-head{background:#ffd84d;color:#493800}.wms-stage-column.separated .wms-stage-head{background:#dceeff;color:#14517f}.wms-stage-column.checking .wms-stage-head{background:#d86b12;color:white}.wms-stage-column.checked .wms-stage-head{background:#dff4e7;color:#176d43}.wms-stage-column.pending .wms-stage-head{background:#e9edf0;color:#475866}
.wms-stage-scroll{max-height:560px;overflow-y:auto;padding:9px;display:grid;gap:9px;align-content:start}
.op-v10{background:white;border:1px solid #dbe5eb;border-left:5px solid #8999a5;border-radius:10px;padding:11px;display:grid;gap:7px;box-shadow:0 2px 6px #102b3b0a}
.op-v10.separating{border-left-color:#f2c200}.op-v10.separated{border-left-color:#3989c9}.op-v10.checking{border-left-color:#b95008}.op-v10.checked{border-left-color:#2c9a62}
.op-v10-top{display:flex;justify-content:space-between;align-items:center}.op-v10-top>b{color:#123f63}.op-v10-top>span{font-size:11px;font-weight:900}.op-v10 strong{font-size:13px}.op-v10 small{color:#587080;font-size:11px}.progress-v10{height:8px;background:#e9eef2;border-radius:99px;overflow:hidden}.progress-v10 i{display:block;height:100%;background:#2d7fb8;border-radius:99px}.op-v10.separating .progress-v10 i{background:#f2c200}.op-v10.checking .progress-v10 i{background:#b95008}.op-v10.checked .progress-v10 i{background:#2c9a62}.wms-empty{padding:24px 8px;text-align:center;color:#7a8c98;font-size:12px;border:1px dashed #cbd7de;border-radius:9px;background:#fff}
@media(max-width:1100px){.wms-kanban-v10{grid-template-columns:repeat(5,260px)}}

/* ===== +HAGIO V10.1 — PADRÃO OFICIAL DE CORES SEPARAÇÃO / CONFERÊNCIA ===== */
:root{
  --hag-fin:#e53935;
  --hag-pick:#ffd21a;
  --hag-check:#c45108;
  --hag-sep:#cfe5ff;
  --hag-done:#d8f5e3;
  --hag-div:#000000;
}
/* Balões gerenciais da fila */
.queue-summary .q-fin{background:var(--hag-fin)!important;color:#fff!important;border:2px solid #bf1f1b!important}
.queue-summary .q-pick{background:var(--hag-pick)!important;color:#3a2b00!important;border:2px solid #e2b900!important}
.queue-summary .q-check{background:var(--hag-check)!important;color:#fff!important;border:2px solid #963b02!important}
.queue-summary .q-sep,.queue-summary .q-rel{background:var(--hag-sep)!important;color:#103c6c!important;border:2px solid #9fc8f8!important}
.queue-summary .q-done{background:var(--hag-done)!important;color:#0e5a33!important;border:2px solid #9fdfbb!important}
.queue-summary article b{font-size:13px}.queue-summary article strong{font-size:20px}
/* Badges na fila */
.status-badge.st-fin{background:var(--hag-fin)!important;color:#fff!important;border:1px solid #bf1f1b!important}
.status-badge.st-pick{background:var(--hag-pick)!important;color:#3a2b00!important;border:1px solid #ddb500!important}
.status-badge.st-check{background:var(--hag-check)!important;color:#fff!important;border:1px solid #963b02!important}
.status-badge.st-sep{background:var(--hag-sep)!important;color:#103c6c!important;border:1px solid #9fc8f8!important}
.status-badge.st-done{background:var(--hag-done)!important;color:#0e5a33!important;border:1px solid #9fdfbb!important}
.status-badge.st-div{background:var(--hag-div)!important;color:#fff!important;border:1px solid #000!important}
.status-badge.st-pending{background:#eef1f4!important;color:#53616c!important;border:1px solid #d1d8de!important}
/* Funil do Painel Separação/Conferência também obedece às mesmas cores */
.flow-funnel>div.stage-pending{background:#eef1f4!important;color:#53616c!important;border-bottom-color:#8e9aa3!important}
.flow-funnel>div.stage-picking{background:var(--hag-pick)!important;color:#3a2b00!important;border-bottom-color:#ddb500!important}
.flow-funnel>div.stage-separated{background:var(--hag-sep)!important;color:#103c6c!important;border-bottom-color:#5a9ee6!important}
.flow-funnel>div.stage-checking{background:var(--hag-check)!important;color:#fff!important;border-bottom-color:#963b02!important}
.flow-funnel>div.stage-checked{background:var(--hag-done)!important;color:#0e5a33!important;border-bottom-color:#51aa7a!important}
.flow-funnel>div.stage-checking small{color:#ffe7d6!important}
/* Kanban do painel */
.wms-stage-column.separating .wms-stage-head{background:var(--hag-pick)!important;color:#3a2b00!important}
.wms-stage-column.checking .wms-stage-head{background:var(--hag-check)!important;color:#fff!important}
.wms-stage-column.separated .wms-stage-head{background:var(--hag-sep)!important;color:#103c6c!important}
.wms-stage-column.checked .wms-stage-head{background:var(--hag-done)!important;color:#0e5a33!important}
.op-v10.separating{border-left-color:#ddb500!important}.op-v10.checking{border-left-color:#963b02!important}.op-v10.separated{border-left-color:#5a9ee6!important}.op-v10.checked{border-left-color:#51aa7a!important}
.op-v10.separating .progress-v10 i{background:#e6bd00!important}.op-v10.checking .progress-v10 i{background:var(--hag-check)!important}.op-v10.separated .progress-v10 i{background:#3787cf!important}.op-v10.checked .progress-v10 i{background:#36a56d!important}
.op-status-v10{display:inline-flex;align-items:center;padding:4px 7px;border-radius:999px;font-size:10px;font-weight:900;white-space:nowrap}
.op-status-v10.separating{background:var(--hag-pick);color:#3a2b00}.op-status-v10.separated{background:var(--hag-sep);color:#103c6c}.op-status-v10.checking{background:var(--hag-check);color:#fff}.op-status-v10.checked{background:var(--hag-done);color:#0e5a33}.op-status-v10.pending{background:#eef1f4;color:#53616c}

/* ===== +HAGIO V13 — CONSOLIDADA ===== */

/* +HAGIO V13 · status operacional oficial */
.tag.finance-block,.status-dot.finance-block,.status-badge.finance-block{background:#ef4444!important;color:#fff!important;border-color:#dc2626!important}
.tag.separating,.status-dot.separating,.status-badge.separating{background:#ffd21f!important;color:#3b2b00!important;border-color:#e8b800!important}
.tag.checking,.status-dot.checking,.status-badge.checking{background:#c65a0a!important;color:#fff!important;border-color:#9a4305!important}
.tag.divergence-black,.status-dot.divergence-black,.status-badge.divergence-black{background:#111!important;color:#fff!important;border-color:#000!important}
/* ========================= V13 SUPER UPDATE ========================= */
.branch-switch{margin:0}.branch-switch label{display:flex;gap:6px;align-items:center;font-size:12px}.branch-switch select{min-width:170px;padding:7px;border-radius:8px;background:#fff}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:14px 0}.kpi{background:#fff;border:1px solid #dbe5ea;border-radius:14px;padding:16px;box-shadow:0 4px 14px #0b223311}.kpi span{display:block;font-size:12px;color:#647783;text-transform:uppercase}.kpi b{display:block;font-size:24px;margin-top:6px;color:#102d3c}.note{background:#eef7f3;border-left:4px solid #2aa66b;padding:12px 14px;border-radius:8px;margin:12px 0}.note.warning{background:#fff6dd;border-color:#e4a600}.kanban{display:grid;grid-template-columns:repeat(6,minmax(180px,1fr));gap:10px;overflow:auto;margin:14px 0}.kanban-col{background:#edf2f5;border-radius:12px;padding:10px;min-height:240px}.kanban-col h3{font-size:12px;letter-spacing:.5px;color:#526c79}.deal{background:#fff;border:1px solid #dce5e9;border-radius:10px;padding:10px;margin:8px 0;display:grid;gap:5px}.deal small,.deal span{font-size:11px;color:#687d88}.deal strong{font-size:16px}.channel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin:14px 0}.channel-card{background:linear-gradient(135deg,#102f3e,#174b58);color:#fff;border-radius:14px;padding:18px}.channel-card span,.channel-card small{display:block;color:#b9d1d8;font-size:11px}.channel-card h3{margin:6px 0}.channel-card b{font-size:23px;display:block;margin:8px 0}.lot-state{display:inline-flex;width:30px;height:30px;border-radius:8px;align-items:center;justify-content:center;font-weight:900}.lot-state.locked{background:#111;color:#fff}.lot-state.free{background:#dff5e8;color:#157846}.delivery-map{height:440px;position:relative;border-radius:16px;overflow:hidden;background:linear-gradient(25deg,#e7f2ed 25%,#eef6f4 25%,#eef6f4 50%,#e5f0ec 50%,#e5f0ec 75%,#f3f8f6 75%);border:1px solid #ccdcd6}.delivery-map:before,.delivery-map:after{content:"";position:absolute;background:#d7c9a2;transform:rotate(-18deg)}.delivery-map:before{width:130%;height:12px;left:-10%;top:48%}.delivery-map:after{width:12px;height:130%;left:56%;top:-10%;transform:rotate(24deg)}.map-point{position:absolute;z-index:2;width:28px;height:28px;background:#173d4a;color:#fff;border:3px solid #fff;border-radius:50%;box-shadow:0 2px 8px #0004;display:grid;place-items:center;font-size:10px;font-weight:800}.map-legend{position:absolute;bottom:10px;left:10px;background:#fff;padding:8px 12px;border-radius:8px;z-index:3;font-size:12px}.pdv-shell{max-width:1500px;margin:0 auto}.pdv-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.pdv-top h1{margin-bottom:3px}.pdv-clock{font-weight:700;color:#49626e}.pdv-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(360px,.75fr);gap:14px;min-height:72vh}.pdv-entry,.pdv-cart{background:#fff;border:1px solid #dbe4e9;border-radius:16px;overflow:hidden}.pdv-scan{padding:22px;background:#f8fbfc}.pdv-scan>label{display:block;font-weight:800;font-size:13px;letter-spacing:.5px;margin-bottom:7px}.pdv-scan>input{width:100%;font-size:30px;font-weight:700;padding:18px;border:2px solid #9bb2bd;border-radius:12px}.pdv-inline{display:flex;gap:10px;align-items:end;margin-top:12px}.pdv-inline label{display:grid;gap:4px}.pdv-inline input{padding:11px;width:130px}.pdv-inline button{height:44px}.pdv-blank{min-height:390px;display:grid;place-items:center;color:#71858e}.pdv-blank>div{text-align:center;display:grid;gap:8px}.pdv-blank span{font-size:60px;color:#c2cfd5}.pdv-shortcuts{display:flex;flex-wrap:wrap;gap:8px;padding:12px;background:#102f3e;color:#dce9ed}.pdv-shortcuts span{font-size:11px;padding:6px 9px;border:1px solid #315564;border-radius:7px}.pdv-cart{display:flex;flex-direction:column}.pdv-cart-head{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #e3eaed}.pdv-cart-head h2{font-size:15px;margin:0}.pdv-items{flex:1;padding:8px 14px;overflow:auto;max-height:360px}.pdv-item{display:flex;justify-content:space-between;gap:10px;padding:12px 2px;border-bottom:1px dashed #dce5e9}.pdv-item small{display:block;color:#71838b;margin-top:3px}.empty-cart{padding:30px;text-align:center;color:#8b9ba2}.pdv-subtotal{background:#102f3e;color:#fff;padding:18px;display:flex;justify-content:space-between;align-items:center}.pdv-subtotal b{font-size:34px}.pdv-payment{display:grid;gap:10px;padding:14px}.pdv-payment select,.pdv-payment>input{padding:11px}.payment-buttons{display:grid;grid-template-columns:1fr 1fr;gap:7px}.payment-buttons label{border:1px solid #c9d8de;border-radius:9px;padding:9px;cursor:pointer;font-size:12px}.finish-sale{font-size:16px;padding:14px}.full{width:calc(100% - 28px);margin:0 14px 14px}.finance-kpis{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}@media(max-width:1100px){.pdv-layout{grid-template-columns:1fr}.kanban{grid-template-columns:repeat(3,minmax(180px,1fr))}}@media(max-width:700px){.kanban{grid-template-columns:repeat(2,minmax(170px,1fr))}.pdv-scan>input{font-size:20px}.pdv-layout{display:block}.pdv-cart{margin-top:12px}}
.three-col{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.three-col h3{grid-column:1/-1;margin:0 0 4px}.small{padding:5px 8px;font-size:11px}@media(max-width:900px){.three-col{grid-template-columns:1fr}}

/* ========================= +HAGIO V14 · PLATFORM FOUNDATION ========================= */
:root{--v14:#0f3440;--v14-2:#176170;--v14-lime:#99d52a;--v14-bg:#f3f6f7;--v14-line:#dce6e9;--v14-good:#138a57;--v14-warn:#d18a00;--v14-bad:#c63d38;--v14-muted:#667b84}
.profile-chip{background:#edf7e1;color:#335d0c;border:1px solid #cde6a9;border-radius:999px;padding:6px 10px;font-weight:800;font-size:11px;white-space:nowrap}.eyebrow{font-size:11px;font-weight:900;letter-spacing:1.2px;color:#258071}.v14-pagehead{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:18px}.v14-pagehead h1{margin:5px 0 6px;font-size:30px;line-height:1.08;color:#102f3e}.v14-pagehead p{margin:0;color:#637781;max-width:800px}.v14-version{font:800 11px monospace;background:#102f3e;color:#b9e56c;border-radius:9px;padding:9px 11px}.v14-current-profile{display:flex;justify-content:space-between;align-items:center;gap:15px;background:linear-gradient(125deg,#102f3e,#175668);color:#fff;border-radius:18px;padding:18px 20px;margin-bottom:22px}.v14-current-profile div{display:grid;gap:4px}.v14-current-profile span{font-size:10px;letter-spacing:1px;color:#b9ccd2}.v14-current-profile strong{font-size:22px}.v14-current-profile small{color:#cce0e5}.v14-section{margin:24px 0}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:15px;margin-bottom:12px}.section-head h2,.panel-title h2{margin:0;color:#173743;font-size:18px}.section-head p,.panel-title span{margin:3px 0 0;color:#74858c;font-size:12px}.vertical-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:13px}.vertical-card{background:#fff;border:1px solid var(--v14-line);border-radius:16px;padding:17px;display:flex;flex-direction:column;min-height:210px;box-shadow:0 4px 16px #102f3e0b}.vertical-card.selected{border:2px solid #87c731;background:linear-gradient(180deg,#fbfff5,#fff)}.vertical-icon{width:44px;height:44px;border-radius:12px;background:#eaf2f4;display:grid;place-items:center;font-size:24px}.vertical-card h3{margin:12px 0 6px}.vertical-card p{color:#6c7e86;font-size:12px;line-height:1.5;flex:1}.vertical-actions{display:flex;justify-content:space-between;align-items:center;gap:8px}.vertical-actions form{margin:0}.vertical-actions button,.vertical-actions a{font-size:11px;font-weight:800}.feature-list{display:grid;gap:8px}.feature-row{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff;border:1px solid var(--v14-line);border-radius:12px;padding:12px 14px}.feature-row>div{display:grid;grid-template-columns:auto minmax(150px,220px) 1fr;align-items:center;gap:10px;flex:1}.feature-row small{color:#71828a}.maturity{display:inline-flex;width:max-content;font-size:9px;font-weight:900;letter-spacing:.7px;padding:4px 7px;border-radius:999px;background:#e7eef1;color:#49636f}.maturity.v14{background:#eaf6d7;color:#4d7512}.maturity.vertical{background:#e8eefb;color:#335da4}.feature-toggle{min-width:105px;border:0;border-radius:999px;padding:8px 11px;font-size:10px;font-weight:900}.feature-toggle.on{background:#dff4e9;color:#107344}.feature-toggle.off{background:#edf0f2;color:#74818a}.vertical-roadmap{display:flex;align-items:stretch;gap:12px;margin:18px 0}.vertical-roadmap div{flex:1;background:#fff;border:1px solid var(--v14-line);border-radius:14px;padding:16px;display:grid;gap:5px}.vertical-roadmap i{align-self:center;font-style:normal;color:#78a72b;font-size:22px}.vertical-roadmap span{font-size:12px;color:#6b7c83}.module-map{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.module-map article{background:#fff;border:1px solid var(--v14-line);border-radius:14px;padding:16px}.module-map h3{margin:10px 0 5px}.module-map p,.module-map small{color:#6b7e86;font-size:12px;line-height:1.45}.kpi-v14-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:11px;margin:14px 0 18px}.kpi-v14{background:#fff;border:1px solid var(--v14-line);border-radius:15px;padding:15px 16px;box-shadow:0 4px 13px #1637460a;min-height:91px}.kpi-v14 span{display:block;color:#71828a;text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:.6px}.kpi-v14 b{display:block;color:#123542;font-size:24px;margin-top:7px;line-height:1.1}.kpi-v14 small{display:block;color:#7c8d94;margin-top:5px}.kpi-v14.good{border-top:3px solid var(--v14-good)}.kpi-v14.warn{border-top:3px solid var(--v14-warn)}.kpi-v14.bad{border-top:3px solid var(--v14-bad)}.v14-dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.v14-panel{background:#fff;border:1px solid var(--v14-line);border-radius:16px;padding:16px;min-width:0}.v14-panel.wide{grid-column:1/-1}.panel-title{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:13px}.v14-bars,.status-list-v14{display:grid;gap:9px}.v14-bars>div,.status-list-v14>div{display:grid;grid-template-columns:minmax(80px,130px) 1fr auto;align-items:center;gap:9px;font-size:11px}.v14-bars i,.status-list-v14 i{height:8px;background:#edf1f2;border-radius:999px;overflow:hidden}.v14-bars em,.status-list-v14 em{height:100%;display:block;background:linear-gradient(90deg,#1e7080,#8bc93d);border-radius:999px}.dash-alert-strip{display:flex;gap:10px;overflow:auto;margin:-5px 0 15px}.dash-alert-strip>div{min-width:180px;background:#fff;border-left:4px solid #738893;padding:10px 12px;border-radius:9px;display:flex;justify-content:space-between}.dash-alert-strip .warn{border-color:var(--v14-warn)}.dash-alert-strip .bad{border-color:var(--v14-bad)}.dash-links{display:flex;gap:8px;flex-wrap:wrap}.v14-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;background:linear-gradient(120deg,#0d2e39,#195e6a);color:#fff;border-radius:19px;padding:21px 23px;margin:10px 0 16px}.v14-hero span{font-size:10px;font-weight:900;letter-spacing:1px;color:#b4e95f}.v14-hero h2{margin:5px 0;font-size:22px}.v14-hero p{margin:0;color:#c1d8dd}.hero-metric{text-align:right;min-width:210px}.hero-metric small,.hero-metric span{display:block;color:#bdd2d7}.hero-metric b{display:block;font-size:26px;margin:5px 0}.exec-module-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:10px;margin:0 0 14px}.exec-module-grid a{background:#fff;border:1px solid var(--v14-line);border-radius:14px;padding:14px;text-decoration:none;color:#193a46;display:grid;grid-template-columns:34px 1fr;gap:2px 9px;align-items:center}.exec-module-grid a>span{grid-row:1/3;width:34px;height:34px;display:grid;place-items:center;background:#eaf3f2;border-radius:10px;color:#1b736d;font-weight:900}.exec-module-grid small{color:#74868d}.mini-columns{height:210px;display:flex;align-items:flex-end;gap:7px;overflow:auto;padding-top:20px}.mini-columns>div{height:100%;min-width:52px;display:grid;grid-template-rows:22px 1fr 18px;align-items:end;text-align:center}.mini-columns b{font-size:8px;color:#61757d}.mini-columns i{display:flex;height:100%;align-items:flex-end;background:#f1f4f5;border-radius:7px 7px 3px 3px;overflow:hidden}.mini-columns em{display:block;width:100%;min-height:3px;background:linear-gradient(#9bd638,#197681)}.mini-columns span{font-size:9px;color:#71828a;margin-top:4px}.quick-v14{display:grid;grid-template-columns:1fr 1fr;gap:9px}.quick-v14 a{background:#eef5f5;border-radius:11px;padding:13px;text-decoration:none;color:#16424d;font-weight:800;font-size:12px}.delivery-map-v14{height:360px;position:relative;overflow:hidden;border-radius:13px;background-color:#edf3f0;background-image:linear-gradient(#d8e5df 1px,transparent 1px),linear-gradient(90deg,#d8e5df 1px,transparent 1px);background-size:38px 38px}.delivery-pin{position:absolute;width:28px;height:28px;border-radius:50%;border:3px solid white;z-index:2;color:#fff;background:#1d7767;box-shadow:0 3px 8px #0003}.delivery-pin.bad{background:#c4483f}.delivery-pin span{font-size:9px;font-weight:900}.map-grid-label{position:absolute;left:10px;bottom:10px;background:#fffddd;border-radius:8px;padding:6px 9px;font-size:10px}.table-scroll{overflow:auto;max-width:100%}.mobile-v14-shell{max-width:1050px;margin:auto}.mobile-v14-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.mobile-v14-head h1{margin:4px 0}.mobile-v14-head p{color:#6c7f87}.device-status{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.device-status span{background:#e9f0f2;padding:6px 8px;border-radius:999px;font-size:9px;font-weight:800}.mobile-action-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:15px 0}.mobile-action{background:#fff;border:1px solid var(--v14-line);border-radius:15px;padding:15px;text-decoration:none;color:#173b47;display:grid;gap:5px;min-height:110px}.mobile-action>span{font-size:24px;color:#23796f}.mobile-action b{font-size:13px}.mobile-action small{color:#72848b}.mobile-action.primary{background:linear-gradient(135deg,#103442,#1e7080);color:#fff}.mobile-action.primary small{color:#cbe0e4}.camera-scanner{background:#fff;border:1px solid var(--v14-line);border-radius:17px;padding:15px}.camera-box{height:280px;background:#0b1519;border-radius:13px;overflow:hidden;position:relative;display:grid;place-items:center}.camera-box video{width:100%;height:100%;object-fit:cover}.camera-box #cameraHelp{position:absolute;color:#fff;background:#0008;padding:7px 10px;border-radius:8px;font-size:11px}.scan-line{display:flex;gap:8px;margin-top:10px}.scan-line input{flex:1;padding:14px;font-size:17px}.mobile-result{margin-top:10px;background:#f3f7f7;border-radius:12px;padding:13px;display:grid;gap:8px}.mobile-result h3{margin:0}.mobile-lot{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #dbe5e8;padding-top:8px;font-size:11px}.voice-layout{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(400px,1.2fr);gap:14px}.voice-console,.voice-queue{background:#fff;border:1px solid var(--v14-line);border-radius:18px;padding:17px}.voice-console{text-align:center}.voice-orb{width:92px;height:92px;margin:8px auto 13px;border-radius:50%;display:grid;place-items:center;font-size:40px;background:radial-gradient(circle at 35% 35%,#b9e869,#236c73);color:#fff;box-shadow:0 0 0 9px #eaf3e9}.voice-orb.listening{animation:pulseVoice 1s infinite}@keyframes pulseVoice{50%{box-shadow:0 0 0 20px #8bcf3730}}.voice-console p{color:#6b7e87;min-height:48px}.voice-actions{display:flex;gap:8px;justify-content:center}.voice-heard{background:#f2f5f6;border-radius:10px;padding:9px;margin:12px 0;font-size:11px;color:#50666f}.voice-console label{display:grid;text-align:left;gap:5px;font-size:11px;font-weight:800}.voice-console input{padding:12px}.voice-task{width:100%;text-align:left;background:#f8fafb;border:1px solid #dfe8eb;border-radius:11px;padding:10px;margin-bottom:7px;display:grid;gap:3px;color:#1c3c47}.voice-task span,.voice-task small{font-size:10px;color:#73858c}.voice-task.active{border:2px solid #75b62e;background:#f8fff0}.voice-task.done{opacity:.55;border-left:5px solid #25a66a}.warehouse-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#fff;border:1px solid var(--v14-line);border-radius:13px;padding:10px;margin:10px 0}.warehouse-toolbar label{font-size:11px;font-weight:800}.warehouse-toolbar select{padding:7px}.warehouse-legend{margin-left:auto;display:flex;align-items:center;gap:5px;font-size:9px;color:#61757c}.warehouse-legend i{width:11px;height:11px;border-radius:3px;background:#ccd8d5}.warehouse-legend .free{background:#dfe9e4}.warehouse-legend .occupied{background:#4fa77d}.warehouse-legend .full{background:#db9732}.warehouse-legend .locked{background:#20262a}.warehouse-legend .boe{background:#8c4bcc}.warehouse-legend .damage{background:#d34945}.warehouse-stage{height:560px;overflow:auto;border-radius:18px;background:linear-gradient(180deg,#dce9e6,#eef3f1);border:1px solid #cadbd6;position:relative}.warehouse-floor{position:relative;width:1450px;height:850px;transform-style:preserve-3d;transform:rotateX(58deg) rotateZ(-34deg) translate(105px,85px);transform-origin:top left;background-image:linear-gradient(#cbd8d3 1px,transparent 1px),linear-gradient(90deg,#cbd8d3 1px,transparent 1px);background-size:34px 34px}.rack3d{position:absolute;left:calc(var(--x)*19px);top:calc(var(--y)*16px);width:30px;height:38px;border:0;background:transparent;transform:translateZ(calc(var(--z)*15px));transform-style:preserve-3d;cursor:pointer}.rack-front,.rack-side,.rack-top{position:absolute;background:#55a581;border:1px solid #fff8}.rack-front{width:30px;height:38px;left:0;top:0;display:grid;place-items:center;color:white;font-size:8px;transform:translateZ(8px)}.rack-front small{font-size:6px}.rack-side{width:16px;height:38px;left:30px;top:0;transform-origin:left;transform:rotateY(90deg);filter:brightness(.8)}.rack-top{width:30px;height:16px;left:0;top:-16px;transform-origin:bottom;transform:rotateX(90deg);filter:brightness(1.2)}.rack3d.state-livre .rack-front,.rack3d.state-livre .rack-side,.rack3d.state-livre .rack-top{background:#cedbd6}.rack3d.state-lotado .rack-front,.rack3d.state-lotado .rack-side,.rack3d.state-lotado .rack-top{background:#dd9433}.rack3d.state-b .rack-front,.rack3d.state-b .rack-side,.rack3d.state-b .rack-top{background:#262c30}.rack3d.state-boe .rack-front,.rack3d.state-boe .rack-side,.rack3d.state-boe .rack-top{background:#8448bd}.rack3d.state-avaria .rack-front,.rack3d.state-avaria .rack-side,.rack3d.state-avaria .rack-top{background:#d24642}.rack3d.selected{outline:4px solid #a8e843;outline-offset:8px}.rack-detail{margin-top:10px;background:#102f3e;color:#fff;border-radius:13px;padding:13px;display:flex;gap:13px;align-items:center;flex-wrap:wrap}.rack-detail h3{margin:0}.rack-detail p{margin:0;font-size:11px;color:#c5dade}.empty-state{padding:30px;text-align:center;color:#7a8a91}.btn.secondary{background:#edf3f4!important;color:#244853!important}.v14-period{display:flex;align-items:center;gap:7px}.v14-period input{padding:8px}.map-panel{grid-column:1/-1}
@media(max-width:1100px){.exec-module-grid{grid-template-columns:repeat(2,1fr)}.mobile-action-grid{grid-template-columns:repeat(2,1fr)}.feature-row>div{grid-template-columns:auto 1fr}.feature-row small{grid-column:2}.v14-dashboard-grid{grid-template-columns:1fr}.voice-layout{grid-template-columns:1fr}.map-panel{grid-column:auto}}
@media(max-width:700px){.v14-pagehead,.mobile-v14-head,.v14-current-profile,.v14-hero{display:block}.v14-version{display:inline-block;margin-top:10px}.hero-metric{text-align:left;margin-top:16px}.exec-module-grid,.mobile-action-grid,.quick-v14{grid-template-columns:1fr 1fr}.feature-row{align-items:flex-start}.feature-row>div{display:flex;flex-wrap:wrap}.feature-row small{width:100%}.vertical-roadmap{display:grid}.vertical-roadmap i{transform:rotate(90deg);justify-self:center}.warehouse-stage{height:440px}.camera-box{height:230px}.v14-period{margin-top:10px;flex-wrap:wrap}.profile-chip{display:none}}
.widget-config{position:relative}.widget-config>summary{list-style:none;cursor:pointer;background:#edf3f4;color:#244853;padding:9px 12px;border-radius:8px;font-size:11px;font-weight:800}.widget-config>summary::-webkit-details-marker{display:none}.widget-config form{position:absolute;right:0;top:42px;z-index:20;background:#fff;border:1px solid var(--v14-line);box-shadow:0 10px 30px #102f3e22;border-radius:12px;padding:12px;width:230px;display:grid;gap:7px}.widget-config label{font-size:11px;color:#3e5964}.widget-config button{margin-top:5px}
/* ===== V14.1 Intelligence & Traceability ===== */
.trace-filter-bar{display:grid;grid-template-columns:minmax(260px,2fr) repeat(3,minmax(130px,.7fr)) auto auto;gap:9px;align-items:end;background:#fff;border:1px solid var(--v14-line);border-radius:15px;padding:13px;margin:10px 0 14px}.trace-filter-bar label{display:grid;gap:5px;font-size:10px;font-weight:850;color:#4b626b}.trace-filter-bar input,.trace-filter-bar select,.expiry-controls input,.expiry-controls select{padding:10px;border:1px solid #d2dfe2;border-radius:9px;background:#fff}.compact-kpis{grid-template-columns:repeat(4,1fr)}.row-danger td{background:#fff2f0!important}.row-warn td{background:#fff9e9!important}.table-action{font-weight:850;color:#176d70;text-decoration:none}.status-pill{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:9px;font-weight:900;background:#dff3e5;color:#1b7546}.status-pill.locked{background:#2c3337;color:#fff}.lot-hero{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin:12px 0}.lot-hero>div{background:#fff;border:1px solid var(--v14-line);border-radius:14px;padding:13px}.lot-hero span,.lot-hero small{display:block;font-size:9px;color:#71848c}.lot-hero b{display:block;font-size:21px;color:#183f4c;margin:4px 0}.trace-timeline{padding:6px 4px}.trace-timeline article{display:grid;grid-template-columns:16px 1fr;gap:10px;position:relative;padding:5px 0 13px}.trace-timeline article:before{content:"";position:absolute;left:6px;top:17px;bottom:-4px;width:2px;background:#dce8e6}.trace-timeline article:last-child:before{display:none}.trace-timeline i{width:13px;height:13px;border-radius:50%;background:#7bbd35;margin-top:4px;z-index:1}.trace-timeline strong,.trace-timeline span{display:block}.trace-timeline span,.trace-timeline p{font-size:10px;color:#72848c;margin:2px 0}.expiry-controls{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin:10px 0}.expiry-controls form{display:flex;gap:8px;align-items:end}.expiry-controls label{display:grid;gap:4px;font-size:10px;font-weight:800}.expiry-controls details{background:#fff;border:1px solid var(--v14-line);border-radius:11px;padding:9px}.expiry-controls details>summary{cursor:pointer;font-size:11px;font-weight:850}.intelligence-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;background:radial-gradient(circle at 80% 20%,#83c73b55,transparent 24%),linear-gradient(125deg,#092b37,#155666 60%,#17464c);color:#fff;border-radius:22px;padding:25px;margin-bottom:14px;overflow:hidden}.intelligence-hero span{font-size:10px;letter-spacing:1.5px;font-weight:900;color:#b8ed68}.intelligence-hero h1{font-size:28px;margin:5px 0}.intelligence-hero p{color:#c7dde1;max-width:740px}.ai-orb{width:90px;height:90px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#d3ff8c,#72b932 45%,#1b5962 75%);box-shadow:0 0 0 12px #ffffff10,0 15px 40px #0004;font-size:22px;font-weight:950;flex:none}.copilot-box{background:#fff;border:1px solid var(--v14-line);border-radius:17px;padding:14px;margin:12px 0}.copilot-box>label{display:block;font-size:10px;font-weight:900;letter-spacing:.7px;margin-bottom:6px}.copilot-box>div{display:flex;gap:7px}.copilot-box input{flex:1;padding:14px;border:1px solid #cadbde;border-radius:11px;font-size:13px}.copilot-box button{border:0;border-radius:10px;background:#174f5d;color:#fff;padding:0 18px;font-weight:900}.copilot-box small{display:block;margin-top:7px;color:#7a8b91}.copilot-answer{background:#eff9e8;border:1px solid #cbe7aa;border-left:5px solid #78b934;border-radius:14px;padding:15px;margin:10px 0}.ai-answer-head{display:flex;justify-content:space-between;gap:10px;font-size:9px;color:#57706e}.ai-answer-head span{background:#173f4b;color:#fff;border-radius:999px;padding:4px 8px;font-weight:900}.copilot-answer p{font-size:13px;line-height:1.55;margin:9px 0 0}.intelligence-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:12px 0}.insight-card{display:block;text-decoration:none;color:#183c46;background:#fff;border:1px solid var(--v14-line);border-radius:15px;padding:14px;border-top:4px solid #7cb63c}.insight-card span{font-size:8px;font-weight:950;letter-spacing:1px}.insight-card h3{margin:6px 0 4px}.insight-card p{font-size:10px;color:#71828a;min-height:36px}.insight-card b{font-size:9px;color:#16666d}.insight-card.critico,.insight-card.atencao{border-top-color:#d89535}.insight-card.financeiro{border-top-color:#4b83c3}.ai-radar{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.ai-radar>div{background:#f1f6f5;border-radius:12px;padding:13px}.ai-radar b{display:block;font-size:19px}.ai-radar span{display:block;font-size:9px;color:#72848a}.ai-note{background:#fff8dd;border:1px solid #f0df9c;border-radius:13px;padding:12px;margin-top:10px}.ai-note p{margin:4px 0;font-size:10px;color:#6d6753}.dash-intelligence-strip{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(350px,1.5fr) auto;gap:12px;align-items:center;background:linear-gradient(90deg,#112f3a,#184d57);color:#fff;border-radius:14px;padding:11px 14px;margin:8px 0 12px}.dash-intelligence-strip>div:first-child span,.dash-intelligence-strip>div:first-child small{display:block;font-size:8px;color:#b8d5d9}.dash-intelligence-strip>div:first-child strong{display:block;font-size:12px;margin:2px 0}.intel-snapshot{display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto 1fr;gap:4px 7px;align-items:center}.intel-snapshot b{font-size:13px;color:#b6e75c}.intel-snapshot span{font-size:8px;color:#c6dadd}.dash-intel-actions{display:flex;gap:6px;flex-wrap:wrap}.dash-intel-actions a{font-size:9px;color:#163d48;background:#edf5f3;border-radius:8px;padding:7px 8px;text-decoration:none;font-weight:850}
@media(max-width:1050px){.trace-filter-bar{grid-template-columns:1fr 1fr 1fr}.lot-hero{grid-template-columns:repeat(3,1fr)}.intelligence-grid{grid-template-columns:repeat(2,1fr)}.dash-intelligence-strip{grid-template-columns:1fr}.ai-radar{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){.trace-filter-bar{grid-template-columns:1fr}.lot-hero,.intelligence-grid,.ai-radar{grid-template-columns:1fr 1fr}.intelligence-hero{display:block}.ai-orb{margin-top:15px}.copilot-box>div{display:grid}.intel-snapshot{grid-template-columns:auto 1fr auto 1fr}}
/* ===== V14.2 Vertical Engine ===== */
.vertical-engine-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:12px 0}.vertical-engine-card{background:#fff;border:1px solid var(--v14-line);border-radius:18px;padding:15px;display:grid;grid-template-columns:48px 1fr;gap:10px;min-height:205px}.vertical-engine-card.active{border:2px solid #87c63e;box-shadow:0 8px 24px #87c63e18}.vertical-engine-icon{width:48px;height:48px;border-radius:13px;background:#eaf4ef;display:grid;place-items:center;font-size:24px}.vertical-engine-card span{font-size:8px;font-weight:950;letter-spacing:1px;color:#749096}.vertical-engine-card h2{font-size:16px;margin:4px 0}.vertical-engine-card p{font-size:10px;color:#74858b;line-height:1.45}.vertical-engine-foot{grid-column:1/-1;border-top:1px solid #edf1f2;padding-top:9px;display:grid;grid-template-columns:auto 1fr auto;gap:7px;align-items:end}.vertical-engine-foot b{font-size:19px}.vertical-engine-foot small{font-size:8px;color:#788a91}.vertical-engine-foot a{font-size:9px;font-weight:900;color:#176a70;text-decoration:none}.core-vertical-diagram{text-align:center;padding:12px}.core-node{display:inline-grid;background:#123e4a;color:#fff;border-radius:15px;padding:14px 25px;gap:4px}.core-node span{font-size:9px;color:#c5dde1}.core-vertical-diagram>i{display:block;font-size:22px;color:#75b935;margin:4px}.vertical-nodes{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.vertical-nodes span{background:#edf4f3;border-radius:10px;padding:10px 6px;font-size:9px;font-weight:850}.vertical-workspace-head{display:grid;grid-template-columns:58px 1fr auto;gap:13px;align-items:center;background:linear-gradient(115deg,#f8fbfa,#edf5f2);border:1px solid var(--v14-line);border-radius:18px;padding:16px;margin-bottom:10px}.vertical-workspace-icon{width:58px;height:58px;border-radius:15px;background:#143f4b;color:#fff;display:grid;place-items:center;font-size:28px}.vertical-workspace-head span{font-size:8px;letter-spacing:1px;font-weight:900;color:#64828a}.vertical-workspace-head h1{margin:3px 0}.vertical-workspace-head p{margin:0;color:#70848a;font-size:10px}.vertical-core-links{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0}.vertical-core-links a{background:#fff;border:1px solid var(--v14-line);border-radius:12px;padding:13px;text-decoration:none;color:#184b55;font-size:10px;font-weight:850}.vertical-explainer{font-size:12px;color:#536a72;line-height:1.55}.vertical-two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:10px 0}.vertical-form{border:1px solid #dbe6e6;border-radius:12px;padding:9px;margin:8px 0}.vertical-form>summary{cursor:pointer;font-weight:900;font-size:10px;color:#174d58}.vertical-form form{display:grid;gap:8px;margin-top:9px}.vertical-form label{display:grid;gap:4px;font-size:9px;font-weight:800;color:#536b73}.vertical-form input,.vertical-form select,.vertical-form textarea{padding:9px;border:1px solid #d1dfe1;border-radius:8px;background:#fff;min-width:0}.form-row{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.rx-grid{display:grid;grid-template-columns:40px repeat(3,1fr);gap:6px;align-items:center}.rx-grid b{font-size:10px;color:#174d58}.vertical-form textarea{min-height:60px}.vertical-workspace-head .dash-links{justify-self:end}
@media(max-width:1100px){.vertical-engine-grid{grid-template-columns:repeat(2,1fr)}.vertical-nodes{grid-template-columns:repeat(4,1fr)}.vertical-two-col{grid-template-columns:1fr}.form-row{grid-template-columns:1fr 1fr}.vertical-core-links{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.vertical-engine-grid,.vertical-nodes,.vertical-core-links{grid-template-columns:1fr}.vertical-workspace-head{grid-template-columns:48px 1fr}.vertical-workspace-head .dash-links{grid-column:1/-1}.form-row{grid-template-columns:1fr}.rx-grid{grid-template-columns:40px 1fr}}
\n/* V17.1 · PACKS VERTICAIS */
.v171-hero{display:flex;justify-content:space-between;gap:24px;align-items:center;background:linear-gradient(135deg,#0a2b46,#0e4562);padding:28px;border-radius:18px;color:white;margin-bottom:18px}.v171-hero span{color:#b9ef4a;font-weight:800;font-size:12px;letter-spacing:.08em}.v171-hero h1{margin:6px 0;font-size:34px}.v171-hero p{margin:0;color:#d6e8f2}.v171-flow{display:flex;gap:8px;overflow-x:auto;margin:0 0 18px}.v171-flow div{min-width:125px;display:flex;align-items:center;gap:8px;padding:10px 12px;background:#fff;border:1px solid #dce8ee;border-radius:12px}.v171-flow b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#b9ef4a;color:#123}.v171-flow span{font-weight:700;font-size:12px}.v171-actions{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 18px}.v171-actions a{padding:10px 14px;border-radius:10px;background:#e9f5fb;color:#0b5a83;font-weight:800;text-decoration:none}.v171-actions a:hover{background:#b9ef4a;color:#17320b}.vertical-form small{display:block;color:#607985;margin-top:4px} @media(max-width:800px){.v171-hero{align-items:flex-start;flex-direction:column}.v171-flow div{min-width:112px}}\n\n/* +HAGIO V17.3 — Portal + clareza das verticais */
.portal-link{background:#123d59;color:#fff!important;border:1px solid #2c5b74;border-radius:9px;padding:8px 10px;text-decoration:none;font-size:12px;font-weight:800}.env-chip{border-radius:999px;padding:7px 10px;font-size:11px;font-weight:900;white-space:nowrap}.env-demo{background:#eef8d8;color:#47780d}.env-cliente{background:#e8f3ff;color:#155e91}.vertical-differentials{background:#f8fbfd;border:1px solid #dbe8ef;border-radius:14px;padding:16px 18px;margin:0 0 18px}.vertical-diff-title{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:11px}.vertical-diff-title b{font-size:14px;color:#12334b}.vertical-diff-title span{font-size:11px;color:#748a99}.vertical-diff-chips{display:flex;gap:8px;flex-wrap:wrap}.vertical-diff-chips span{background:#ebf8d9;color:#416f0e;border:1px solid #cee7a9;padding:7px 10px;border-radius:999px;font-size:11px;font-weight:800}@media(max-width:800px){.portal-link,.env-chip{display:none}.vertical-diff-title{align-items:flex-start;flex-direction:column}}\n

/* +HAGIO V18 - grids operacionais estilo planilha */
.panel{overflow-x:auto;}
table{min-width:1120px;border-collapse:separate;border-spacing:0;}
th,td{white-space:nowrap;}
table th{position:sticky;top:0;z-index:3;}
table tr:nth-child(2) th{top:39px;}
table th:first-child,table td:first-child{position:sticky;left:0;z-index:2;background:#fff;}
table th:first-child{z-index:5;background:#eaf2f7;}
.grouphead th{background:#0b3156!important;color:#fff!important;text-align:center;font-size:12px;}
.grouphead th:first-child{background:#0b3156!important;}
.v18-help{background:#eef9ff;border:1px solid #cfe7f5;border-radius:14px;padding:14px 18px;color:#39536d;margin:12px 0;}
.kpi-kanban{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin:18px 0;}
.kpi-kanban .band{background:white;border:1px solid #d8e6f0;border-radius:14px;padding:14px;box-shadow:0 8px 22px rgba(11,49,86,.08);}
.band.red{border-top:5px solid #c62828}.band.orange{border-top:5px solid #ef6c00}.band.yellow{border-top:5px solid #f9a825}.band.blue{border-top:5px solid #1976d2}.band.green{border-top:5px solid #2e7d32}.band.dark{border-top:5px solid #6d0d0d}
.state-pill{display:inline-block;border-radius:12px;padding:4px 8px;font-weight:800;font-size:11px;}
.state-pick{background:#e9fff0;color:#0b6a2a}.state-pool{background:#ecf5ff;color:#0b5b9a}.state-alert{background:#fff2e6;color:#9a4b00}.state-stop{background:#fee;color:#9b1616}.state-info{background:#f1f4f8;color:#42576b}
.actions-inline{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.mini{font-size:11px;padding:7px 10px}.dangerbtn{background:#b42318!important}.mutedbtn{background:#607285!important}.successbtn{background:#16833a!important}.section-title{font-size:18px;margin:18px 0 10px;color:#09233b}.screen-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}.screen-card{background:#fff;border:1px solid #d8e6f0;border-radius:16px;padding:18px;box-shadow:0 12px 26px rgba(11,49,86,.08)}
@media(max-width:1100px){.kpi-kanban{grid-template-columns:repeat(2,1fr)}.screen-grid{grid-template-columns:1fr}}

/* +HAGIO V18.0.1 — grids e usabilidade */
.panel{overflow-x:auto;max-width:100%;}
.panel>table,.table-scroll>table{min-width:max-content;width:100%;}
table.hagio-grid th,table.hagio-grid td{white-space:nowrap;}
table.hagio-grid td:nth-child(2){white-space:normal;min-width:180px;}
.grouphead th{background:#0b3156!important;color:#fff!important;text-align:center;letter-spacing:.04em;}
.mini-details summary{cursor:pointer;color:#0e6fa8;font-weight:700}.stack-mini{display:grid;gap:6px;min-width:250px;padding:8px 0}.stack-mini input,.stack-mini select{min-width:220px}.three-bi{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.v18-form h2{grid-column:1/-1;margin:0}.actions-inline{display:flex;gap:8px;flex-wrap:wrap}@media(max-width:900px){.three-bi{grid-template-columns:1fr}}


/* ===== +HAGIO V18.03 · PROTOCOLO MAIS ÁGIL · GRIDS ===== */
main{min-width:0;overflow-x:hidden}
.panel{min-width:0;max-width:100%}
.grid-scroll-shell{
  width:100%;max-width:100%;overflow-x:auto;overflow-y:visible;
  scrollbar-gutter:stable both-edges;padding-bottom:8px;
  border-radius:10px;overscroll-behavior-x:contain;
  -webkit-overflow-scrolling:touch;
}
.grid-scroll-shell::-webkit-scrollbar{height:14px}
.grid-scroll-shell::-webkit-scrollbar-track{background:#e9f0f5;border-radius:999px}
.grid-scroll-shell::-webkit-scrollbar-thumb{background:#7e9bb0;border:3px solid #e9f0f5;border-radius:999px}
.grid-scroll-shell::-webkit-scrollbar-thumb:hover{background:#53788f}
.grid-scroll-shell .hagio-grid{
  width:max-content!important;min-width:100%!important;max-width:none!important;
  table-layout:auto!important;border-collapse:separate;border-spacing:0;
}
.grid-scroll-shell .hagio-grid th,.grid-scroll-shell .hagio-grid td{
  white-space:nowrap;min-width:108px;max-width:none;
}
.grid-scroll-shell .hagio-grid th:nth-child(1),.grid-scroll-shell .hagio-grid td:nth-child(1){min-width:125px}
.grid-scroll-shell .hagio-grid th:nth-child(2),.grid-scroll-shell .hagio-grid td:nth-child(2){min-width:210px}
.grid-scroll-shell .hagio-grid th:last-child,.grid-scroll-shell .hagio-grid td:last-child{min-width:145px}
.grid-scroll-shell .hagio-grid thead th{position:sticky;top:0;z-index:7}
.grid-scroll-shell .hagio-grid tbody td:first-child,
.grid-scroll-shell .hagio-grid thead th:first-child{position:sticky;left:0;z-index:8;background:#fff;box-shadow:1px 0 #d8e6f0}
.grid-scroll-shell .hagio-grid thead th:first-child{background:#eaf2f7}
.grid-scroll-shell .hagio-grid tbody td:nth-child(2),
.grid-scroll-shell .hagio-grid thead th:nth-child(2){position:sticky;left:125px;z-index:7;background:#fff;box-shadow:1px 0 #d8e6f0}
.grid-scroll-shell .hagio-grid thead th:nth-child(2){background:#eaf2f7}
.grouphead th{position:static!important;left:auto!important;box-shadow:none!important;min-width:auto!important}
.grid-scroll-hint{display:flex;align-items:center;gap:8px;color:#60798b;font-size:11px;margin:6px 2px 10px}
.grid-scroll-hint:before{content:'↔';display:inline-grid;place-items:center;width:24px;height:24px;border-radius:999px;background:#eaf4fb;color:#0b73bd;font-weight:900}
@media(max-width:900px){.grid-scroll-shell .hagio-grid th,.grid-scroll-shell .hagio-grid td{min-width:120px}.grid-scroll-shell .hagio-grid th:nth-child(2),.grid-scroll-shell .hagio-grid td:nth-child(2){min-width:190px}}

/* V18.03 · etiquetas */
.label-actions{display:flex;gap:8px;flex-wrap:wrap}.label-preview-card{background:#fff;border:1px solid #d8e6f0;border-radius:14px;padding:16px}.label-note{font-size:12px;color:#5f7890}

/* ===== +HAGIO V19 · GRID ESTILO EXCEL + FILTROS INTELIGENTES ===== */
.v19-grid-shell{max-height:68vh;overflow:auto!important;position:relative;border:1px solid #dce8ef;border-radius:10px;background:#fff;scrollbar-gutter:stable both-edges}
.v19-grid-shell .hagio-grid-v19{border-collapse:separate!important;border-spacing:0!important;table-layout:fixed!important;max-width:none!important;margin:0!important}
.v19-grid-shell thead th{background:#eaf2f7!important;box-shadow:0 1px 0 #cbdce7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v19-grid-shell thead .grouphead th{background:#0b3156!important;color:#fff!important;position:sticky!important;left:auto!important;box-shadow:0 1px 0 #284d69!important}
.v19-grid-shell tbody td{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#fff}
.v19-grid-shell tbody td:first-child,.v19-grid-shell thead tr:not(.grouphead) th:first-child{position:sticky;left:0;z-index:20;background:#fff;box-shadow:1px 0 #d8e6f0}
.v19-grid-shell thead tr:not(.grouphead) th:first-child{background:#eaf2f7!important;z-index:40}
.col-resizer{position:absolute;right:-2px;top:0;width:7px;height:100%;cursor:col-resize;z-index:60;border-right:1px solid transparent}
.col-resizer:hover{border-right:2px solid #0b73bd;background:rgba(11,115,189,.08)}body.resizing-col{cursor:col-resize!important;user-select:none!important}
.filter-row th{padding:5px!important;background:#f7fbfd!important;overflow:visible!important}.filter-box{position:relative;min-height:34px;display:flex;gap:4px;align-items:center}.filter-box input,.filter-box select{min-width:0;width:100%;padding:6px 7px;border:1px solid #cddde7;border-radius:7px;background:#fff;font-size:11px}
.filter-number{display:grid;grid-template-columns:1fr .8fr .8fr}.filter-number .num-b{display:block}.filter-date{display:grid;grid-template-columns:1fr 1fr}.filter-multi{overflow:visible!important}.multi-filter{position:relative;width:100%}.multi-filter summary{list-style:none;cursor:pointer;border:1px solid #cddde7;border-radius:7px;padding:7px;background:#fff;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.multi-filter summary::-webkit-details-marker{display:none}.multi-filter-pop{position:absolute;top:36px;left:0;min-width:260px;max-width:340px;background:#fff;border:1px solid #bcd0dc;border-radius:10px;padding:9px;box-shadow:0 16px 35px rgba(10,40,60,.2);z-index:100}.multi-search{width:100%;margin-bottom:6px}.multi-actions{display:flex;gap:6px;margin-bottom:6px}.multi-actions button{font-size:10px;padding:5px 8px}.multi-options{max-height:220px;overflow:auto;display:grid;gap:3px}.multi-options label{display:flex;gap:6px;align-items:center;font-size:11px;padding:4px;border-radius:5px}.multi-options label:hover{background:#eef6fb}.multi-options input{width:auto!important}
.grid-tools-v19{position:sticky;top:0;z-index:12;background:#fff;padding:8px 0}.reset-cols{background:#eaf2f7!important;color:#0a496d!important}.muted{color:#718696}
@media(max-width:900px){.v19-grid-shell{max-height:62vh}.multi-filter-pop{min-width:220px;max-width:280px}}

/* ================= +HAGIO V20 · UX GLOBAL / ZERO FREEZE HORIZONTAL ================= */
table th:first-child,table td:first-child,.grid-scroll-shell .hagio-grid tbody td:first-child,.grid-scroll-shell .hagio-grid thead th:first-child,.grid-scroll-shell .hagio-grid tbody td:nth-child(2),.grid-scroll-shell .hagio-grid thead th:nth-child(2),.v19-grid-shell tbody td:first-child,.v19-grid-shell thead tr:not(.grouphead) th:first-child{position:static!important;left:auto!important;box-shadow:none!important;z-index:auto!important}
.v20-grid-shell{max-width:100%;max-height:68vh;overflow:auto!important;position:relative;border:1px solid #dce8ef;border-radius:10px;background:#fff;scrollbar-gutter:stable both-edges}
.v20-grid-shell table{max-width:none!important;width:max-content!important;min-width:100%!important;border-collapse:separate!important;border-spacing:0!important}
.v20-grid-shell thead th{background:#eaf2f7!important;white-space:nowrap}.v20-grid-shell .filter-row th{background:#f7fbfd!important;padding:5px!important;overflow:visible!important}
.multi-filter-v20{position:relative;min-width:110px}.multi-summary{width:100%;padding:7px 8px;border:1px solid #cad9e3;border-radius:7px;background:#fff;color:#17445f;text-align:left;font-size:10px;font-weight:750;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.multi-filter-pop-v20{position:fixed;z-index:99999;width:320px;max-height:370px;background:#fff;border:1px solid #aec4d2;border-radius:11px;box-shadow:0 16px 42px #071d2d40;padding:9px}.multi-search{width:100%;padding:9px;border:1px solid #cbd9e2;border-radius:8px}.multi-actions,.multi-footer{display:flex;gap:6px;justify-content:space-between;padding:7px 0}.multi-actions button,.multi-footer button{border:0;background:#eaf2f7;color:#17445f;border-radius:7px;padding:7px 9px;font-size:10px;font-weight:800}.multi-footer .apply{background:#0b6b70;color:white}.multi-options{max-height:230px;overflow:auto;border-top:1px solid #edf2f5;border-bottom:1px solid #edf2f5;padding:5px 0}.multi-option{display:block;padding:5px 4px;font-size:10px;cursor:pointer}.multi-option:hover{background:#f0f7fa}.no-filter{color:#9aabb6}.grid-tools-v20{position:sticky;top:0;z-index:12;background:#fff;padding:8px 0}.mobile-ops-grid{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:12px;margin:14px 0}.mobile-ops-grid a{display:grid;place-items:center;min-height:100px;background:linear-gradient(145deg,#0b3156,#14616c);color:white;text-decoration:none;border-radius:16px;font-size:16px;font-weight:900;text-align:center;padding:14px}.scan-box{display:flex;gap:8px}.scan-box input{flex:1;padding:14px;font-size:18px}.scan-result{margin-top:10px;padding:14px;background:#f2f8fb;border-radius:10px;min-height:48px}.stack-form{display:grid;gap:7px;min-width:250px}.action-menu summary{cursor:pointer;font-weight:800;color:#0b6b70}.three-col{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.status-danger{background:#ffe4e4!important}.status-warn{background:#fff1cb!important}.status-ok{background:#e1f6e7!important}
@media(max-width:900px){.mobile-ops-grid,.three-col{grid-template-columns:1fr 1fr}.v20-grid-shell{max-height:62vh}.multi-filter-pop-v20{width:280px}}

/* ================= +HAGIO V21 · DESIGN SYSTEM CLEAN / BI / MOBILE ================= */
:root{--v21-navy:#061d34;--v21-navy2:#0b3156;--v21-blue:#0b73bd;--v21-green:#a7f13d;--v21-teal:#116b72;--v21-bg:#f5f9fc;--v21-line:#d8e6f0;--v21-muted:#627b90;--v21-shadow:0 12px 28px rgba(8,35,55,.07)}
.sidebar-head{display:flex;align-items:center;gap:6px;padding:8px 8px 10px}.sidebar-head .home{flex:1;margin:0!important}.sidebar-head button{width:34px;height:34px;border:0;border-radius:9px;background:#214b6f;color:#fff;cursor:pointer;font-size:18px;font-weight:900}.sidebar-head button:hover{background:#2d608b}
.sidebar .nav-area{margin:2px 0}.sidebar .nav-area>summary{display:flex;align-items:center;gap:9px;padding:10px 12px;border-radius:9px;cursor:pointer;list-style:none}.sidebar .nav-area>summary::-webkit-details-marker,.sidebar .nav-process>summary::-webkit-details-marker{display:none}.sidebar .nav-area>summary:hover,.sidebar .nav-area[open]>summary{background:#1d466a}.sidebar .nav-icon{width:20px;display:inline-grid;place-items:center}.sidebar .nav-label{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar .nav-process{margin:3px 0 5px 18px;border-left:1px solid rgba(194,222,241,.2);padding-left:7px}.sidebar .nav-process>summary{padding:7px 9px;color:#cfe3f1;cursor:pointer;font-size:12px;font-weight:800;list-style:none}.sidebar .nav-process>a,.sidebar .nav-area>a{margin-left:4px;padding:8px 11px!important;font-size:12px}.sidebar.compact{width:68px!important;overflow:visible!important}.sidebar.compact .nav-label,.sidebar.compact .nav-area>summary>.nav-label,.sidebar.compact .nav-area>summary::after,.sidebar.compact .nav-process,.sidebar.compact .nav-area>a,.sidebar.compact .sidebar-head .home .nav-label{display:none!important}.sidebar.compact .nav-area>summary{justify-content:center;padding:11px 6px}.sidebar.compact .nav-icon{font-size:18px}.sidebar.compact .sidebar-head{padding:8px 4px;display:grid;justify-items:center}.sidebar.compact .sidebar-head .home{width:44px;display:grid;place-items:center}.sidebar.compact .sidebar-head button{width:38px}.sidebar.compact details.nav-area{position:relative}.sidebar.compact details.nav-area>summary:hover::after{display:block!important;content:attr(title);position:absolute;left:61px;top:5px;z-index:9999;background:#071d34;color:#fff;border-radius:8px;padding:9px 12px;white-space:nowrap;box-shadow:var(--v21-shadow);font-size:12px}.sidebar-compact .app-shell{grid-template-columns:68px minmax(0,1fr)!important}

.v21-pagehead{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:2px 0 18px}.v21-pagehead h1{margin:0;font-size:30px;line-height:1.15}.v21-pagehead p{margin:6px 0 0;color:var(--v21-muted)}.v21-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.v21-btn{border:0;border-radius:9px;padding:10px 14px;background:var(--v21-blue);color:#fff;font-weight:850;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px}.v21-btn.secondary{background:#eaf3f8;color:#174762}.v21-btn.danger{background:#b92f39}.v21-btn:disabled{opacity:.5;cursor:not-allowed}
.v21-card{background:#fff;border:1px solid var(--v21-line);border-radius:16px;padding:16px;box-shadow:var(--v21-shadow)}.v21-card h2,.v21-card h3{margin-top:0}.v21-grid{display:grid;gap:14px}.v21-kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(145px,1fr));gap:12px;margin:12px 0 18px}.v21-kpi{background:#fff;border:1px solid var(--v21-line);border-radius:16px;padding:15px;box-shadow:var(--v21-shadow);min-height:112px;position:relative;overflow:hidden}.v21-kpi::before{content:"";position:absolute;left:0;top:0;width:100%;height:4px;background:linear-gradient(90deg,var(--v21-green),#55c8c5)}.v21-kpi .label{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--v21-muted);font-weight:850}.v21-kpi .value{font-size:25px;font-weight:950;margin-top:9px;line-height:1.05}.v21-kpi .sub{font-size:11px;color:var(--v21-muted);margin-top:6px}.v21-kpi.warn::before{background:#e6a100}.v21-kpi.danger::before{background:#c63d47}.v21-kpi.good::before{background:#1a8a5d}
.v21-dashboard-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}.v21-span-3{grid-column:span 3}.v21-span-4{grid-column:span 4}.v21-span-6{grid-column:span 6}.v21-span-8{grid-column:span 8}.v21-span-12{grid-column:1/-1}.v21-chart{min-height:260px}.v21-barlist{display:grid;gap:9px}.v21-bar-row{display:grid;grid-template-columns:minmax(90px,1.4fr) 4fr auto;gap:8px;align-items:center;font-size:12px}.v21-bar-track{height:10px;background:#e7eff4;border-radius:999px;overflow:hidden}.v21-bar-fill{height:100%;background:linear-gradient(90deg,#83d72f,#0f7880);border-radius:999px}.v21-alerts{display:grid;gap:8px}.v21-alert{display:grid;grid-template-columns:28px 1fr auto;gap:9px;align-items:center;padding:10px;border:1px solid var(--v21-line);border-radius:11px;background:#fbfdfe}.v21-alert.critical{border-left:4px solid #c63d47}.v21-alert.warning{border-left:4px solid #e6a100}.v21-alert.info{border-left:4px solid #0b73bd}.v21-alert strong{font-size:12px}.v21-alert small{color:var(--v21-muted)}
/* Existing dashboards inherit a cleaner presentation */
.kpis,.kpi-row,.kpi-v14-grid,.three-bi{gap:12px!important}.kpi,.kpi-card,.metric-card,.three-bi>*,.dashboard-card{border-radius:15px!important;box-shadow:var(--v21-shadow)!important;border:1px solid var(--v21-line)!important}.card,.panel{border-radius:15px!important}.page h1,.content h1{letter-spacing:-.02em}

.v21-drawer[hidden]{display:none!important}.v21-drawer{position:fixed;inset:0;z-index:100000;background:rgba(4,23,40,.45);display:flex;justify-content:flex-end}.v21-drawer-panel{width:min(560px,96vw);height:100%;overflow:auto;background:#fff;box-shadow:-14px 0 44px rgba(0,0,0,.2);padding:22px}.v21-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.v21-drawer-close{border:0;background:#edf4f8;border-radius:8px;padding:8px 11px;font-weight:900;cursor:pointer}.v21-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.v21-form-grid .full{grid-column:1/-1}.v21-form-grid label{display:grid;gap:5px;font-size:11px;font-weight:800;color:#4b687c}.v21-form-grid input,.v21-form-grid select,.v21-form-grid textarea{width:100%;padding:10px;border:1px solid #cbdbe5;border-radius:9px;background:#fff}.v21-form-grid textarea{min-height:80px;resize:vertical}
.v21-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:8px 0 12px;border-bottom:1px solid var(--v21-line);padding-bottom:7px}.v21-tabs [data-v21-tab]{border:0;background:#eaf3f8;color:#174762;border-radius:8px;padding:9px 13px;font-weight:850;cursor:pointer}.v21-tabs [data-v21-tab].active{background:var(--v21-navy2);color:#fff}.v21-tab-panel{display:none}.v21-tab-panel.active{display:block}

.v21-mobile-shell{max-width:920px;margin:0 auto;padding:10px}.v21-mobile-hero{background:linear-gradient(135deg,#071e35,#0d4962);color:#fff;border-radius:20px;padding:18px;box-shadow:var(--v21-shadow)}.v21-mobile-status{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:10px}.v21-pill{display:inline-flex;gap:5px;align-items:center;padding:6px 9px;border-radius:999px;background:#eaf4f8;color:#174762;font-size:11px;font-weight:850}.v21-pill.online{background:#def8e7;color:#16613b}.v21-pill.offline{background:#fff0c9;color:#735403}.v21-mobile-processes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:14px 0}.v21-mobile-process{display:grid;grid-template-columns:44px 1fr auto;gap:10px;align-items:center;min-height:86px;background:#fff;border:1px solid var(--v21-line);border-radius:15px;padding:12px;text-decoration:none;color:#0b2d47;box-shadow:var(--v21-shadow)}.v21-mobile-process .ico{width:42px;height:42px;border-radius:12px;background:#e8f4f6;display:grid;place-items:center;font-size:20px}.v21-mobile-process strong{font-size:15px}.v21-mobile-process small{display:block;color:var(--v21-muted);margin-top:3px}.v21-scan-panel{position:sticky;top:6px;z-index:20;background:#fff;border:1px solid var(--v21-line);border-radius:16px;padding:12px;box-shadow:var(--v21-shadow)}.v21-scan-input{width:100%;font-size:18px;padding:14px;border:2px solid #7fc42f;border-radius:12px;outline:none}.v21-scan-input:focus{box-shadow:0 0 0 4px rgba(167,241,61,.18)}.v21-task-list{display:grid;gap:9px;margin-top:12px}.v21-task{background:#fff;border:1px solid var(--v21-line);border-radius:14px;padding:12px}.v21-feedback{padding:10px;border-radius:10px;margin-top:8px;font-weight:850}.v21-feedback.ok{background:#def8e7;color:#16613b}.v21-feedback.error{background:#ffe4e4;color:#8d1111}.v21-feedback.warn{background:#fff0c9;color:#735403}

@media(max-width:1100px){.v21-kpi-grid{grid-template-columns:repeat(3,1fr)}.v21-span-3,.v21-span-4{grid-column:span 6}}
@media(max-width:760px){.v21-kpi-grid{grid-template-columns:repeat(2,1fr)}.v21-dashboard-grid{grid-template-columns:1fr}.v21-span-3,.v21-span-4,.v21-span-6,.v21-span-8,.v21-span-12{grid-column:1}.v21-pagehead{display:grid}.v21-form-grid{grid-template-columns:1fr}.v21-form-grid .full{grid-column:1}.v21-mobile-processes{grid-template-columns:1fr}.sidebar{position:fixed;z-index:9999}.sidebar.compact{position:relative}.v21-mobile-shell{padding:4px}}
/* V21 template aliases/components */
.v21-pagehead.compact{margin-bottom:14px}.v21-head-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.eyebrow{font-size:10px;font-weight:950;letter-spacing:.09em;color:#16715d;text-transform:uppercase}.v21-mobile-hero{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:13px}.v21-mobile-hero>div{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:13px;padding:12px}.v21-mobile-hero b{display:block}.v21-mobile-hero span{display:block;color:#cfe4ed;font-size:11px;margin-top:4px}.v21-process-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:11px;margin:14px 0}.v21-process-grid>a{background:#fff;border:1px solid var(--v21-line);border-radius:15px;padding:13px;text-decoration:none;color:#0b2d47;box-shadow:var(--v21-shadow);min-height:110px;display:grid;align-content:start;gap:5px}.v21-process-grid>a:hover{transform:translateY(-1px);border-color:#9acb74}.v21-process-grid i{font-style:normal;font-size:10px;font-weight:900;color:#177365}.v21-process-grid b{font-size:15px}.v21-process-grid span{font-size:11px;color:var(--v21-muted)}.v21-card-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.v21-card-title h2{margin:0 0 3px}.v21-card-title p{margin:0;color:var(--v21-muted);font-size:12px}.v21-scanline{display:flex;gap:8px;margin-top:12px}.v21-scanline input{flex:1;padding:12px;border:1px solid #cbdbe5;border-radius:10px;font-size:16px}.v21-scanline button{border:0;background:var(--v21-blue);color:#fff;border-radius:10px;padding:0 15px;font-weight:850}.v21-result{margin-top:9px;min-height:36px;padding:9px;border-radius:9px;background:#f3f8fb}.v21-offline-box{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--v21-line);border-radius:13px;padding:11px;margin-top:11px}.v21-offline-box span{color:var(--v21-muted);margin-right:auto}.v21-mobile-workspace{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(350px,1.15fr);gap:14px}.v21-task-list,.v21-scan-panel{background:#fff;border:1px solid var(--v21-line);border-radius:16px;padding:14px;box-shadow:var(--v21-shadow)}.v21-task-scroll{display:grid;gap:7px;max-height:65vh;overflow:auto;margin-top:10px}.v21-task{border:1px solid #d6e4ec;background:#fbfdfe;border-radius:11px;padding:10px;text-align:left;cursor:pointer;display:grid;gap:3px;color:#173d58}.v21-task.selected{border:2px solid #72bd25;background:#f4ffe9}.v21-task b{font-size:12px}.v21-task span{font-size:12px}.v21-task small{color:var(--v21-muted)}.v21-count{background:#eaf3f8;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:850}.v21-step{display:grid;grid-template-columns:32px 1fr;gap:8px;align-items:start;padding:8px 0;border-bottom:1px solid #edf2f5}.v21-step>span{width:28px;height:28px;border-radius:50%;background:#e8f3f7;color:#155571;display:grid;place-items:center;font-weight:900}.v21-step label{display:grid;gap:4px;font-size:12px}.v21-step input,.v21-grid2 input{padding:11px;border:1px solid #cbdbe5;border-radius:9px;width:100%}.v21-grid2{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:9px 0}.v21-action-row{display:flex;justify-content:flex-end;gap:8px;align-items:center;margin-top:12px}.v21-action-row button{border:0;border-radius:9px;padding:10px 13px;background:var(--v21-blue);color:#fff;font-weight:850;cursor:pointer}.v21-action-row .secondary,.button.secondary{background:#eaf3f8!important;color:#174762!important}.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:9px;background:var(--v21-blue);color:#fff;padding:9px 12px;text-decoration:none;font-weight:850;cursor:pointer}.button.small{padding:6px 9px;font-size:11px}.v21-filterbar{display:flex;gap:9px;align-items:end;flex-wrap:wrap;background:#fff;border:1px solid var(--v21-line);border-radius:13px;padding:10px;margin-bottom:12px}.v21-filterbar label{display:grid;gap:4px;font-size:10px;font-weight:800;color:var(--v21-muted)}.v21-filterbar input,.v21-filterbar select{padding:8px;border:1px solid #cbdbe5;border-radius:8px}.v21-filterbar button{border:0;background:var(--v21-blue);color:#fff;padding:9px 12px;border-radius:8px;font-weight:850}.v21-kpi-grid>article{background:#fff;border:1px solid var(--v21-line);border-radius:15px;padding:14px;box-shadow:var(--v21-shadow);min-height:100px;position:relative;overflow:hidden}.v21-kpi-grid>article::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--v21-green),#3bb4aa)}.v21-kpi-grid>article.warn::before{background:#e6a100}.v21-kpi-grid>article.good::before{background:#218b5b}.v21-kpi-grid>article.danger::before{background:#c73a45}.v21-kpi-grid>article span{display:block;font-size:10px;font-weight:900;text-transform:uppercase;color:var(--v21-muted)}.v21-kpi-grid>article b{display:block;font-size:24px;margin-top:8px}.v21-kpi-grid>article small{color:var(--v21-muted)}.v21-dashboard-grid>.span2{grid-column:span 8}.v21-dashboard-grid>.span1{grid-column:span 4}.v21-rule-banner{background:#eef8e7;border-left:4px solid #76be2d;border-radius:9px;padding:10px 12px;margin:8px 0 12px;color:#23472d}.v21-inline-action{display:inline-flex;gap:5px;align-items:center}.v21-inline-action input{max-width:130px}.danger-btn{background:#ba3440!important}.success-btn{background:#17885c!important}.status-badge{display:inline-flex;padding:5px 8px;border-radius:999px;background:#e8f1f6;color:#174762;font-size:10px;font-weight:850}.v21-rule{display:grid;gap:3px;padding:9px 0;border-bottom:1px solid #edf2f5}.v21-rule span,.v21-rule small,.v21-rank span{color:var(--v21-muted);font-size:11px}.v21-rank{display:flex;justify-content:space-between;gap:8px;padding:9px 0;border-bottom:1px solid #edf2f5}.v21-order-picker{max-height:280px;overflow:auto;border:1px solid #d6e4ec;border-radius:10px;padding:10px}.v21-order-picker label{display:block;padding:5px}.v21-drawer-backdrop{position:absolute;inset:0}.v21-drawer-panel{position:relative;z-index:1}.v21-drawer-panel.wide{width:min(760px,97vw)}.v21-drawer-head button{border:0;border-radius:8px;background:#edf4f8;font-size:20px;width:34px;height:34px;cursor:pointer}.v21-form-grid .span2{grid-column:1/-1}.empty-state{padding:18px;color:var(--v21-muted);text-align:center}
@media(max-width:1050px){.v21-process-grid{grid-template-columns:repeat(2,1fr)}.v21-mobile-workspace{grid-template-columns:1fr}.v21-task-scroll{max-height:34vh}.v21-mobile-hero{grid-template-columns:1fr}.v21-dashboard-grid>.span2,.v21-dashboard-grid>.span1{grid-column:1/-1}}
@media(max-width:650px){.v21-process-grid{grid-template-columns:1fr}.v21-kpi-grid{grid-template-columns:1fr 1fr!important}.v21-scanline{display:grid}.v21-mobile-workspace{display:block}.v21-scan-panel{margin-top:10px}.v21-grid2{grid-template-columns:1fr}.v21-offline-box{flex-wrap:wrap}}

/* V21.0.1 — fechamento visual: ações contextuais + mobile sem overflow de viewport */
.v21-row-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap;min-width:max-content}
@media(max-width:650px){
  html,body{max-width:100%;overflow-x:hidden}
  .app-shell,.content-wrap{width:100%;max-width:100%;min-width:0}
  .topbar{min-height:58px;height:auto;padding:5px 7px;gap:5px;overflow:hidden}
  .topbar .brand{flex:0 0 auto}.topbar .brand b{font-size:19px;white-space:nowrap}.topbar .brand span{display:none!important}
  .top-actions{gap:5px;min-width:0;margin-left:auto}.top-actions>span,.top-actions>.portal-link,.top-actions>.env-chip,.top-actions>.density-top,.top-actions>a[href="/logout"]{display:none!important}
  .branch-switch{min-width:0}.branch-switch label{font-size:0;gap:0}.branch-switch select{min-width:0;width:138px;max-width:138px;padding:6px 7px;font-size:11px}
  .bell{font-size:0;padding:6px 8px;min-width:34px;text-align:center}.bell::after{content:"🔔";font-size:17px}
  .content-wrap main{padding:8px;overflow-x:hidden}.v21-pagehead h1{font-size:28px;line-height:1.05}.v21-head-actions{align-items:stretch}.v21-head-actions .button,.v21-head-actions button{flex:1 1 auto}
  .v21-card,.panel,section{max-width:100%;min-width:0}
  .v21-grid-shell,.grid-scroll-shell{max-width:100%}
}

/* V21.0.2 — fallback visual para grades largas antes/depois do enhancer */
.v21-table-card{min-width:0;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.v21-table-card>table{min-width:max-content}.v21-table-card .v21-row-actions{white-space:nowrap}

/* +HAGIO V22 — design system clean, grids suaves, BI responsivo */
:root{--v22-bg:#f6f9fb;--v22-card:#fff;--v22-text:#17384c;--v22-muted:#718696;--v22-line:#e2eaf0;--v22-head:#f0f5f8;--v22-blue:#176b96;--v22-green:#5cae32;--v22-lime:#a7f13d;--v22-warn:#a66b08;--v22-danger:#a63b43;--v22-shadow:0 5px 20px rgba(26,61,82,.055)}
body{background:var(--v22-bg)}
.v22-pagehead{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin:0 0 16px}.v22-pagehead h1{margin:3px 0 5px;font-size:30px;color:var(--v22-text)}.v22-pagehead p{margin:0;color:var(--v22-muted);max-width:900px}.v22-code{display:inline-flex;align-items:center;border-radius:999px;background:#edf6e8;color:#397720;font-size:10px;font-weight:900;letter-spacing:.06em;padding:5px 8px}.v22-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.v22-actions.between{justify-content:space-between;margin:12px 0}.v22-inline{display:flex;gap:7px;align-items:center}.v22-inline input{min-width:220px}.v22-quick-link{display:inline-flex;align-items:center;padding:6px 9px;border-radius:8px;background:rgba(255,255,255,.08);text-decoration:none;font-size:12px}.nav-area a small{display:inline-block;min-width:30px;color:#79a266;font-weight:900;font-size:9px}
.v22-card{background:var(--v22-card);border:1px solid var(--v22-line);border-radius:16px;padding:16px;margin-bottom:14px;box-shadow:var(--v22-shadow);min-width:0}.v22-card h2{margin:0 0 10px;font-size:18px;color:var(--v22-text)}.v22-card p{color:var(--v22-muted)}.v22-note{background:#f6fbeF;border:1px solid #dbeccf;border-left:4px solid var(--v22-lime);padding:14px;border-radius:12px;color:#31532b}.v22-empty{padding:28px;border:1px dashed #cad8e0;border-radius:14px;text-align:center;color:var(--v22-muted);background:#fff}
.v22-filter{display:flex;gap:9px;align-items:end;flex-wrap:wrap;background:#fff;border:1px solid var(--v22-line);border-radius:14px;padding:11px;margin-bottom:14px}.v22-filter.dense{display:grid;grid-template-columns:repeat(6,minmax(125px,1fr))}.v22-filter label{display:grid;gap:4px;color:var(--v22-muted);font-size:10px;font-weight:850}.v22-filter label.grow{flex:1 1 320px}.v22-filter input,.v22-filter select{padding:9px 10px;border:1px solid #d4e0e7;border-radius:9px;background:#fff}.v22-filter button.secondary,.v22-actions .secondary{background:#edf3f6!important;color:#28546c!important}
.v22-form-grid{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:10px;align-items:end}.v22-form-grid label{display:grid;gap:5px;font-size:11px;color:var(--v22-muted)}
.v22-stage-cards{display:grid;grid-template-columns:repeat(6,minmax(130px,1fr));gap:10px;margin-bottom:14px}.v22-stage-cards.seven{grid-template-columns:repeat(7,minmax(125px,1fr))}.v22-stage-cards article{background:#fff;border:1px solid var(--v22-line);border-radius:14px;padding:13px;min-height:86px;box-shadow:var(--v22-shadow);position:relative;overflow:hidden}.v22-stage-cards article:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--v22-lime),#6abf64)}.v22-stage-cards span{display:block;color:var(--v22-muted);font-size:10px;font-weight:850;text-transform:uppercase}.v22-stage-cards b{display:block;margin-top:8px;font-size:22px;color:var(--v22-text)}
.v22-tabs{display:flex;gap:5px;align-items:center;flex-wrap:wrap;margin:8px 0 13px;padding:5px;background:#eef3f6;border-radius:12px;width:max-content;max-width:100%}.v22-tabs button,.v22-tabs a{border:0;background:transparent;color:#476477;padding:8px 11px;border-radius:8px;text-decoration:none;font-size:12px;font-weight:850;box-shadow:none}.v22-tabs .active{background:#fff;color:#155c7d;box-shadow:0 2px 8px rgba(20,70,90,.08)}.v22-tab-panel{display:none}.v22-tab-panel.active{display:block}
.v22-table-wrap{width:100%;overflow:auto;border:1px solid #e4ebef;border-radius:12px}.v22-grid{width:100%;border-collapse:separate;border-spacing:0;background:#fff}.v22-grid th{background:var(--v22-head);color:#567080;font-size:10px;letter-spacing:.025em;text-transform:uppercase;padding:9px 10px;border-bottom:1px solid #dce7ed;white-space:nowrap}.v22-grid td{padding:9px 10px;border-bottom:1px solid #edf2f5;color:#294b5e;font-size:12px;vertical-align:middle;background:#fff}.v22-grid tbody tr:nth-child(even) td{background:#fbfcfd}.v22-grid tbody tr:hover td{background:#f6fafc}.v22-grid td small{display:block;color:#81929e;font-size:9px;margin-top:2px}.v22-status{display:inline-flex;padding:4px 7px;border-radius:999px;background:#edf3f6;color:#426176;font-size:9px;font-weight:900;white-space:nowrap}.stage-aguardando_financeiro{background:#fff0e1;color:#8c5b13}.stage-liberado{background:#eaf6ff;color:#236486}.stage-em_separacao,.stage-separado{background:#fff6ce;color:#735d12}.stage-em_conferencia{background:#fff3cb;color:#755c04}.stage-conferido{background:#e7f8ea;color:#247044}
.v22-dashboard-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.v22-dashboard-grid .span2{grid-column:span 2}.v22-dashboard-grid .span4{grid-column:1/-1}.v22-section-title{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.v22-section-title p{margin:2px 0 0;font-size:11px}.v22-section-title>span{font-size:10px;color:var(--v22-muted)}.v22-big{font-size:42px;font-weight:900;color:#1f5f78;margin:14px 0 8px}.v22-progress{height:9px;border-radius:99px;background:#edf2f5;overflow:hidden;margin:9px 0}.v22-progress i{display:block;height:100%;background:linear-gradient(90deg,#7fc447,var(--v22-lime));border-radius:99px}.v22-donut{width:150px;height:150px;border-radius:50%;margin:15px auto;background:conic-gradient(#61ae4c 0 calc(var(--a)*1%),#78a9c2 calc(var(--a)*1%) calc((var(--a) + var(--b))*1%),#d9a85d calc((var(--a) + var(--b))*1%) 100%);position:relative}.v22-donut:after{content:"";position:absolute;inset:29px;border-radius:50%;background:#fff}.v22-legend{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.v22-legend span{font-size:10px;color:var(--v22-muted)}.v22-legend b{color:var(--v22-text)}
.v22-bars{display:grid;gap:9px}.v22-bars.horizontal>div{display:grid;grid-template-columns:minmax(85px,145px) 1fr minmax(85px,145px);gap:8px;align-items:center}.v22-bars span,.v22-bars strong{font-size:10px;color:#5d7483}.v22-bars strong{text-align:right}.v22-bars i{height:12px;border-radius:99px;background:#eef3f6;overflow:hidden}.v22-bars i b{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#79bd4a,#a7f13d);min-width:2px}.v22-linechart{height:250px;display:flex;align-items:flex-end;gap:8px;border-bottom:1px solid #dfe8ed;padding:20px 5px 0;overflow:auto}.v22-linechart>div{height:100%;min-width:52px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px}.v22-linechart i{display:block;width:20px;min-height:2px;background:linear-gradient(180deg,#6cb042,#a7f13d);border-radius:6px 6px 0 0}.v22-linechart b{font-size:9px}.v22-linechart small{font-size:8px;color:var(--v22-muted);white-space:nowrap}.v22-action-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.v22-action-cards a{display:grid;text-decoration:none;background:#f7fafb;border:1px solid #e4ebef;border-radius:11px;padding:12px;color:#32566a}.v22-action-cards b{font-size:22px}.v22-action-cards span{font-size:10px;color:var(--v22-muted)}
.v22-routine-grid{display:grid;grid-template-columns:repeat(3,minmax(230px,1fr));gap:11px}.v22-routine{background:#fff;border:1px solid var(--v22-line);border-radius:14px;padding:14px;box-shadow:var(--v22-shadow)}.v22-routine>div:first-child{display:flex;justify-content:space-between;align-items:center}.v22-routine h3{margin:10px 0 14px;font-size:15px}.favorite{width:36px;height:36px;padding:0;border-radius:9px;background:#eef3f6;color:#78909e}.favorite.on{background:#f3fbdc;color:#648400}.v22-search-results{display:grid;gap:7px}.v22-search-results a{display:grid;grid-template-columns:auto 1fr;gap:3px 10px;padding:10px;border:1px solid #e4ebef;border-radius:10px;text-decoration:none}.v22-search-results a small{grid-column:2;color:var(--v22-muted)}
.v22-alert-list{display:grid;gap:7px}.v22-alert{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:11px 12px;border:1px solid #e4ebef;border-left:4px solid #8aa6b5;border-radius:10px;text-decoration:none;color:var(--v22-text);background:#fff}.v22-alert.warning{border-left-color:#d69b34}.v22-alert.critical{border-left-color:#bd4a52}.v22-alert small{display:block;color:var(--v22-muted);margin-top:2px}.v22-alert-meta{text-align:right}.v22-alert-meta span{display:block;font-size:9px;color:#337294}.v22-alert-meta strong{font-size:20px}.v22-steps{list-style:none;padding:0;display:grid;gap:9px}.v22-steps li{display:grid;grid-template-columns:32px 1fr;gap:9px;align-items:center;padding:10px;border-bottom:1px solid #edf2f5}.v22-steps li span{width:30px;height:30px;border-radius:50%;background:#eef6e8;color:#4b7d32;display:grid;place-items:center;font-weight:900}
.v22-product-head{display:flex;justify-content:space-between;gap:15px;align-items:center;background:#fff;border:1px solid var(--v22-line);border-radius:16px;padding:16px;margin-bottom:12px}.v22-product-head h2{margin:7px 0 3px}.v22-product-head p{margin:0;color:var(--v22-muted)}.v22-product-price{display:grid;grid-template-columns:auto auto;gap:3px 8px;text-align:right}.v22-product-price small{color:var(--v22-muted)}.v22-summary-grid,.v22-detail-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:9px}.v22-summary-grid>div,.v22-detail-grid>div{background:#f8fafb;border:1px solid #e6edf1;border-radius:11px;padding:11px}.v22-summary-grid small,.v22-detail-grid small{display:block;color:var(--v22-muted);font-size:9px;text-transform:uppercase}.v22-summary-grid b,.v22-detail-grid b{display:block;margin-top:4px}.v22-timeline{display:grid;gap:0}.v22-timeline>div{display:grid;grid-template-columns:130px 150px 70px 1fr auto;gap:9px;align-items:center;padding:9px 4px;border-bottom:1px solid #edf2f5}.v22-timeline time,.v22-timeline p{font-size:10px;color:var(--v22-muted);margin:0}.v22-count-form{display:flex;gap:4px}.v22-count-form input{width:85px;padding:6px}.v22-count-form button{padding:6px 8px}.v22-grid form{margin:0}
@media(max-width:1200px){.v22-stage-cards,.v22-stage-cards.seven{grid-template-columns:repeat(3,1fr)}.v22-filter.dense{grid-template-columns:repeat(4,1fr)}.v22-routine-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){.v22-pagehead{display:grid}.v22-dashboard-grid{grid-template-columns:1fr}.v22-dashboard-grid .span2,.v22-dashboard-grid .span4{grid-column:1}.v22-form-grid{grid-template-columns:repeat(2,1fr)}.v22-filter.dense{grid-template-columns:repeat(2,1fr)}.v22-summary-grid,.v22-detail-grid{grid-template-columns:repeat(2,1fr)}.v22-product-head{display:grid}.v22-timeline>div{grid-template-columns:1fr 1fr}.v22-timeline p{grid-column:1/-1}.v22-routine-grid{grid-template-columns:1fr}.v22-bars.horizontal>div{grid-template-columns:90px 1fr 90px}}
@media(max-width:600px){.v22-stage-cards,.v22-stage-cards.seven{grid-template-columns:repeat(2,1fr)}.v22-form-grid,.v22-filter.dense,.v22-summary-grid,.v22-detail-grid{grid-template-columns:1fr}.v22-tabs{width:100%;overflow:auto;flex-wrap:nowrap}.v22-tabs button,.v22-tabs a{white-space:nowrap}.v22-actions.between{display:grid}.v22-inline{display:grid}.v22-inline input{min-width:0}.v22-action-cards{grid-template-columns:repeat(2,1fr)}}