:root{
  --nav:#071526;--nav2:#10233b;--bg:#f3f6fa;--card:#fff;--ink:#122033;--muted:#667085;--line:#e4e9f0;
  --orange:#ff7a00;--orange2:#ff9f0a;--blue:#1677e8;--purple:#7b45cc;--teal:#0cb7c6;--green:#40b85a;
  --pink:#e5337a;--lime:#8abd00;--gray:#98a2ad;--cyan:#0ca6b0;--royal:#2d66c7;
  --shadow:0 8px 24px rgba(15,23,42,.07)
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:Inter,Segoe UI,Roboto,Arial,sans-serif}
button,input,select{font:inherit}button{cursor:pointer}
.app{display:grid;grid-template-columns:210px minmax(0,1fr);min-height:100vh}
.sidebar{background:linear-gradient(180deg,#061525,#0c1e33 60%,#081727);color:#fff;position:sticky;top:0;height:100vh;padding:18px 14px;display:flex;flex-direction:column;gap:18px}
.brand{display:flex;gap:10px;align-items:center;padding:4px 2px 8px}.logo{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#ff7a00,#ff9f0a);display:grid;place-items:center;font-weight:950;color:#fff;box-shadow:0 8px 18px rgba(255,122,0,.25)}
.brand h1{font-size:15px;margin:0}.brand small{display:block;color:#a9b6c8;font-size:9px;margin-top:2px}
.menu{display:grid;gap:6px}.menuBtn{border:0;background:transparent;color:#e9eef5;padding:11px 12px;border-radius:9px;text-align:left;font-size:11px;font-weight:800;display:flex;gap:9px;align-items:center}
.menuBtn:hover{background:rgba(255,255,255,.06)}.menuBtn.active{background:linear-gradient(90deg,#ff7a00,#ff8f1f);box-shadow:0 6px 14px rgba(255,122,0,.22)}
.mi{width:18px;text-align:center;opacity:.95}.sideInfo{margin-top:auto;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:12px}
.sideInfo .title{color:#ff9f0a;font-size:9px;font-weight:900;text-transform:uppercase;margin-bottom:10px}.sideInfo .item{font-size:9px;color:#d7e0eb;margin:8px 0;display:flex;gap:7px;align-items:flex-start}.sideInfo .item span:first-child{width:14px}
.main{min-width:0}.topbar{height:4px;background:linear-gradient(90deg,var(--orange),#ffb347 20%,#122033 20%)}
.content{padding:18px 16px 32px}
.card{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}
.hero{padding:16px 18px;margin-bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.hero h2{margin:0;font-size:18px}.hero p{margin:5px 0 0;color:var(--muted);font-size:10px}.meta{display:flex;gap:8px;flex-wrap:wrap}.pill{border-radius:9px;padding:8px 10px;font-size:9px;font-weight:900;background:#f3f6f9;color:#3e4a5c}.pill.orange{background:#fff2e7;color:#a64b00}.pill.green{background:#eaf8f0;color:#137143}.pill.blue{background:#edf5ff;color:#265fa8}
.filters{padding:12px 14px;margin-bottom:12px}.filtergrid{display:grid;grid-template-columns:1.6fr 1fr .75fr .75fr .85fr auto;gap:9px;align-items:end}.field label{display:block;font-size:8px;font-weight:900;color:#718096;text-transform:uppercase;letter-spacing:.06em;margin-bottom:5px}.field input,.field select{width:100%;border:1px solid #dce3eb;border-radius:8px;padding:9px 10px;background:#fff;color:#26364b;outline:none;font-size:10px}.field input:focus,.field select:focus{border-color:#ffa351;box-shadow:0 0 0 3px rgba(255,122,0,.08)}
.btn{border:1px solid #dce3eb;background:#fff;color:#26364b;border-radius:8px;padding:9px 11px;font-size:9px;font-weight:900}.btn:hover{border-color:#ff9b43}.btn.primary{background:var(--orange);border-color:var(--orange);color:#fff}.fileBtn input{display:none}
.statusTitle{font-size:8px;font-weight:900;color:#718096;text-transform:uppercase;letter-spacing:.06em;margin:12px 0 8px}
.statusGrid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.statusBlock{min-height:60px;border:0;border-radius:10px;color:#fff;padding:11px 12px;text-align:left;display:flex;align-items:center;gap:10px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 5px 14px rgba(15,23,42,.08);transition:.16s}
.statusBlock:hover{transform:translateY(-2px);filter:brightness(1.03)}.statusBlock.active{outline:3px solid rgba(255,122,0,.20);outline-offset:2px}.statusIcon{width:32px;height:32px;border-radius:8px;background:rgba(255,255,255,.12);display:grid;place-items:center;font-size:16px}.statusBlock b{display:block;font-size:9px;line-height:1.1}.statusBlock strong{display:block;font-size:15px;margin-top:4px}.c1{background:linear-gradient(135deg,#ffb000,#ff9800)}.c2{background:linear-gradient(135deg,#ff7600,#ff8b00)}.c3{background:linear-gradient(135deg,#1b7fe4,#0a69cf)}.c4{background:linear-gradient(135deg,#8754ce,#7540c2)}.c5{background:linear-gradient(135deg,#15bac9,#04a9b7)}.c6{background:linear-gradient(135deg,#4bc765,#35ad50)}.c7{background:linear-gradient(135deg,#2d77d8,#3160bb)}.c8{background:linear-gradient(135deg,#e43f85,#df2f73)}.c9{background:linear-gradient(135deg,#98c400,#84b000)}.c10{background:linear-gradient(135deg,#a2adb7,#8d98a2)}.c11{background:linear-gradient(135deg,#0bb1bb,#0698a3)}
.kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:12px 0}.kpi{padding:13px 13px 12px;position:relative;overflow:hidden}.kpi:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--k,#1677e8)}.kpi.click{cursor:pointer}.kpi.click:hover{border-color:#ffc08a}.kpi.active{outline:2px solid rgba(255,122,0,.25)}
.kpi .row{display:flex;align-items:center;gap:10px}.kIcon{width:35px;height:35px;border-radius:9px;background:var(--k,#1677e8);color:#fff;display:grid;place-items:center;font-size:16px;box-shadow:0 5px 12px color-mix(in srgb,var(--k,#1677e8) 25%,transparent)}
.kpi label{font-size:8px;color:var(--k,#1677e8);font-weight:900;text-transform:uppercase}.kpi .val{font-size:18px;font-weight:950;margin-top:4px;letter-spacing:-.02em}.kpi small{display:block;font-size:9px;color:#6c7888;margin-top:4px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.panel{padding:13px;margin-bottom:10px}.phead{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:10px}.phead h3{font-size:12px;margin:0}.phead p{font-size:9px;color:var(--muted);margin:4px 0 0}.badge{border-radius:8px;background:#f2f5f8;padding:6px 8px;font-size:8px;font-weight:900;color:#384657}
.treemap{height:300px;display:flex;flex-direction:column;justify-content:center;gap:13px;padding:6px 0}.statusBar{display:grid;grid-template-columns:minmax(125px,1.25fr) minmax(180px,2.25fr) minmax(105px,.95fr) 50px;gap:12px;align-items:center;border:0;background:transparent;padding:4px 2px;border-radius:8px;text-align:left;color:var(--ink);cursor:pointer;transition:.16s}.statusBar:hover{background:#f8fafc;transform:translateX(2px)}.statusBar.active{background:#fff7ed;box-shadow:inset 3px 0 0 var(--orange)}.statusBarName{font-size:9px;font-weight:850;line-height:1.2}.statusBarTrack{height:14px;border-radius:999px;background:#edf1f5;overflow:hidden;position:relative}.statusBarFill{height:100%;min-width:5px;border-radius:999px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);transition:width .25s ease}.statusBarValue{font-size:9px;font-weight:900;white-space:nowrap;text-align:right}.statusBarPct{font-size:9px;font-weight:850;color:#667085;text-align:right}.treemap .emptyState{width:100%}@media(max-width:650px){.statusBar{grid-template-columns:1fr 70px}.statusBarTrack{grid-column:1/-1;grid-row:2}.statusBarValue{grid-column:1}.statusBarPct{grid-column:2;grid-row:1}.statusBarName{min-width:0}}
.donutWrap{height:300px;display:grid;grid-template-columns:minmax(260px,.95fr) 1.25fr;align-items:center;gap:10px}.donutSvg{width:100%;height:100%}.legend{display:grid;gap:7px}.legendRow{display:grid;grid-template-columns:12px 1fr auto auto;gap:7px;align-items:center;font-size:9px}.dot{width:9px;height:9px;border-radius:50%}.legendRow .pct{color:#667085;min-width:46px;text-align:right}
.orders{padding:12px 13px}.tableWrap{overflow:auto;border:1px solid var(--line);border-radius:9px;max-height:470px}table{border-collapse:collapse;width:100%;font-size:9px}th{background:#f7f9fc;color:#526075;text-align:left;font-size:8px;padding:8px;border-bottom:1px solid var(--line);white-space:nowrap;position:sticky;top:0;z-index:2}td{padding:8px;border-bottom:1px solid #eef2f6;white-space:nowrap}.num{text-align:right}.tag{border-radius:999px;padding:4px 7px;font-size:8px;font-weight:900;background:#fff0dc;color:#9a4b00}.star{color:#f6aa00;font-size:14px}
.tab{display:none}.tab.active{display:block}
.importCard{padding:18px;text-align:center;border:2px dashed #efb77f;background:#fffaf5;border-radius:14px}.importCard.drag{background:#fff2e5;border-color:#ff7a00}.importCard .big{font-size:30px}.historyTable{padding:13px}.emptyState{padding:35px;text-align:center;color:#8591a1;font-size:10px}
@media(max-width:1250px){.app{grid-template-columns:180px minmax(0,1fr)}.statusGrid{grid-template-columns:repeat(3,1fr)}.kpis{grid-template-columns:repeat(3,1fr)}.filtergrid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:850px){.app{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.menu{grid-template-columns:repeat(2,1fr)}.sideInfo{display:none}.grid2{grid-template-columns:1fr}.donutWrap{grid-template-columns:1fr}.filtergrid{grid-template-columns:1fr 1fr}.statusGrid{grid-template-columns:1fr 1fr}.kpis{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.content{padding:10px}.statusGrid,.kpis,.filtergrid{grid-template-columns:1fr}.menu{grid-template-columns:1fr}}
@media print{.sidebar,.filters,.noPrint,.topbar{display:none!important}.app{display:block}.content{padding:0}.card{box-shadow:none}.tab{display:block!important}}

/* ===== Barra lateral recolhível ===== */
.sidebarToggle{
  position:absolute; top:18px; right:-16px; z-index:80;
  width:32px; height:32px; border:1px solid rgba(255,255,255,.14);
  border-radius:9px; background:#081727; color:#fff;
  display:grid; place-items:center; font-size:17px; font-weight:950;
  box-shadow:0 6px 18px rgba(0,0,0,.22);
}
.sidebarToggle:hover{background:#ff7a00;border-color:#ff7a00}
.sidebar{transition:width .22s ease,padding .22s ease}
.app{transition:grid-template-columns .22s ease}
.brandText,.menuText,.sideInfo{transition:opacity .12s ease}

.app.sidebar-collapsed{grid-template-columns:76px minmax(0,1fr)}
.app.sidebar-collapsed .sidebar{padding-left:10px;padding-right:10px}
.app.sidebar-collapsed .brand{justify-content:center}
.app.sidebar-collapsed .brandText,
.app.sidebar-collapsed .menuText,
.app.sidebar-collapsed .sideInfo{display:none}
.app.sidebar-collapsed .menuBtn{
  justify-content:center; padding:12px 8px; min-height:44px;
}
.app.sidebar-collapsed .mi{width:22px;font-size:16px}
.app.sidebar-collapsed .logo{width:40px;height:40px}
.app.sidebar-collapsed .sidebarToggle{right:-16px}
.app.sidebar-collapsed .menuBtn{position:relative}
.app.sidebar-collapsed .menuBtn:hover:after{
  content:attr(data-label);
  position:absolute; left:56px; top:50%; transform:translateY(-50%);
  background:#081727; color:#fff; border:1px solid #263b53;
  padding:7px 9px; border-radius:7px; white-space:nowrap;
  font-size:9px; z-index:100; box-shadow:0 6px 18px rgba(0,0,0,.2);
}
@media(max-width:850px){
  .sidebarToggle{display:none}
  .app.sidebar-collapsed{grid-template-columns:1fr}
  .app.sidebar-collapsed .brandText,.app.sidebar-collapsed .menuText{display:block}
}


/* ===== Cadastro/edição manual de pedidos ===== */
.orderActions{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.btn.success{background:#159455;border-color:#159455;color:#fff}
.btn.danger{background:#fff;border-color:#f3b3ae;color:#b42318}
.iconBtn{border:1px solid #dce3eb;background:#fff;border-radius:7px;padding:5px 7px;font-size:9px;font-weight:900;color:#344054}
.iconBtn:hover{border-color:#ff9a43}
.iconBtn.danger{color:#b42318}
.modalBackdrop{
  position:fixed;inset:0;background:rgba(6,21,37,.62);z-index:999;
  display:none;align-items:center;justify-content:center;padding:18px
}
.modalBackdrop.show{display:flex}
.modalCard{
  width:min(980px,96vw);max-height:92vh;overflow:auto;background:#fff;
  border-radius:16px;border:1px solid #dfe5ec;box-shadow:0 25px 70px rgba(0,0,0,.28)
}
.modalHead{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding:16px 18px;border-bottom:1px solid #e8edf2}
.modalHead h3{margin:0;font-size:15px}.modalHead p{margin:4px 0 0;font-size:9px;color:#667085}
.modalBody{padding:16px 18px}.modalGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.modalGrid .span2{grid-column:span 2}.modalGrid .span4{grid-column:1/-1}
.modalFoot{display:flex;justify-content:flex-end;gap:8px;padding:13px 18px;border-top:1px solid #e8edf2;background:#fafbfc;position:sticky;bottom:0}
.closeBtn{border:0;background:#f2f4f7;border-radius:8px;width:32px;height:32px;font-weight:900}
.manualBadge{display:inline-block;background:#eefaf3;color:#126a3f;border-radius:999px;padding:3px 6px;font-size:8px;font-weight:900}
@media(max-width:820px){.modalGrid{grid-template-columns:1fr 1fr}.modalGrid .span4{grid-column:1/-1}}
@media(max-width:520px){.modalGrid{grid-template-columns:1fr}.modalGrid .span2,.modalGrid .span4{grid-column:1}}

/* ===== Abas operacionais: Backlog / VIPs / GAMA ===== */
.specialKpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 12px}
.specialKpi{padding:14px 15px;position:relative;overflow:hidden;cursor:pointer;transition:.16s;border:1px solid var(--line)}
.specialKpi:hover{transform:translateY(-2px);border-color:#ffb26b;box-shadow:0 8px 18px rgba(15,23,42,.09)}
.specialKpi.active{outline:3px solid rgba(255,122,0,.20);outline-offset:2px;border-color:#ff9b43}
.specialKpi:focus-visible,.statusMini:focus-visible{outline:3px solid rgba(22,119,232,.22);outline-offset:2px}

.specialKpi:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--sk,#ff7a00)}
.specialKpi label{display:block;font-size:8px;font-weight:900;text-transform:uppercase;color:#667085;letter-spacing:.04em}
.specialKpi strong{display:block;font-size:20px;margin-top:5px;color:#122033}
.specialKpi small{display:block;font-size:9px;color:#7b8794;margin-top:4px}
.specialToolbar{display:flex;gap:8px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:10px}
.specialToolbar .field{min-width:260px;max-width:460px;flex:1}
.ageTag{display:inline-flex;align-items:center;gap:4px;background:#fff1f0;color:#b42318;border:1px solid #ffd0cc;border-radius:999px;padding:4px 7px;font-size:8px;font-weight:900}
.vipTag{display:inline-flex;align-items:center;gap:4px;background:#fff0f6;color:#b42362;border:1px solid #ffc8dd;border-radius:999px;padding:4px 7px;font-size:8px;font-weight:900}
.gamaTag{display:inline-flex;align-items:center;gap:4px;background:#fff4e8;color:#a64b00;border:1px solid #ffd7ae;border-radius:999px;padding:4px 7px;font-size:8px;font-weight:900}
.statusMiniGrid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:0 0 12px}
.statusMini{padding:11px;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer;transition:.16s;text-align:left;width:100%}
.statusMini:hover{transform:translateY(-2px);border-color:#ffb26b}
.statusMini.active{outline:3px solid rgba(255,122,0,.18);outline-offset:1px;border-color:#ff9b43;background:#fff8f1}
.legendRow{cursor:pointer;border-radius:6px;padding:3px 5px}
.legendRow:hover{background:#f5f7fa}.legendRow.active{background:#fff3e8;outline:1px solid #ffc38d}
#donut path{cursor:pointer;transition:opacity .15s}#donut path:hover{opacity:.82}

.statusMini b{display:block;font-size:9px;color:#526075}.statusMini strong{display:block;font-size:16px;margin-top:5px}
@media(max-width:1050px){.specialKpis{grid-template-columns:repeat(2,1fr)}.statusMiniGrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.specialKpis,.statusMiniGrid{grid-template-columns:1fr}.specialToolbar .field{min-width:100%}}


/* ===== Gestão de Equipe ===== */
.teamSubnav{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 12px}.teamSubBtn{border:1px solid #dce3eb;background:#fff;color:#344054;border-radius:9px;padding:9px 12px;font-size:9px;font-weight:900}.teamSubBtn.active{background:#122033;color:#fff;border-color:#122033}.teamView{display:none}.teamView.active{display:block}
.teamLegend{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.legendChip{display:inline-flex;align-items:center;gap:6px;border:1px solid #e4e9f0;border-radius:999px;padding:6px 9px;font-size:9px;font-weight:900;background:#fff}.legendSwatch{width:10px;height:10px;border-radius:50%}.lg-green{background:#20a35a}.lg-yellow{background:#f6c344}.lg-red{background:#dc3b32}.lg-normal{background:#98a2ad}
.teamKpis{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:12px 0}.teamKpi{padding:14px;cursor:pointer;transition:.15s}.teamKpi:hover{transform:translateY(-2px);border-color:#ffb575}.teamKpi.active{outline:2px solid rgba(255,122,0,.3)}.teamKpi .tlabel{font-size:8px;font-weight:900;text-transform:uppercase;color:#667085}.teamKpi .tval{font-size:21px;font-weight:950;margin-top:5px}.teamKpi .tsub{font-size:8px;color:#8a94a4;margin-top:4px}
.teamToolbar{padding:12px 13px;margin-bottom:10px;display:grid;grid-template-columns:1.5fr .8fr .8fr .8fr auto;gap:8px;align-items:end}.teamToolbar .field{min-width:0}.employeeRow.status-Novato td:first-child{box-shadow:inset 4px 0 #20a35a}.employeeRow.status-Observação td:first-child{box-shadow:inset 4px 0 #f6c344}.employeeRow.status-Demissão td:first-child{box-shadow:inset 4px 0 #dc3b32}.employeeRow.status-Demissão{opacity:.68}.situationTag{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:4px 7px;font-size:8px;font-weight:900}.sit-Normal{background:#f2f4f7;color:#475467}.sit-Novato{background:#e9f8ef;color:#147442}.sit-Observação{background:#fff6d8;color:#956700}.sit-Demissão{background:#ffe8e6;color:#a5231b}
.planGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.planCard{padding:15px}.planCard h4{margin:0 0 10px;font-size:11px}.planNums{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.planNum{background:#f7f9fc;border-radius:9px;padding:10px}.planNum b{display:block;font-size:18px}.planNum span{font-size:8px;color:#667085;font-weight:800}.planNum.miss{background:#fff0ee;color:#b42318}
.streetGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.streetCard{padding:14px}.streetCard .streetNo{font-size:10px;color:#ff7a00;font-weight:950}.streetCard .streetOwner{font-size:11px;font-weight:900;margin-top:7px}
.freqWrap{overflow:auto;border:1px solid #e4e9f0;border-radius:10px;max-height:560px}.freqTable{border-collapse:separate;border-spacing:0;width:max-content;min-width:100%;font-size:8px}.freqTable th,.freqTable td{border-right:1px solid #eef2f6;border-bottom:1px solid #eef2f6;text-align:center;padding:0}.freqTable th{height:34px;padding:6px;background:#f7f9fc}.freqTable th:first-child,.freqTable td:first-child{position:sticky;left:0;z-index:3;background:#fff;text-align:left;min-width:230px;padding:7px 9px}.freqTable th:first-child{background:#f7f9fc;z-index:5}.freqCell{width:30px;height:30px;border:0;background:#fff;font-size:8px;font-weight:950}.freqCell.mark-X{background:#e8f4ff;color:#1e66b3}.freqCell.mark-F{background:#ffe8e6;color:#b42318}.freqCell:focus{outline:2px solid #ff9f0a;outline-offset:-2px}
.absenceGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.absenceCol{padding:14px}.absenceNames{display:flex;gap:7px;flex-wrap:wrap}.absenceName{border:1px solid #e4e9f0;background:#f8fafc;border-radius:8px;padding:7px 9px;font-size:9px;font-weight:850}
.teamModalGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.teamModalGrid .span3{grid-column:1/-1}
@media(max-width:1250px){.teamKpis{grid-template-columns:repeat(3,1fr)}.planGrid,.streetGrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){.teamToolbar{grid-template-columns:1fr 1fr}.absenceGrid{grid-template-columns:1fr}.teamModalGrid{grid-template-columns:1fr 1fr}.teamModalGrid .span3{grid-column:1/-1}}
@media(max-width:520px){.teamKpis,.planGrid,.streetGrid,.teamToolbar,.teamModalGrid{grid-template-columns:1fr}.teamModalGrid .span3{grid-column:1}.teamLegend{align-items:flex-start}}



/* ===== Flask / layout multiusuário ===== */
.userBar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;padding:9px 12px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow)}
.userBar .who{display:flex;align-items:center;gap:9px;font-size:9px;color:#667085}.userBar .who b{font-size:10px;color:#122033}.userAvatar{width:30px;height:30px;border-radius:9px;background:#fff2e7;color:#a64b00;display:grid;place-items:center;font-weight:950}.logoutForm{margin:0}
.pageHero{padding:16px 18px;margin-bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.pageHero h2{margin:0;font-size:18px}.pageHero p{margin:5px 0 0;color:var(--muted);font-size:10px}
.pageFilters{padding:12px 14px;margin-bottom:12px;display:flex;gap:9px;align-items:end;flex-wrap:wrap}.pageFilters .field{min-width:150px;flex:1}.pageFilters .searchWide{min-width:240px;flex:2}
.formCard{padding:16px 18px}.formGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.formGrid label{font-size:8px;font-weight:900;color:#718096;text-transform:uppercase;letter-spacing:.04em}.formGrid input,.formGrid select{display:block;width:100%;margin-top:5px;border:1px solid #dce3eb;border-radius:8px;padding:10px;background:#fff;color:#26364b;font-size:10px}.formGrid .span2{grid-column:1/-1}.check{display:flex!important;align-items:center;gap:7px;text-transform:none!important}.check input{width:auto!important;margin:0!important}
.actionLine{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}.flash{padding:10px 12px;border-radius:9px;margin-bottom:10px;font-size:10px;border:1px solid}.flash.success{background:#effaf3;border-color:#bfe8cf;color:#156b41}.flash.danger{background:#fff1f0;border-color:#f4bbb6;color:#9e2b25}
.statusLink{text-decoration:none}.statusLink .statusBlock{width:100%}.summaryGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:12px 0}.summaryCard{text-decoration:none;color:inherit;padding:13px;position:relative;overflow:hidden}.summaryCard:before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--k,#1677e8)}.summaryCard:hover{border-color:#ffc08a}.summaryCard small{font-size:8px;color:#667085}.summaryCard strong{display:block;font-size:18px;margin-top:5px}.summaryCard span{display:block;font-size:8px;margin-top:4px;color:#8893a2}
.barChart{display:grid;gap:10px}.barItem{display:grid;grid-template-columns:minmax(130px,1fr) minmax(180px,3fr) 95px;gap:10px;align-items:center;text-decoration:none;color:inherit;font-size:9px}.barTrack{height:20px;background:#eef2f6;border-radius:6px;overflow:hidden}.barFill{height:100%;border-radius:6px;min-width:2px}.barItem:hover .barTrack{outline:2px solid rgba(255,122,0,.12)}.barValue{text-align:right;font-weight:900}
.donutVisual{width:210px;height:210px;border-radius:50%;margin:auto;position:relative}.donutVisual:after{content:'';position:absolute;inset:42px;border-radius:50%;background:#fff}.donutCenter{position:absolute;inset:0;z-index:2;display:grid;place-content:center;text-align:center;pointer-events:none}.donutCenter b{font-size:22px}.donutCenter span{font-size:9px;color:#667085}.donutArea{display:grid;grid-template-columns:230px 1fr;gap:16px;align-items:center;min-height:260px}
.miniLegend{display:grid;gap:8px}.miniLegend a{display:grid;grid-template-columns:10px 1fr auto;gap:8px;align-items:center;text-decoration:none;color:inherit;font-size:9px}.miniLegend i{width:9px;height:9px;border-radius:50%;display:block}.miniLegend b{font-size:9px}
.sit-novato td:first-child{box-shadow:inset 4px 0 #40b85a}.sit-observacao td:first-child{box-shadow:inset 4px 0 #f6b400}.sit-demissao td:first-child{box-shadow:inset 4px 0 #d92d20}.legendStrip{display:flex;gap:14px;flex-wrap:wrap;align-items:center;font-size:9px;color:#667085;margin:0 0 12px}.legendStrip span{display:flex;align-items:center;gap:6px}.legendStrip i{width:9px;height:9px;border-radius:50%;display:inline-block}
.att{min-width:28px;height:28px;border:0;border-radius:6px;font-size:8px;font-weight:900}.att.presente{background:#eaf8f0;color:#137143}.att.falta{background:#fff0ee;color:#b42318}.att.atestado{background:#fff7dd;color:#8d6500}.att.folga{background:#edf5ff;color:#265fa8}.att.ferias{background:#f2ebff;color:#6941c6}.attendance th,.attendance td{text-align:center}.attendance .sticky{position:sticky;left:0;background:#fff;z-index:3;text-align:left}
.importBox{padding:28px;text-align:center;border:2px dashed #efb77f;background:#fffaf5}.importBox input[type=file]{display:block;margin:15px auto;padding:10px;border:1px solid #e6d1bc;background:#fff;border-radius:8px;max-width:520px;width:100%}
.loginBody{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#071526,#10233b);padding:20px}.loginCard{width:min(420px,94vw);background:#fff;border-radius:18px;padding:28px;box-shadow:0 24px 80px rgba(0,0,0,.32)}.loginCard .logo.big{width:54px;height:54px;font-size:18px;margin-bottom:16px}.loginCard h1{margin:0;font-size:22px}.loginCard p{color:#667085;font-size:10px;margin:6px 0 18px}.loginCard label{display:block;font-size:9px;font-weight:900;color:#596579;margin:10px 0}.loginCard input[type=text],.loginCard input[type=password]{display:block;width:100%;margin-top:6px;border:1px solid #dce3eb;border-radius:9px;padding:11px}.loginCard .primary{width:100%;border:0;background:#ff7a00;color:#fff;border-radius:9px;padding:11px;font-weight:900;margin-top:10px}.loginCard .check{display:flex!important}
@media(max-width:850px){.summaryGrid{grid-template-columns:1fr 1fr}.donutArea{grid-template-columns:1fr}.barItem{grid-template-columns:110px 1fr 80px}.formGrid{grid-template-columns:1fr}.formGrid .span2{grid-column:auto}}
@media(max-width:520px){.summaryGrid{grid-template-columns:1fr}.barItem{grid-template-columns:1fr}.barValue{text-align:left}.userBar{align-items:flex-start}.pageFilters .field,.pageFilters .searchWide{min-width:100%}}

.accessRules{display:grid;gap:10px}
.accessRules>div{border:1px solid var(--line);border-radius:10px;padding:12px;background:#fafbfc}
.accessRules b{display:block;color:#ff7a00;font-size:10px;margin-bottom:4px}
.accessRules span{font-size:9px;color:#667085;line-height:1.45}
.formGrid small{display:block;color:#667085;font-size:8px;margin-top:5px}

.situationTag{display:inline-block;padding:5px 8px;border-radius:999px;font-size:8px;font-weight:900}
.situationGreen{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}
.situationYellow{background:#fef9c3;color:#854d0e;border:1px solid #fde68a}
.situationRed{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}

.feFooter{
  margin:22px 0 4px;
  padding:14px 16px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  flex-wrap:wrap;
  color:#7b8797;
  font-size:9px;
  text-align:center;
}
.feFooter strong{color:#ff7a00;letter-spacing:.04em}
.feFooterSep{color:#b0b8c4}
.loginFeFooter{
  margin-top:18px;
  text-align:center;
  color:#7b8797;
  font-size:9px;
  padding:8px 12px;
}
.loginFeFooter strong{color:#ff7a00;letter-spacing:.04em}

.importColumns{display:flex;flex-wrap:wrap;gap:7px}
.importColumns span{
  display:inline-flex;align-items:center;min-height:30px;
  padding:6px 9px;border-radius:999px;border:1px solid #e4e9f0;
  background:#f8fafc;color:#475467;font-size:8px;font-weight:800;
}

.gamaDayNav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:12px 14px;margin-bottom:12px}
.gamaNavSide{display:flex;justify-content:flex-start}.gamaNavRight{justify-content:flex-end}
.gamaCurrentDay{text-align:center;display:flex;flex-direction:column;gap:2px}
.gamaCurrentDay small{font-size:8px;font-weight:900;color:#ff7a00;letter-spacing:.08em}
.gamaCurrentDay strong{font-size:20px;line-height:1.1}.gamaCurrentDay span{font-size:9px;color:#667085}
.gamaHistoryPanel{margin-bottom:12px}.gamaHistoryScroll{display:flex;gap:8px;overflow-x:auto;padding:2px 1px 7px;scrollbar-width:thin}
.gamaHistoryDay{min-width:130px;text-decoration:none;color:inherit;border:1px solid #e5eaf1;border-radius:11px;padding:10px;background:#fff;display:flex;flex-direction:column;gap:3px;transition:.15s ease}
.gamaHistoryDay:hover{border-color:#ffb46e;transform:translateY(-1px)}
.gamaHistoryDay.active{border-color:#ff7a00;background:#fff7ed;box-shadow:0 0 0 2px rgba(255,122,0,.10)}
.gamaHistoryDay small{font-size:8px;font-weight:900;color:#667085}.gamaHistoryDay strong{font-size:12px;color:#101828}.gamaHistoryDay span{font-size:8px;color:#667085}
@media(max-width:760px){.gamaDayNav{grid-template-columns:1fr 1fr}.gamaCurrentDay{grid-column:1/-1;grid-row:1}.gamaNavSide{grid-row:2}}

.globalHistory{
  display:grid;grid-template-columns:auto 1fr auto auto;gap:12px;
  align-items:center;padding:12px 14px;margin-bottom:12px;
}
.globalHistoryCenter{text-align:center;display:flex;flex-direction:column;gap:2px;min-width:0}
.globalHistoryCenter small{font-size:8px;font-weight:900;color:#ff7a00;letter-spacing:.08em}
.globalHistoryCenter strong{font-size:19px;line-height:1.1}
.globalHistoryCenter span{font-size:8px;color:#667085;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.globalHistorySelect{min-width:165px}
.globalHistorySelect label{display:block;font-size:8px;font-weight:800;color:#667085;margin-bottom:4px}
.globalHistorySelect select{width:100%}
@media(max-width:900px){
  .globalHistory{grid-template-columns:1fr 1fr}
  .globalHistoryCenter{grid-column:1/-1;grid-row:1}
  .globalHistorySelect{grid-column:1/-1}
}

.dashboardHistoryPanel{margin-bottom:12px}
.dashboardHistoryScroll{display:flex;gap:8px;overflow-x:auto;padding:2px 1px 7px;scrollbar-width:thin}
.dashboardHistoryDay{min-width:138px;text-decoration:none;color:inherit;border:1px solid #e5eaf1;border-radius:11px;padding:10px;background:#fff;display:flex;flex-direction:column;gap:3px;transition:.15s ease}
.dashboardHistoryDay:hover{border-color:#ffb46e;transform:translateY(-1px)}
.dashboardHistoryDay.active{border-color:#ff7a00;background:#fff7ed;box-shadow:0 0 0 2px rgba(255,122,0,.10)}
.dashboardHistoryDay small{font-size:8px;font-weight:900;color:#667085}
.dashboardHistoryDay strong{font-size:12px;color:#101828}
.dashboardHistoryDay span{font-size:8px;color:#667085}

.nexoTagline{font-size:8px;font-weight:700;line-height:1.25;color:#667085;margin-top:2px;letter-spacing:.01em}
.nexoBy{font-size:7px;font-weight:900;color:#ff7a00;margin-top:2px;letter-spacing:.05em}
.nexoBrandExtra{display:inline-flex;flex-direction:column;margin-left:7px;vertical-align:middle}
.nexoBrandExtra small:first-child{font-size:8px;color:#667085;font-weight:700}
.nexoBrandExtra small:last-child{font-size:7px;color:#ff7a00;font-weight:900}
.loginNexoTagline{margin:4px 0 0;font-size:12px;color:#667085;font-weight:700}
.loginNexoBy{margin:3px 0 12px;font-size:10px;color:#ff7a00;font-weight:900;letter-spacing:.05em}