/* base.css — replica o visual real da Central de Atendimento (index de produção).
   Paleta e tipografia extraídas do central_producao.html (tema ACARÁ, escuro). */
:root{
  --navy0:#04101f;--navy1:#0a1c38;--navy2:#0f2650;--navy3:#153264;
  --line:#1d3a68;--green:#7fc41c;--green2:#5fd400;--cyan:#3fd8ff;
  --txt:#eef3fb;--mut:#8fa3c4;--amber:#ffb324;--red:#ff5d5d;--roxo:#a78bfa;--purple:#a78bfa;
  --radius:12px}
/* ===== 11 temas trocáveis (portados da Central antiga) — "noturno" é o :root acima ===== */
[data-theme="fullblack"]{--navy0:#000;--navy1:#0b0b0b;--navy2:#131313;--navy3:#1d1d1d;--line:#2b2b2b;--txt:#f2f2f2;--mut:#9c9c9c}
[data-theme="claro"]{--navy0:#cbd6e4;--navy1:#e7edf5;--navy2:#f3f7fb;--navy3:#d2deee;--line:#93a8c4;--txt:#0e1c33;--mut:#41577a;--green:#256a00;--green2:#348a00;--cyan:#015a8d;--amber:#8f5800;--red:#b71c1c;--roxo:#5d3fb4;--purple:#5d3fb4}
[data-theme="brancorosa"]{--navy0:#efcede;--navy1:#f9e2ee;--navy2:#fdf0f7;--navy3:#efbcd6;--line:#c583a6;--txt:#38091f;--mut:#743a56;--green:#a3105a;--green2:#c2186b;--cyan:#8c0f5e;--amber:#8f5800;--red:#b71c1c;--roxo:#7d3fb4;--purple:#7d3fb4}
[data-theme="pretorosa"]{--navy0:#0c0309;--navy1:#160611;--navy2:#1e0917;--navy3:#2a0d20;--line:#4d1737;--txt:#ffe6f2;--mut:#c98cab;--green:#ff4fa3;--green2:#ff6fb5;--cyan:#ff8fc6;--amber:#ffb324;--red:#ff5d5d;--roxo:#d98bff;--purple:#d98bff}
[data-theme="azulclaro"]{--navy0:#dbe8f7;--navy1:#eaf2fb;--navy2:#f4f9ff;--navy3:#cfe0f4;--line:#9dbbdf;--txt:#0e2038;--mut:#41608a;--green:#1f7a3a;--green2:#2a9147;--cyan:#0a68a8;--amber:#8f5800;--red:#b71c1c;--roxo:#4a5fc4;--purple:#4a5fc4}
[data-theme="azulpreto"]{--navy0:#02050b;--navy1:#050a14;--navy2:#0a1322;--navy3:#0f1d33;--line:#16375f;--txt:#e9f3ff;--mut:#7e9bc6;--green:#3fa9ff;--green2:#66bcff;--cyan:#8fd2ff;--amber:#ffb324;--red:#ff5d5d;--roxo:#7fb0ff;--purple:#7fb0ff}
[data-theme="roxopreto"]{--navy0:#070312;--navy1:#0d0722;--navy2:#150c31;--navy3:#1e1244;--line:#3d2a78;--txt:#efe9ff;--mut:#a291d4;--green:#a78bfa;--green2:#bfa3ff;--cyan:#8f7bff;--amber:#ffc14d;--red:#ff6d8d;--roxo:#d0b3ff;--purple:#d0b3ff}
[data-theme="floresta"]{--navy0:#03130a;--navy1:#082013;--navy2:#0d2c1b;--navy3:#123a24;--line:#1f5c39;--txt:#eafff2;--mut:#82b096;--green:#7fe08a;--green2:#9df0a6;--cyan:#4fd8b0;--amber:#ffcb54;--red:#ff6d6d;--roxo:#a3e0c4;--purple:#a3e0c4}
[data-theme="terra"]{--navy0:#140b03;--navy1:#221206;--navy2:#2e1a0a;--navy3:#3c2410;--line:#61411f;--txt:#fff3e0;--mut:#c49c6d;--green:#f4a825;--green2:#ffc14d;--cyan:#ffd88f;--amber:#ffb324;--red:#ff6d5d;--roxo:#e0b48a;--purple:#e0b48a}
[data-theme="cyber"]{--navy0:#04040e;--navy1:#090919;--navy2:#0e0e24;--navy3:#151538;--line:#28285e;--txt:#eaf6ff;--mut:#8f9ad0;--green:#00e5a0;--green2:#3ff5b8;--cyan:#00d4ff;--amber:#ffd034;--red:#ff4f7d;--roxo:#ff4fd8;--purple:#ff4fd8}
[data-theme="diadospais"]{--navy0:#020a1a;--navy1:#08183a;--navy2:#0e2657;--navy3:#143576;--line:#1c4a8f;--txt:#eaf3ff;--mut:#8fb0e0;--green:#3f8cff;--green2:#5ba6ff;--cyan:#7fd0ff;--amber:#ffc24d;--red:#ff6d7d;--roxo:#8fb6ff;--purple:#8fb6ff}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:var(--navy0);color:var(--txt);font:14px/1.45 'Segoe UI',system-ui,Arial,sans-serif;min-height:100vh}
a{color:var(--cyan)}
button,input,select,textarea{font:inherit;color:inherit}
input,select,textarea{background:var(--navy2);border:1px solid var(--line);border-radius:8px;padding:9px 12px;width:100%;color:var(--txt)}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--green)}
textarea{min-height:80px;resize:vertical}
label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--mut);margin-bottom:4px}
.btn{background:var(--navy2);border:1px solid var(--line);color:var(--txt);padding:9px 16px;border-radius:8px;cursor:pointer;transition:.15s;font-size:13px}
.btn:hover{border-color:var(--green);color:var(--green)} .btn:disabled{opacity:.5;cursor:default}
.btn.green{background:linear-gradient(135deg,var(--green2),var(--green));border:none;color:#06121f;font-weight:800}
.btn.green:hover{color:#06121f;filter:brightness(1.05)}
.btn.red{background:rgba(255,93,93,.15);border-color:rgba(255,93,93,.4);color:var(--red)}
.btn.red:hover{border-color:var(--red);color:var(--red)}
.btn.sm{padding:6px 10px;font-size:12px}
.chip{padding:7px 12px;border-radius:20px;border:1px solid var(--line);background:var(--navy2);color:var(--mut);font-size:12px;font-weight:600;cursor:pointer;transition:.15s}
.chip:hover{color:var(--txt);border-color:var(--mut)}
.chip.on{background:linear-gradient(135deg,var(--green2),var(--green));color:#06121f;border:none}
.hide{display:none!important}
.card{background:var(--navy1);border:1px solid var(--line);border-radius:var(--radius);padding:16px;position:relative}
.card h3{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:var(--green);margin:0 0 12px;display:flex;justify-content:space-between;align-items:center;gap:8px}
.mut{color:var(--mut)} .small{font-size:12px}
/* ===== TOPO: cabeçalho + barra de grupos + sub-barra de abas (réplica da Central antiga) ===== */
#topo{position:sticky;top:0;z-index:6;background:var(--navy0)}
/* linha 1: cabeçalho */
.hdr{display:flex;align-items:center;gap:14px;padding:10px 20px;background:var(--navy1);border-bottom:1px solid var(--line)}
.hdr img.logo{height:36px;width:auto;display:block}
.hdr .ttl{font-weight:800;letter-spacing:.3px;font-size:15px;text-transform:uppercase;color:var(--txt)}
.hdr-right{margin-left:auto;display:flex;align-items:center;gap:8px}
.polotag{display:inline-flex;align-items:center;gap:7px;font-weight:800;font-size:13px;color:var(--green);border:1px solid var(--green);border-radius:8px;padding:6px 14px;letter-spacing:.5px}
.polobar{display:flex;gap:6px;flex-wrap:wrap}
.polobar button{background:var(--navy2);border:1px solid var(--line);color:var(--mut);border-radius:8px;padding:6px 12px;font-size:12px;font-weight:700;cursor:pointer;letter-spacing:.3px}
.polobar button:hover{color:var(--txt);border-color:var(--mut)}
.polobar button.on{color:var(--green);border-color:var(--green);background:rgba(127,196,28,.1)}
.uchip{display:inline-flex;align-items:center;gap:7px;background:var(--navy2);border:1px solid var(--line);border-radius:8px;padding:6px 12px;font-size:12px;color:var(--txt);cursor:default}
button.uchip{cursor:pointer}
.clock{font-family:ui-monospace,Consolas,monospace;font-weight:800;letter-spacing:1.5px;font-size:18px}
.cloud{color:var(--green);font-weight:700}
.cloud i{width:8px;height:8px;border-radius:50%;background:var(--green);display:inline-block}
.nbadge{background:var(--red);color:#fff;font-size:10px;font-weight:800;min-width:16px;height:16px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;padding:0 4px;margin-left:2px}
.badge{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;padding:2px 8px;border-radius:10px;background:rgba(127,196,28,.15);color:var(--green);border:1px solid rgba(127,196,28,.4)}
.badge.gestor{background:rgba(167,139,250,.15);color:var(--roxo);border-color:rgba(167,139,250,.4)}
/* menu de tema */
.themedot{position:relative}
.themedot>button{width:34px;height:34px;border-radius:50%;border:2px solid var(--line);cursor:pointer;background:conic-gradient(#7fc41c,#3fd8ff,#a78bfa,#ff5d5d,#ffb324,#7fc41c)}
.thememenu{position:absolute;right:0;top:42px;background:var(--navy1);border:1px solid var(--line);border-radius:10px;padding:6px;max-height:340px;overflow:auto;z-index:20;box-shadow:0 12px 40px rgba(0,0,0,.5);min-width:190px}
.thopt{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;cursor:pointer;font-size:13px;color:var(--txt)}
.thopt:hover{background:var(--navy3)}
.thopt.on{outline:1px solid var(--green)}
.thopt i{width:15px;height:15px;border-radius:4px;border:1px solid rgba(255,255,255,.2);display:inline-block}
/* engrenagem (Temas · Edição · Servidor · Sair) — substitui o botão Sair e a bolinha de tema */
.engdot{position:relative}
.uchip.eng{padding:6px 10px;min-height:34px}
.uchip.eng .ico{width:18px;height:18px;display:block}
.uchip.eng.on,.uchip.eng[aria-expanded="true"]{border-color:var(--green);color:var(--green)}
.engmenu{position:absolute;right:0;top:42px;width:380px;max-width:calc(100vw - 24px);background:var(--navy1);border:1px solid var(--line);border-radius:12px;padding:8px;z-index:25;box-shadow:0 18px 50px rgba(0,0,0,.55);display:flex;flex-direction:column;gap:3px;max-height:calc(100vh - 70px);overflow:auto;text-align:left}
.engmenu h5{margin:0;padding:8px 10px 4px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:var(--mut)}
.engmenu .sep{height:1px;background:var(--line);margin:4px 6px}
.engmenu a,.engmenu span.off,.engmenu button.sair{display:flex;align-items:center;gap:10px;padding:10px;border-radius:8px;color:var(--txt);font-size:13px;font-weight:600;min-height:40px;text-decoration:none;background:none;border:none;cursor:pointer;width:100%;font-family:inherit}
.engmenu a:hover,.engmenu button.sair:hover{background:var(--navy3)}
.engmenu a.on{color:var(--green)}
.engmenu a svg,.engmenu span.off svg,.engmenu button.sair svg{width:16px;height:16px;flex:none;color:var(--mut)}
.engmenu a.on svg{color:var(--green)}
.engmenu span.off{color:var(--mut);opacity:.5;cursor:not-allowed}
.engmenu span.off::after{content:'em breve';font-size:9px;margin-left:auto;text-transform:uppercase;letter-spacing:.5px}
.engmenu button.sair{color:var(--red)} .engmenu button.sair svg{color:var(--red)}
.engmenu .temas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:0 6px 4px}
.engmenu .temas .thopt{flex-direction:column;gap:6px;padding:8px 4px;font-size:10px;color:var(--mut);background:var(--navy2);border:1px solid var(--line);border-radius:8px;min-height:54px;text-align:center;justify-content:center;font-family:inherit;cursor:pointer}
.engmenu .temas .thopt i{width:22px;height:22px;border-radius:50%;border:2px solid var(--line)}
.engmenu .temas .thopt.on{border-color:var(--green);color:var(--txt);outline:none}
.engmenu .temas .thopt.on i{border-color:var(--green)}
@media(max-width:760px){
  .engmenu{position:fixed;left:0;right:0;top:auto;bottom:0;width:auto;max-width:none;border-radius:14px 14px 0 0;max-height:82vh;padding:10px 10px 18px}
  .engmenu .temas{grid-template-columns:repeat(3,minmax(0,1fr))}
  body.eng-aberta::before{content:'';position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:24}
  /* cabeçalho no celular: quebra em linhas em vez de estourar a largura */
  .hdr{flex-wrap:wrap;gap:8px;padding:8px 12px}
  .hdr .ttl{font-size:13px}
  .hdr-right{margin-left:0;width:100%;flex-wrap:wrap;gap:6px}
  .hdr-right .clock{font-size:14px;letter-spacing:1px}
  .grupos,.abas{padding-left:12px;padding-right:12px}
}
/* painel de notificações */
.notifpanel{position:absolute;right:0;top:42px;background:var(--navy1);border:1px solid var(--line);border-radius:10px;width:320px;max-height:400px;overflow:auto;z-index:20;box-shadow:0 12px 40px rgba(0,0,0,.5)}
.notifpanel .ni{padding:10px 12px;border-bottom:1px solid var(--line);font-size:12px}
.notifpanel .ni.nova{background:rgba(127,196,28,.07)}
.notifpanel .ni small{color:var(--mut);display:block;margin-top:2px}
.notifpanel .vazio{padding:20px;text-align:center;color:var(--mut);font-size:12px}
/* linha 2: barra de grupos */
.grupos{display:flex;gap:6px;flex-wrap:wrap;padding:8px 20px;background:var(--navy1);border-bottom:1px solid var(--line)}
.grupos button{background:var(--navy2);border:1px solid var(--line);color:var(--mut);border-radius:8px;padding:9px 16px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;cursor:pointer}
.grupos button:hover{color:var(--txt)}
.grupos button.on{background:linear-gradient(135deg,var(--green2),var(--green));color:#06121f;border:none}
/* linha 3: sub-barra de abas */
.abas{display:flex;gap:2px;flex-wrap:wrap;padding:0 20px;background:var(--navy0);border-bottom:1px solid var(--line)}
.abas a,.abas span{display:inline-flex;align-items:center;color:var(--mut);text-decoration:none;padding:11px 16px;font-size:13px;font-weight:600;border-bottom:2px solid transparent}
.abas a:hover{color:var(--txt)}
.abas a.on{color:var(--green);border-bottom-color:var(--green)}
.abas span.off{color:var(--mut);opacity:.45;cursor:not-allowed}
.abas span.off::after{content:'em breve';font-size:9px;margin-left:6px;opacity:.7;text-transform:uppercase;letter-spacing:.5px}
.wrap{padding:18px 24px;max-width:1600px;margin:0 auto}
/* kpis */
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:12px;margin-bottom:16px}
.kpi{background:var(--navy1);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;overflow:hidden;position:relative}
.kpi .v{font-size:28px;font-weight:800;letter-spacing:-.5px;color:var(--kc,var(--txt))}
.kpi .l{font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:var(--mut);margin-top:2px}
/* filtros */
.filters{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;background:var(--navy1);border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px;margin-bottom:16px}
.fg{min-width:130px;flex:0 1 auto}
/* tabela — cabeçalho verde sobre navy2, fixo no topo (igual à Central antiga) */
.tbl-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;flex-wrap:wrap}
.tbl-top h3{margin:0}
.tblwrap{overflow:auto;max-height:70vh;border:1px solid var(--line);border-radius:var(--radius);background:var(--navy1)}
table{width:100%;border-collapse:collapse;font-size:13px}
th{background:var(--navy2);color:var(--green);text-align:left;padding:8px 12px;font-size:10px;text-transform:uppercase;letter-spacing:.7px;position:sticky;top:0;z-index:2;white-space:nowrap}
td{padding:8px 12px;border-top:1px solid var(--line);vertical-align:middle}
tr[data-id]{cursor:pointer} tr[data-id]:hover td{background:rgba(127,196,28,.06)}
td.empty{text-align:center;color:var(--mut);padding:30px}
.pill{font-size:10px;text-transform:uppercase;letter-spacing:.5px;padding:3px 8px;border-radius:999px;white-space:nowrap}
.p-and{background:rgba(255,179,36,.15);color:var(--amber)} .p-fec{background:rgba(127,196,28,.15);color:var(--green)} .p-rea{background:rgba(63,216,255,.15);color:var(--cyan)}
.canal{font-weight:700;font-size:12px}
/* modal */
#modalRoot{position:fixed;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;padding:20px;z-index:20}
.modal{background:var(--navy1);border:1px solid var(--line);border-radius:14px;padding:22px;width:100%;max-width:820px;max-height:92vh;overflow:auto;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.modal h2{margin:0 0 12px;font-size:18px;display:flex;align-items:center;gap:10px}
.modal .x{margin-left:auto;background:none;border:none;color:var(--mut);font-size:22px;cursor:pointer;line-height:1}
.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.det dt{font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:var(--mut);margin-top:10px} .det dd{margin:2px 0 0;white-space:pre-wrap}
.hist{font-size:12px;color:var(--mut);border-left:2px solid var(--line);padding-left:10px;margin-top:6px}
/* toast */
#toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:var(--navy2);border:1px solid var(--line);color:var(--txt);padding:10px 16px;border-radius:10px;opacity:0;transition:.2s;pointer-events:none;z-index:30;max-width:90vw}
#toast.on{opacity:1} #toast.erro{border-color:var(--red);color:var(--red)}
/* formulário de atendimento (idêntico à Central antiga) */
.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
.form-grid .full{grid-column:1/-1}
.form-grid textarea{min-height:64px;resize:vertical}
details.chatbox{grid-column:1/-1;border:1px dashed var(--line);border-radius:8px;padding:10px}
details.chatbox summary{cursor:pointer;color:var(--cyan);font-size:13px;font-weight:600}
details.chatbox textarea{margin-top:10px;min-height:110px;font-family:ui-monospace,Consolas,monospace;font-size:12px}
.form-actions{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}
.pos-check{display:flex;align-items:center;gap:9px;text-transform:none;letter-spacing:0;font-size:13px;
  color:var(--txt);border:1px dashed var(--line);border-radius:8px;padding:10px;cursor:pointer;margin:0}
.pos-check input{width:auto;transform:scale(1.25)}
.pos-check small{color:var(--mut)}
.card h3 small{font-size:10px;font-weight:400;text-transform:none;letter-spacing:0;color:var(--mut)}
@media(max-width:760px){.form-grid{grid-template-columns:1fr 1fr;gap:10px}.form-actions .btn{flex:1 1 auto;padding:12px;min-height:44px}}
@media(max-width:480px){.form-grid{grid-template-columns:1fr}}
/* autocomplete de cliente (visual da Central antiga) */
.mk-ac .it{padding:8px 11px;cursor:pointer;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:10px;align-items:center}
.mk-ac .it:last-child{border-bottom:none}
.mk-ac .it:hover,.mk-ac .it.sel{background:var(--navy2)}
.mk-ac .it .nm{font-weight:600;font-size:13px}
.mk-ac .it .lg{font-size:11px;color:var(--mut)}
.mk-ac .it .tg{font-size:10px;font-weight:700;padding:1px 7px;border-radius:10px;white-space:nowrap}
.mk-ac .foot{padding:6px 11px;font-size:11px;color:var(--mut);text-align:center}
/* autocomplete */
.ac{position:relative}
.ac-list{position:absolute;left:0;right:0;top:100%;background:var(--navy1);border:1px solid var(--line);border-top:none;border-radius:0 0 8px 8px;max-height:260px;overflow:auto;z-index:60;display:none;box-shadow:0 14px 30px -10px rgba(0,0,0,.6)}

@media(max-width:760px){.topo{padding:10px 14px}.topo nav{margin-left:8px}.wrap{padding:14px}.filters{flex-direction:column;align-items:stretch}.fg{width:100%}.modal{padding:16px}}
/* chips de atendentes (participantes/atrelados) */
.parts{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.parts .chip{display:inline-flex;align-items:center;gap:6px;background:var(--navy2);border:1px solid var(--line);color:var(--txt);padding:4px 6px 4px 10px;border-radius:999px;font-size:12px;font-weight:600}
.parts .chip button{background:none;border:none;color:var(--mut);cursor:pointer;font-size:14px;line-height:1;padding:0 2px}
.parts .chip button:hover{color:var(--red)}
.parts select{width:auto;min-width:220px}

/* ===== copiado da Central antiga: tabelas padrão, pills, quadro do pós, impressão ===== */
.tbl-wrap{max-height:460px;overflow:auto;border-radius:8px;border:1px solid var(--line)}
.tbl-wrap.slim{max-height:220px} .tbl-wrap.slim2{max-height:320px}
.tbl-wrap table{width:100%;border-collapse:collapse;font-size:13px}
.tbl-wrap th{background:var(--navy2);color:var(--green);text-align:left;padding:8px 12px;font-size:10px;text-transform:uppercase;letter-spacing:.7px;position:sticky;top:0;z-index:2}
.tbl-wrap td{padding:8px 12px;border-top:1px solid var(--line);vertical-align:middle}
.tbl-wrap tbody tr{cursor:pointer} .tbl-wrap tbody tr:hover{background:rgba(127,196,28,.05)}
.p-crise{background:rgba(255,93,93,.16);color:var(--red)}
tr.pos-vermelho td{background:rgba(255,93,93,.10)}
tr.pos-vermelho td:first-child{border-left:3px solid var(--red)}
tr.pos-amarelo td{background:rgba(255,179,36,.09)}
tr.pos-amarelo td:first-child{border-left:3px solid var(--amber)}
.uso{font-size:11px;color:var(--mut)}
#printRoot{display:none}

/* ===== crise (copiado da Central antiga) ===== */
#criseBanner{background:linear-gradient(90deg,var(--crise-ban1,#3d0f14),var(--crise-ban2,#59151c));border-bottom:2px solid var(--red);
  color:var(--crise-ban-ink,#ffd9d9);padding:10px 24px;font-size:13px;text-align:center;animation:pulseCrise 2.4s ease-in-out infinite}
#criseBanner b{color:var(--crise-strong,#fff)}
@keyframes pulseCrise{0%,100%{box-shadow:inset 0 0 0 rgba(255,93,93,0)}50%{box-shadow:inset 0 -14px 26px -18px rgba(255,93,93,.85)}}
.crise-card{background:var(--navy1);border:1px solid rgba(255,93,93,.5);border-left:4px solid var(--red);
  border-radius:var(--radius);padding:14px 16px;box-shadow:0 0 26px -10px rgba(255,93,93,.55)}
.crise-card .cc-h{display:flex;align-items:center;gap:10px;font-size:15px;flex-wrap:wrap}
.crise-card .cc-meta{font-size:12px;color:var(--mut);margin-top:4px}
.crise-card .cc-acao{margin-top:8px;font-size:13px;background:var(--navy2);border:1px solid var(--line);
  border-radius:8px;padding:8px 10px;line-height:1.6}
.crise-card .cc-acao b{color:var(--green)}
.crise-card .cc-desc{font-size:13px;color:var(--txt);margin-top:8px}
.crise-card .cc-fases{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:10px}
.eq-chip{display:inline-flex;align-items:center;gap:5px;background:var(--navy3);border:1px solid var(--line);
  border-radius:14px;padding:3px 9px;font-size:12px;margin:2px 4px 2px 0}
.eq-chip small{color:var(--mut)}
.eq-x{background:none;border:none;color:var(--mut);font-size:14px;line-height:1;cursor:pointer;padding:0 2px}
.eq-x:hover{color:var(--red)}

/* ===== mapa da rede (copiado da Central antiga) ===== */
#mapa{height:460px;border-radius:10px;overflow:hidden;border:1px solid var(--line);background:var(--navy0);z-index:1}
.leaflet-container{background:var(--navy0);font-family:inherit}
.leaflet-popup-content-wrapper,.leaflet-tooltip{background:var(--navy1);color:var(--txt);border:1px solid var(--line);box-shadow:0 8px 24px rgba(0,0,0,.5)}
.leaflet-popup-tip{background:var(--navy1);border:1px solid var(--line)}
.map-tip{background:var(--navy1)!important;color:var(--txt)!important;border:1px solid var(--line)!important;
  font-size:11px;padding:2px 7px;border-radius:6px}
.leaflet-tooltip-top:before{border-top-color:var(--line)}
.leaflet-bar a{background:var(--navy1);color:var(--txt);border-bottom:1px solid var(--line)}
.leaflet-bar a:hover{background:var(--navy3)}
.leaflet-control-attribution{background:rgba(6,19,43,.7)!important;color:var(--mut)!important;font-size:9px}
.leaflet-control-attribution a{color:var(--cyan)!important}
.map-tools{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.mmode.on{border-color:var(--green);color:var(--green);box-shadow:0 0 10px rgba(127,196,28,.25)}
.map-legend{display:flex;gap:16px;margin-top:9px;font-size:11px;color:var(--mut);flex-wrap:wrap;align-items:center}
.map-legend label{display:flex;align-items:center;gap:6px;text-transform:none;letter-spacing:0;margin:0;cursor:pointer;font-size:11px;color:var(--txt)}
.map-legend input{width:auto}
.mp-red{animation:mpR 1.5s ease-in-out infinite}
@keyframes mpR{0%,100%{fill-opacity:.85;stroke-opacity:1}50%{fill-opacity:.25;stroke-opacity:.4}}
.mp-amber{animation:mpA 2.1s ease-in-out infinite}
@keyframes mpA{0%,100%{fill-opacity:.8}50%{fill-opacity:.3}}
.mp-glow{filter:drop-shadow(0 0 2px currentColor)} /* glow reduzido — o efeito forte pesava na renderização */
@media(max-width:768px){#mapa{height:340px}}
.eq-membros{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:6px;
  background:var(--navy2);border:1px solid var(--line);border-radius:8px;padding:10px}
.eq-check{display:flex;align-items:center;gap:8px;font-size:13px;text-transform:none;color:var(--txt);
  letter-spacing:0;cursor:pointer;margin:0}
.eq-check input{width:auto}
.tileSel{position:absolute;top:10px;right:10px;z-index:1000}
.tileSel select{background:var(--navy2);color:var(--txt);border:1px solid var(--line);
  border-radius:8px;padding:5px 8px;font-size:11px;font-family:inherit;box-shadow:0 4px 14px rgba(0,0,0,.35)}

/* ===== Painel MK (copiado da Central antiga) ===== */
.kpi .d{font-size:12px;color:var(--mut);margin-top:3px}
.kpi .d b{color:var(--txt)}
.grid.g3{display:grid;gap:12px;margin-bottom:16px}
.g3{grid-template-columns:repeat(3,1fr)}
@media(max-width:980px){.g3{grid-template-columns:1fr}}
.card2{background:var(--navy1);border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px}
.kpi{transition:transform .15s,border-color .15s}
.kpi-click{cursor:pointer}
.kpi-click:hover{transform:translateY(-2px);border-color:var(--kc,var(--cyan))}
.kpi-click::after{content:"›";position:absolute;top:8px;right:10px;color:var(--mut);font-size:16px;opacity:.6}
.chart-box{position:relative;height:270px}

/* ===== RECUPERAÇÕES (copiado da Central antiga) ===== */
/* KPIs da aba Recuperações: menores, centralizados, com barra colorida no topo */
#rcKpis{max-width:1120px;margin-left:auto;margin-right:auto;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
#rcKpis .rckpi{background:var(--navy1);border:1px solid var(--line);border-radius:12px;padding:13px 14px 11px;position:relative;overflow:hidden;text-align:center}
#rcKpis .rckpi::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--kc,var(--green))}
#rcKpis .rckpi small{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--mut)}
#rcKpis .rckpi b{display:block;font-size:23px;font-weight:800;line-height:1.05;margin-top:5px;color:var(--kc,var(--txt))}
#rcKpis .rckpi .uso{display:block;font-size:11px;color:var(--mut);margin-top:4px}
.rec-board{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start;padding-bottom:6px}
.rec-col{flex:1 1 250px;min-width:230px;max-width:380px;background:var(--navy2);border:1px solid var(--line);border-radius:12px;padding:10px}
.rec-col h4{font-size:12px;letter-spacing:.6px;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center;gap:6px}
.rec-mini{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:8px}
.rec-mini span{font-size:9px;padding:2px 7px;border-radius:10px;border:1px solid}
.rec-card{border:1px solid var(--line);border-left:4px solid var(--rc,#8aa2c8);border-radius:9px;
  background:var(--navy1);padding:8px 10px;margin-bottom:8px;cursor:pointer;transition:.15s}
.rec-card:hover{border-color:var(--rc,#8aa2c8)}
.rec-card b{display:block;font-size:12px;margin-bottom:2px}
.rec-card .uso{font-size:10px}
.rec-card select{margin-top:6px;font-size:11px;padding:4px 6px}
.rec-eleg{display:inline-block;font-size:9px;padding:1px 7px;border-radius:9px;
  background:var(--green)22;color:var(--green);border:1px solid var(--green)66;margin-left:5px}
@media(max-width:820px){.rec-col{min-width:220px}}

.empty{padding:26px;text-align:center;color:var(--mut)}
.btn.danger:hover{border-color:var(--red);color:var(--red)}

/* ===== ESTOQUE / CANCELAMENTOS (copiado da Central antiga) ===== */
.estq-wrap{display:flex;gap:14px;align-items:flex-start}
#estqSide{width:235px;flex-shrink:0;max-height:72vh;overflow:auto;display:flex;flex-direction:column;gap:8px;padding-right:4px}
.estq-lista{border:1px solid var(--line);border-left:5px solid var(--lc,#3fd8ff);border-radius:10px;
  padding:10px 12px;cursor:pointer;background:var(--navy2);transition:.15s}
.estq-lista:hover{border-color:var(--lc,#3fd8ff)}
.estq-lista.on{background:var(--navy3);outline:1px solid var(--lc,#3fd8ff)}
.estq-lista b{display:block;font-size:12px}
.estq-lista small{color:var(--mut);font-size:10px}
#estqMain{flex:1;min-width:0}
.qtd-badge{font-weight:800;font-size:15px}
@media(max-width:820px){.estq-wrap{flex-direction:column}#estqSide{width:100%;max-height:200px;flex-direction:row;flex-wrap:wrap}.estq-lista{flex:1;min-width:140px}}

.fillbar{height:14px;border-radius:9px;background:var(--navy2);border:1px solid var(--line);overflow:hidden}
.fillbar .fill{height:100%;width:0;border-radius:9px;background:linear-gradient(90deg,var(--green),var(--green2));transition:width .5s ease}
.fillbar .fill.amber{background:linear-gradient(90deg,var(--amber),#ffd27a)}
.grid{display:grid;gap:12px;margin-bottom:16px}
.g2{grid-template-columns:1.4fr 1fr}
@media(max-width:980px){.g2{grid-template-columns:1fr}}

/* ===== CENTRAL DE REGISTRO (copiado da Central antiga) ===== */
.cad-add{display:flex;gap:8px;margin-bottom:10px}
.cad-add input{flex:1}
.cad-item{display:flex;align-items:center;gap:8px;padding:9px 8px;border-top:1px solid var(--line)}
.cad-item .nm{flex:1;font-weight:600}
.cad-item .uso{font-size:11px;color:var(--mut);white-space:nowrap}
.cad-list{max-height:430px;overflow:auto}
.badge.atendente{background:rgba(63,216,255,.12);color:var(--cyan);border:1px solid rgba(63,216,255,.35)}
.cad-item{flex-wrap:wrap}