/* MODO TRABALHO — CLARO */
:root {
  --y:#D4A800; --yb:#F5C800;
  --bk:#0A0A0A;
  --bg:#F5F3EF; --bg2:#ECEAE5;
  --sf:#FFFFFF; --sf2:#F8F6F2;
  --br:#DDDBD6; --br2:#C8C5BF;
  --tx:#1A1A1A; --tx2:#444440; --tx3:#888880;
  --gn:#1A7A45; --rd:#C02020; --or:#C06010; --bl:#1A4FA0;
  --sb:#1A1A1A; --tp:#FFFFFF;
}
/* MODO APRESENTAÇÃO — ESCURO */
body.pm {
  --bg:#080808; --bg2:#111111;
  --sf:#141414; --sf2:#1A1A1A;
  --br:#2A2A2A; --br2:#333333;
  --tx:#F0EEE8; --tx2:#AAAAAA; --tx3:#666666;
  --gn:#1DA55C; --rd:#D94040; --or:#D97820; --bl:#4080D0;
  --y:#F5C800; --tp:#111111;
}
*{box-sizing:border-box;margin:0;padding:0;}
body{font-family:'Syne',sans-serif;background:var(--bg);color:var(--tx);min-height:100vh;transition:background .4s,color .4s;}
.app{display:grid;grid-template-columns:210px 1fr;min-height:100vh;}

/* SIDEBAR */
.sidebar{background:var(--sb);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto;z-index:100;}
.logo-a{padding:20px 16px 16px;border-bottom:1px solid rgba(255,255,255,.08);}
.logo-m{font-size:19px;font-weight:800;color:var(--yb);letter-spacing:-.5px;}
.logo-s{font-size:8px;color:rgba(255,255,255,.3);letter-spacing:1.5px;text-transform:uppercase;margin-top:2px;line-height:1.5;}
.nsec{padding:12px 0 2px;}
.nlbl{font-size:8px;letter-spacing:2.5px;text-transform:uppercase;color:rgba(255,255,255,.25);padding:0 16px 5px;font-weight:600;}
.nitem{display:flex;align-items:center;gap:8px;padding:8px 16px;font-size:12px;font-weight:500;color:rgba(255,255,255,.55);cursor:pointer;transition:all .15s;border-left:2px solid transparent;}
.nitem:hover{color:rgba(255,255,255,.85);background:rgba(255,255,255,.04);}
.nitem.active{color:var(--yb);border-left-color:var(--yb);background:rgba(245,200,0,.07);}
.nico{font-size:12px;width:15px;text-align:center;flex-shrink:0;}
.sbot{margin-top:auto;padding:12px 16px;border-top:1px solid rgba(255,255,255,.08);}
.elbl{font-size:8px;color:rgba(255,255,255,.25);letter-spacing:1.5px;text-transform:uppercase;}
.ename{font-size:11px;font-weight:600;color:rgba(255,255,255,.6);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

/* MAIN */
.main{display:flex;flex-direction:column;min-height:100vh;}
.topbar{background:var(--tp);border-bottom:1px solid var(--br);padding:11px 26px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50;transition:background .4s,border-color .4s;}
.ttl{font-size:13px;font-weight:700;color:var(--tx);}
.tsub{font-size:10px;color:var(--tx3);font-family:'DM Mono',monospace;margin-top:1px;}
.tr{display:flex;gap:8px;align-items:center;}
.btn{font-family:'Syne',sans-serif;font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:7px 14px;cursor:pointer;border:none;transition:all .15s;white-space:nowrap;}
.bpri{background:var(--yb);color:var(--bk);}.bpri:hover{background:var(--y);}
.bghost{background:transparent;color:var(--tx3);border:1px solid var(--br2);}.bghost:hover{color:var(--tx);border-color:var(--tx3);}
.bpres{background:transparent;color:var(--yb);border:1px solid var(--yb);display:flex;align-items:center;gap:6px;}
.bpres:hover{background:var(--yb);color:var(--bk);}
body.pm .bpres{background:var(--yb);color:var(--bk);}
body.pm .bpres:hover{background:transparent;color:var(--yb);}
.content{flex:1;padding:24px;}
.page{display:none;}.page.active{display:block;}
.ph{margin-bottom:20px;}
.ph h1{font-family:'Instrument Serif',serif;font-size:24px;font-weight:400;color:var(--tx);line-height:1.1;}
.ph p{font-size:11px;color:var(--tx3);margin-top:4px;font-family:'DM Mono',monospace;}

/* SETUP */
.card{background:var(--sf);border:1px solid var(--br);padding:18px;margin-bottom:12px;}
.ctitle{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--y);margin-bottom:13px;padding-bottom:8px;border-bottom:1px solid var(--br);}
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.g2{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;}
.fld{display:flex;flex-direction:column;gap:4px;}
.flbl{font-size:9px;color:var(--tx3);letter-spacing:1.5px;text-transform:uppercase;font-weight:600;}
.finput{font-family:'Syne',sans-serif;font-size:13px;background:var(--bg2);border:1px solid var(--br);color:var(--tx);padding:8px 12px;outline:none;transition:border-color .15s;}
.finput:focus{border-color:var(--y);background:var(--sf);}

/* PERÍODOS */
.pwrap{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;margin-bottom:12px;}
.pcard{background:var(--sf);border:1px solid var(--br);padding:11px 13px;min-width:140px;position:relative;display:flex;flex-direction:column;gap:5px;}
.pcard.mp{border-color:var(--yb);}
.ptag{font-size:8px;letter-spacing:1.5px;text-transform:uppercase;color:var(--tx3);font-weight:600;}
.ptag.m{color:var(--yb);}
.pinp{font-family:'Syne',sans-serif;font-size:13px;background:var(--bg2);border:1px solid var(--br);color:var(--tx);padding:6px 10px;outline:none;width:100%;}
.pinp:focus{border-color:var(--y);}
.psel{font-size:11px;background:var(--bg2);border:1px solid var(--br);color:var(--tx);padding:5px 8px;outline:none;width:100%;}
.prm{position:absolute;top:5px;right:7px;font-size:11px;color:var(--tx3);cursor:pointer;background:none;border:none;}
.prm:hover{color:var(--rd);}
.badd{background:transparent;border:1px dashed var(--br2);color:var(--tx3);padding:10px 14px;cursor:pointer;font-family:'Syne',sans-serif;font-size:11px;font-weight:600;transition:all .15s;align-self:flex-end;height:76px;}
.badd:hover{border-color:var(--y);color:var(--y);}

/* TABELAS ENTRADA */
.twrap{overflow-x:auto;margin-bottom:16px;}
.etbl{width:100%;border-collapse:collapse;min-width:600px;}
.etbl th{background:var(--bk);color:rgba(255,255,255,.65);font-size:9px;letter-spacing:1.5px;text-transform:uppercase;padding:9px 12px;font-weight:600;white-space:nowrap;}
.etbl th:first-child{text-align:left;width:38%;min-width:200px;max-width:380px;}
.etbl th.pth{text-align:right;min-width:90px;width:auto;}
.etbl th.mth{background:#2A2200;color:var(--yb);}
.etbl td{border-bottom:1px solid var(--br);}
.etbl td.lbl{padding:8px 12px;font-size:13px;color:var(--tx);font-weight:500;background:var(--sf2);border-right:2px solid var(--br2);width:38%;min-width:200px;max-width:380px;}
.etbl tr.sec td{background:var(--bg2);font-size:8px;letter-spacing:2px;text-transform:uppercase;color:var(--tx3);font-weight:700;padding:5px 12px;}
.etbl tr.sec td.lbl{background:var(--bg2);}
.etbl tr.comp td.lbl{background:#FFFDF0;color:#8A6000;font-weight:700;font-size:13px;}
body.pm .etbl tr.comp td.lbl{background:#1A1400;color:var(--yb);}
.etbl tr.comp td{background:#FFFDF0;}
body.pm .etbl tr.comp td{background:#141000;}
.etbl tr.tot td.lbl{background:var(--bk);color:var(--yb);font-weight:700;font-size:13px;}
.etbl tr.tot td{background:var(--bk);}
.etbl tr.ind td.lbl{padding-left:28px;color:var(--tx2);font-weight:400;}
.etbl tr:hover td{background:var(--bg2);}
.etbl tr.comp:hover td{background:#FFFDF0;}
body.pm .etbl tr.comp:hover td{background:#141000;}
.etbl tr.tot:hover td{background:#111;}

.ninp{font-family:'DM Mono',monospace;font-size:13px;background:transparent;border:none;outline:none;color:var(--tx);padding:8px 12px;text-align:right;width:100%;display:block;}
.ninp:focus{background:rgba(212,168,0,.08);color:var(--y);}
.ninp::placeholder{color:var(--br2);}
.cv{font-family:'DM Mono',monospace;font-size:13px;padding:8px 12px;text-align:right;color:#8A6000;font-weight:600;}
body.pm .cv{color:var(--yb);}
.cv.pos{color:var(--gn)!important;}.cv.neg{color:var(--rd)!important;}
.cv.ok{color:var(--gn)!important;font-size:11px;}.cv.err{color:var(--rd)!important;font-size:11px;}

/* KPI STRIP */
.kstrip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--br);border:1px solid var(--br);border-top:3px solid var(--yb);margin-bottom:20px;}
.kcard{background:var(--sf);padding:14px 13px;}
.klbl{font-size:8px;letter-spacing:2px;text-transform:uppercase;color:var(--tx3);margin-bottom:5px;font-weight:600;}
.kval{font-family:'DM Mono',monospace;font-size:22px;font-weight:500;line-height:1;color:var(--tx);}
.kval.pos{color:var(--gn);}.kval.neg{color:var(--rd);}.kval.warn{color:var(--or);}.kval.na{color:var(--tx3);font-size:14px;}
.ksub{font-size:9px;color:var(--tx3);margin-top:4px;font-family:'DM Mono',monospace;}

/* GRUPOS INDICADORES */
.grp{margin-bottom:20px;}
.ghdr{display:flex;align-items:flex-end;gap:11px;margin-bottom:9px;padding-bottom:7px;border-bottom:2px solid var(--tx);position:relative;}
.ghdr::after{content:'';position:absolute;bottom:-2px;left:0;width:28px;height:2px;background:var(--yb);}
.gnum{font-family:'DM Mono',monospace;font-size:8px;color:var(--y);letter-spacing:2px;}
.gtit{font-family:'Instrument Serif',serif;font-size:17px;color:var(--tx);}
.gdesc{margin-left:auto;font-size:10px;color:var(--tx3);font-family:'DM Mono',monospace;max-width:260px;text-align:right;line-height:1.5;}

/* TABELA INDICADORES */
.itbl{width:100%;border-collapse:collapse;font-size:12px;display:block;overflow-x:auto;}
.itbl th{background:var(--bk);color:rgba(255,255,255,.55);font-size:8px;letter-spacing:1.5px;text-transform:uppercase;padding:7px 11px;text-align:right;font-weight:600;white-space:nowrap;}
.itbl th:first-child{text-align:left;min-width:280px;}
.itbl th.mth{background:#2A2200;color:var(--yb);}
.itbl td{padding:7px 11px;border-bottom:1px solid var(--br);font-family:'DM Mono',monospace;text-align:right;color:var(--tx2);white-space:nowrap;font-size:12px;}
.itbl td:first-child{text-align:left;font-family:'Syne',sans-serif;font-size:12px;color:var(--tx);font-weight:500;background:var(--sf2);}
.itbl tr:hover td{background:var(--bg2);}
.itbl tr:hover td:first-child{background:var(--bg2);}
.itbl .pos{color:var(--gn);font-weight:600;}.itbl .neg{color:var(--rd);font-weight:600;}
.itbl .warn{color:var(--or);}.itbl .na{color:var(--tx3);}
.itbl tr.sec-row td{background:var(--bg2);font-family:'Syne',sans-serif;font-size:8px;letter-spacing:2px;text-transform:uppercase;color:var(--y);font-weight:700;padding:5px 11px;}

/* GRÁFICOS */
.charts2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px;}
.charts1{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:20px;}
.cc{background:var(--sf);border:1px solid var(--br);padding:16px;}
.cttl{font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--tx3);margin-bottom:13px;}
canvas{width:100%!important;}

/* QUADROS ANALISE */
.quadros{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px;}
.quadro{background:var(--sf);border:1px solid var(--br);padding:16px;}
.quadro-title{font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--y);margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--br);}
.qtbl{width:100%;border-collapse:collapse;font-size:11px;}
.qtbl th{background:var(--bk);color:rgba(255,255,255,.55);font-size:8px;letter-spacing:1px;text-transform:uppercase;padding:6px 10px;text-align:right;font-weight:600;}
.qtbl th:first-child{text-align:left;}
.qtbl th.mth{background:#2A2200;color:var(--yb);}
.qtbl td{padding:6px 10px;border-bottom:1px solid var(--br);font-family:'DM Mono',monospace;text-align:right;color:var(--tx2);font-size:11px;}
.qtbl td:first-child{text-align:left;font-family:'Syne',sans-serif;color:var(--tx);font-weight:500;}
.qtbl tr.tot-row td{font-weight:700;color:var(--tx);border-top:2px solid var(--br2);}
.qtbl tr.tot-row td:first-child{color:var(--y);}

/* SIMULADOR */
.sban{background:linear-gradient(135deg,rgba(212,168,0,.06),transparent);border:1px solid rgba(212,168,0,.25);padding:13px 16px;margin-bottom:18px;display:flex;align-items:center;gap:12px;}
.sban h3{font-size:12px;font-weight:700;color:var(--y);margin-bottom:2px;}.sban p{font-size:11px;color:var(--tx3);}
.ssel{display:flex;gap:7px;margin-bottom:14px;flex-wrap:wrap;}
.sbtn{font-family:'Syne',sans-serif;font-size:10px;font-weight:700;padding:6px 13px;cursor:pointer;background:var(--bg2);border:1px solid var(--br);color:var(--tx3);transition:all .15s;}
.sbtn.active{background:var(--yb);color:var(--bk);border-color:var(--yb);}
.sgrid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-bottom:14px;}
.scard{background:var(--sf);border:1px solid var(--br);padding:14px;}
.sctit{font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--tx3);margin-bottom:10px;padding-bottom:7px;border-bottom:1px solid var(--br);}
.sfld{display:flex;align-items:center;justify-content:space-between;padding:5px 0;border-bottom:1px solid var(--br);}
.sfld:last-child{border-bottom:none;}
.sflbl{font-size:12px;color:var(--tx2);}
.sorig{font-family:'DM Mono',monospace;font-size:9px;color:var(--tx3);margin-right:7px;}
.sinp{font-family:'DM Mono',monospace;font-size:12px;font-weight:500;background:var(--bg2);border:1px solid var(--br);color:var(--y);padding:5px 9px;width:120px;text-align:right;outline:none;}
.sinp:focus{border-color:var(--y);}
.sres{background:var(--sf);border:1px solid var(--br);border-top:2px solid var(--yb);padding:16px;}
.srtit{font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--y);margin-bottom:13px;}
.sinds{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}
.sind{text-align:center;padding:11px;background:var(--bg2);}
.silbl{font-size:9px;color:var(--tx3);margin-bottom:5px;letter-spacing:1px;}
.sival{font-family:'DM Mono',monospace;font-size:19px;font-weight:500;color:var(--tx);}
.sival.pos{color:var(--gn);}.sival.neg{color:var(--rd);}.sival.na{color:var(--tx3);}
.sidelta{font-family:'DM Mono',monospace;font-size:9px;margin-top:3px;color:var(--tx3);}

::-webkit-scrollbar{width:4px;height:4px;}
::-webkit-scrollbar-track{background:var(--bg2);}
::-webkit-scrollbar-thumb{background:var(--br2);}