/* Bravura Radar · tokens e componentes do design-system.md / referencia.html (só o que a fase 1 usa) */

:root{
  --bg:#F4F5F7; --surface:#FFF; --sidebar:#1E2226; --sidebar-2:#272C31;
  --ink:#1E2226; --ink-2:#5B6470; --ink-3:#9AA2AD; --line:#E6E8EC;
  --cyan:#06B6D4; --cyan-d:#0891B2; --cyan-bg:#E0F7FB;
  --green:#15803D; --green-bg:#E7F5EC;
  --amber:#B45309; --amber-bg:#FBF0DE;
  --red:#B91C1C; --red-bg:#FBEAEA;
  --violet:#5B4FC7; --violet-bg:#EDEBFB;
  --r:16px;
  --shadow:0 1px 2px rgba(16,24,40,.06),0 4px 14px rgba(16,24,40,.05);
}
*{margin:0;padding:0;box-sizing:border-box;}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;}}
body{background:var(--bg);color:var(--ink);font-family:'Inter',sans-serif;font-size:14.5px;line-height:1.5;-webkit-font-smoothing:antialiased;}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;}
input,select,textarea{font-family:inherit;font-size:14px;color:var(--ink);}
a{color:inherit;}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:2px;}
.msym{font-family:'Material Symbols Outlined';font-weight:400;font-size:21px;line-height:1;vertical-align:middle;}

/* ===== login ===== */
.login{position:fixed;inset:0;background:var(--sidebar);display:flex;align-items:center;justify-content:center;z-index:500;padding:20px;}
.login-card{background:var(--surface);border-radius:22px;padding:36px 34px;max-width:360px;width:100%;box-shadow:0 30px 80px rgba(0,0,0,.4);}
.login-logo{display:flex;align-items:center;gap:12px;margin-bottom:22px;}
.login-logo .logo-mark{width:42px;height:42px;border-radius:12px;background:var(--cyan);color:#fff;display:grid;place-items:center;font-weight:800;font-size:19px;}
.login-sub{display:block;color:var(--ink-3);font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;}
.login-nota{font-size:11.5px;color:var(--ink-3);margin-top:14px;text-align:center;}
.login-erro{background:var(--red-bg);color:var(--red);border-radius:11px;padding:10px 14px;font-size:13px;font-weight:600;margin-bottom:14px;}

/* ===== layout ===== */
.app{display:grid;grid-template-columns:236px 1fr;min-height:100vh;}
.sidebar{background:var(--sidebar);color:#C8CDD3;padding:22px 14px;display:flex;flex-direction:column;gap:6px;position:sticky;top:0;height:100vh;}
.logo{display:flex;align-items:center;gap:10px;padding:4px 10px 20px;}
.logo-mark{width:34px;height:34px;border-radius:10px;background:var(--cyan);color:#fff;display:grid;place-items:center;font-weight:800;font-size:16px;}
.logo-txt{font-weight:700;color:#fff;font-size:15px;}
.logo-txt small{display:block;font-weight:600;font-size:10.5px;color:#8B939C;letter-spacing:.12em;text-transform:uppercase;}
.nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:11px 12px;border-radius:11px;font-weight:500;font-size:14px;color:#B7BEC6;transition:background .12s;position:relative;text-decoration:none;}
.nav-item:hover{background:var(--sidebar-2);}
.nav-item.ativa{background:rgba(6,182,212,.16);color:#67E0F1;}
.sidebar-fim{margin-top:auto;display:flex;flex-direction:column;gap:6px;}
.user-chip{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:11px;background:var(--sidebar-2);}
.user-av{width:30px;height:30px;border-radius:999px;background:#3A4148;color:#fff;display:grid;place-items:center;font-size:12px;font-weight:700;flex:none;}
.user-chip small{display:block;color:#8B939C;font-size:11px;}
.sair-btn{margin-left:auto;color:#8B939C;width:30px;height:30px;border-radius:999px;display:grid;place-items:center;flex:none;}
.sair-btn:hover{color:#fff;background:#3A4148;}

.main-wrap{display:flex;flex-direction:column;min-width:0;}
.topbar{display:flex;align-items:center;gap:10px;padding:14px 30px 0;position:relative;}
.selo{display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:var(--ink-2);background:var(--surface);border-radius:999px;padding:8px 14px;box-shadow:var(--shadow);}
.selo .dot{width:8px;height:8px;border-radius:999px;background:var(--green);transition:.2s;}
.selo.salvando .dot{background:var(--amber);}
.selo.erro .dot{background:var(--red);}
.selo.erro{color:var(--red);}
.topbar .esp{flex:1;}
.icone-btn{width:40px;height:40px;border-radius:12px;background:var(--surface);box-shadow:var(--shadow);display:grid;place-items:center;color:var(--ink-2);position:relative;}
.icone-btn:hover{color:var(--ink);}

main{padding:16px 30px 90px;max-width:1180px;width:100%;}
.topo{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;}
.topo h1{font-size:21px;font-weight:700;}
.topo .sub{color:var(--ink-2);font-size:13.5px;margin-top:2px;}

/* ===== primitivos ===== */
.card{background:var(--surface);border-radius:var(--r);box-shadow:var(--shadow);}
.pill{display:inline-flex;align-items:center;gap:5px;border-radius:999px;font-size:12px;font-weight:600;padding:3px 11px;white-space:nowrap;}
.pill.calib{background:var(--violet-bg);color:var(--violet);}
.pill.cat{background:#EEF0F3;color:var(--ink-2);font-weight:500;}
.pill.confirmado{background:var(--green-bg);color:var(--green);font-size:11px;}
.pill.inferido{background:var(--amber-bg);color:var(--amber);font-size:11px;}
.pill.relato{background:var(--violet-bg);color:var(--violet);font-size:11px;}
.pill.st-mon{background:#EEF0F3;color:var(--ink-2);}
.pill.st-aq{background:var(--amber-bg);color:var(--amber);}
.pill.st-op{background:var(--cyan-bg);color:var(--cyan-d);}
.pill.st-pin{background:var(--cyan-bg);color:var(--cyan-d);}
.pill.st-ativa{background:var(--violet-bg);color:var(--violet);}
.pill.st-cliente{background:var(--green-bg);color:var(--green);}
.pill.st-arq{background:#EEF0F3;color:var(--ink-3);}
.pill.agora{background:var(--cyan);color:#fff;}
.pill.observar{background:#EEF0F3;color:var(--ink-2);}
.pill.projeto{background:var(--ink);color:#fff;}
.pill.porte{background:var(--cyan-bg);color:var(--cyan-d);}
.pill.pin{background:var(--cyan-bg);color:var(--cyan-d);}
.pill.vitrine{background:var(--green-bg);color:var(--green);}
.pill.nda{background:#EEF0F3;color:var(--ink-3);}
.pill.territorio{background:var(--amber-bg);color:var(--amber);}
.pill.etiqueta{background:var(--amber-bg);color:var(--amber);font-size:11px;}
.pill.vencido{background:var(--red-bg);color:var(--red);}
.pill.derivada{background:#EEF0F3;color:var(--ink-2);border:1.5px dashed var(--ink-3);}
.btn{display:inline-flex;align-items:center;gap:7px;border-radius:999px;font-weight:600;font-size:13.5px;padding:9px 18px;transition:.12s;text-decoration:none;}
.btn.primario{background:var(--cyan);color:#fff;}
.btn.primario:hover{background:var(--cyan-d);}
.btn.primario:disabled{opacity:.6;cursor:default;}
.btn.escuro{background:var(--ink);color:#fff;}
.btn.escuro:hover{background:#000;}
.btn.contorno{border:1.5px solid var(--line);color:var(--ink-2);background:var(--surface);}
.btn.contorno:hover{border-color:var(--ink-2);color:var(--ink);}
.btn.mini{font-size:12.5px;padding:6px 13px;}
.escondido{display:none!important;}

/* ===== grupos e itens (Hoje) ===== */
.grupo-titulo{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin:20px 0 10px;display:flex;align-items:center;gap:8px;}
.hoje-item{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:15px 18px;margin-bottom:11px;}
.hoje-item.leve{box-shadow:none;border:1.5px solid var(--line);}
.hoje-item .icone{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;flex:none;}
.i-gray{background:#EEF0F3;color:var(--ink-2);}
.hoje-item .desc{flex:1 1 280px;}
.hoje-item .desc b{font-weight:700;}
.hoje-item .desc small{display:block;color:var(--ink-2);font-size:12.5px;margin-top:2px;}
.hoje-item .acoes{display:flex;gap:8px;flex-wrap:wrap;}

/* Card de estudo em Hoje: X aparece só no hover, pra ficar discreto (nasce simples, some sozinho em 1d) */
.x-dispensar{opacity:0;transition:opacity .15s;color:var(--ink-3);width:26px;height:26px;border-radius:999px;display:grid;place-items:center;font-size:13px;flex:none;}
.hoje-item:hover .x-dispensar{opacity:1;}
.x-dispensar:hover{background:var(--red-bg);color:var(--red);}

/* Listas editáveis do modal de estudo (segmentos/empresas/teses): 1 linha por item */
.linha-item{display:flex;gap:8px;align-items:center;margin-bottom:6px;}
.linha-item input{flex:1;}

/* ===== seções (Ajustes) ===== */
.sec{margin-bottom:18px;}
.sec-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px 22px 0;flex-wrap:wrap;}
.sec-head h2{font-size:15.5px;font-weight:700;}
.sec-head .sub{color:var(--ink-2);font-size:12.5px;margin-top:1px;}
.sec-body{padding:16px 22px 20px;}

/* ===== modal ===== */
.overlay{position:fixed;inset:0;background:rgba(23,26,29,.55);display:none;align-items:center;justify-content:center;padding:24px 16px;z-index:200;}
.overlay.aberto{display:flex;}
.overlay.topo-alinhado{align-items:flex-start;overflow:auto;padding:40px 16px;}
.modal{background:var(--surface);border-radius:20px;max-width:600px;width:100%;padding:26px 28px;box-shadow:0 24px 60px rgba(0,0,0,.25);}
.modal-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;}
.modal-head h1{font-size:18px;font-weight:800;}
.modal-head p{color:var(--ink-2);font-size:13px;margin-top:3px;}
.modal h2{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin:16px 0 10px;}
.fechar{color:var(--ink-3);padding:4px;}
.fechar:hover{color:var(--ink);}
.campo{display:flex;flex-direction:column;gap:5px;margin-bottom:12px;}
.campo label{font-size:12.5px;font-weight:600;color:var(--ink-2);}
.campo input,.campo textarea,.campo select{border:1.5px solid var(--line);border-radius:11px;padding:9px 13px;font-size:13.5px;background:#FAFBFC;}
.modal-acoes{display:flex;justify-content:flex-end;gap:10px;margin-top:16px;flex-wrap:wrap;}
.campo textarea{resize:vertical;min-height:64px;}
.rascunho-status{font-size:11.5px;color:var(--ink-3);display:flex;align-items:center;gap:5px;margin-top:-6px;margin-bottom:10px;}
.modal .nota{background:var(--cyan-bg);color:var(--cyan-d);border-radius:11px;padding:11px 14px;font-size:12.5px;font-weight:500;margin-top:12px;display:flex;gap:8px;align-items:flex-start;}
.modal .nota.roxa{background:var(--violet-bg);color:var(--violet);}

/* ===== popover da topbar ===== */
.menu-pop{position:absolute;top:56px;right:30px;background:var(--surface);border-radius:14px;box-shadow:0 10px 40px rgba(16,24,40,.16);padding:8px;min-width:270px;z-index:150;display:none;}
.menu-pop.aberto{display:block;}
.menu-pop button.item{display:flex;align-items:flex-start;gap:10px;width:100%;padding:11px 12px;border-radius:10px;text-align:left;font-size:13.5px;}
.menu-pop button.item:hover{background:var(--bg);}
.menu-pop .item b{display:block;}
.menu-pop .item small{color:var(--ink-2);font-size:12px;display:block;}

/* ===== universo ===== */
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px;margin-bottom:16px;}
.stat{padding:16px 18px;}
.stat b{font-size:23px;font-weight:800;display:block;}
.stat span{color:var(--ink-2);font-size:12.5px;}
.icp-strip{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:13px 18px;margin-bottom:16px;font-size:13px;color:var(--ink-2);}
.icp-strip b{color:var(--ink);font-size:13px;}
.icp-strip .btn{margin-left:auto;}
.tabs{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap;}
.tab{border-radius:999px;padding:8px 18px;font-weight:600;font-size:13.5px;background:var(--surface);border:1.5px solid var(--line);color:var(--ink-2);display:flex;align-items:center;gap:8px;}
.tab.ativa{background:var(--ink);border-color:var(--ink);color:#fff;}
.tab .badge,.nav-item .badge{background:var(--red);color:#fff;border-radius:999px;font-size:11px;font-weight:700;padding:1px 7px;}
/* Badge do sino (fase 7): ancorado no canto do botão, não no fluxo do texto */
.icone-btn .badge{position:absolute;top:-3px;right:-3px;min-width:16px;height:16px;line-height:16px;padding:0 4px;text-align:center;}
.filtros-uni{display:flex;flex-wrap:wrap;gap:10px;padding:14px 18px;align-items:center;}
.busca{display:flex;align-items:center;gap:8px;background:#FAFBFC;border:1.5px solid var(--line);border-radius:999px;padding:8px 15px;flex:1 1 200px;max-width:300px;}
.busca input{border:none;outline:none;width:100%;background:none;}
.sel-f{border:1.5px solid var(--line);border-radius:999px;padding:8px 14px;background:#FAFBFC;color:var(--ink-2);font-weight:600;font-size:13px;}
.tabela{width:100%;border-collapse:collapse;}
.tabela th{text-align:left;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);padding:10px 14px;border-bottom:1.5px solid var(--line);}
.tabela td{padding:12px 14px;border-bottom:1px solid var(--line);font-size:13.5px;vertical-align:middle;}
.tabela tr:last-child td{border-bottom:none;}
.tabela .nome a,.tabela .nome{font-weight:700;text-decoration:none;}
.tabela .nome a:hover{color:var(--cyan-d);}
.tabela a{text-decoration:none;}
.tabela a:hover{color:var(--cyan-d);}
.tabela .acoes-td{display:flex;gap:6px;justify-content:flex-end;}
.contagem{padding:10px 18px;color:var(--ink-3);font-size:12px;}
.alvo-btn.alvo-on{border-color:var(--amber);color:var(--amber);background:var(--amber-bg);}
.captura-item{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:13px 18px;border-bottom:1px solid var(--line);}
.captura-item:last-child{border-bottom:none;}
.captura-item .desc{flex:1 1 260px;}
.captura-item .desc small{display:block;color:var(--ink-2);font-size:12px;margin-top:1px;}

/* ===== radar ===== */
.faixa-pins{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:13px 18px;margin-bottom:14px;cursor:pointer;}
.faixa-pins:hover{box-shadow:0 2px 4px rgba(16,24,40,.06),0 8px 20px rgba(16,24,40,.08);}
.faixa-pins .resto{margin-left:auto;color:var(--ink-3);}
.pins-area{margin-bottom:16px;}
.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;}
.ocard{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--r);padding:16px 16px 12px;display:flex;flex-direction:column;gap:8px;transition:.13s;}
.ocard:hover{border-color:var(--ink-3);}
.ocard.sel{border-color:var(--cyan);background:linear-gradient(0deg,rgba(6,182,212,.04),rgba(6,182,212,.04)),#fff;}
.ocard.salva{border:none;box-shadow:var(--shadow);}
.ocard-topo{display:flex;align-items:flex-start;gap:10px;}
.ocard .chk{width:17px;height:17px;accent-color:var(--cyan);margin-top:4px;flex:none;cursor:pointer;}
.ocard h3{flex:1;min-width:0;}
.ocard h3 a:hover{color:var(--cyan-d);}
.ocard .meta{color:var(--ink-3);font-size:12px;margin-top:1px;font-weight:500;}
.score-mini{font-size:12px;font-weight:700;color:var(--ink-3);cursor:pointer;flex:none;padding-top:3px;}
.score-mini:hover{color:var(--cyan-d);}
.ocard .sinal{font-size:14px;font-weight:500;}
.ocard .sinal-nota{font-size:11px;color:var(--ink-3);margin-top:-4px;}
.ocard .acoes{display:flex;gap:8px;border-top:1px solid var(--line);padding-top:10px;align-items:center;}
.ocard .x-btn{margin-left:auto;color:var(--ink-3);width:32px;height:32px;border-radius:999px;display:grid;place-items:center;font-size:15px;font-weight:600;}
.ocard .x-btn:hover{background:var(--red-bg);color:var(--red);}
.barra-massa{position:sticky;bottom:14px;display:flex;flex-wrap:wrap;align-items:center;gap:10px;background:var(--ink);color:#fff;border-radius:999px;padding:10px 18px;box-shadow:0 10px 30px rgba(0,0,0,.25);z-index:50;margin-top:16px;}
.barra-massa .chips{display:flex;gap:6px;flex-wrap:wrap;}
.chip-m{border:1.5px solid rgba(255,255,255,.3);border-radius:999px;padding:4px 12px;font-size:12px;font-weight:600;color:#fff;}
.chip-m.on,.chip-m:hover{background:#fff;color:var(--ink);border-color:#fff;}
.rodape-aq{margin-top:20px;border-top:1px dashed var(--line);padding-top:12px;}
.rodape-aq>button{color:var(--ink-3);font-size:13px;font-weight:600;display:flex;align-items:center;gap:6px;}
.rodape-aq>button:hover{color:var(--ink);}
.aq-item{display:flex;flex-wrap:wrap;gap:8px;align-items:baseline;padding:9px 4px;border-bottom:1px solid var(--line);color:var(--ink-2);font-size:13.5px;}
.aq-item:last-child{border-bottom:none;}
.aq-item b{color:var(--ink);font-weight:600;}
.undo-bar{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(16px);background:var(--ink);color:#fff;border-radius:14px;font-size:13px;padding:12px 16px;opacity:0;pointer-events:none;transition:.22s;z-index:600;box-shadow:var(--shadow);display:flex;flex-wrap:wrap;align-items:center;gap:8px;max-width:92vw;}
.undo-bar.mostrar{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0);}
.undo-bar .chip-m{padding:3px 11px;font-size:11.5px;}
.undo-bar .desfazer{font-weight:700;color:#67E0F1;margin-left:4px;}

/* ===== análise / dossiê ===== */
.dossie-head .linha-pills{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px;}
.escopo-linha{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--line);font-size:13.5px;}
.escopo-total{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;padding-top:12px;border-top:2px solid var(--ink);font-weight:700;font-size:14.5px;flex-wrap:wrap;}
.oportunidade-bloco{background:linear-gradient(0deg,rgba(6,182,212,.06),rgba(6,182,212,.06)),#fff;}
.prova-bloco{background:linear-gradient(0deg,rgba(21,128,61,.05),rgba(21,128,61,.05)),#fff;}
.prova-case{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--line);}
.prova-case:last-of-type{border-bottom:none;}
.prova-case .pc-info b{font-size:13.5px;display:block;}
.prova-case .pc-info small{color:var(--ink-2);font-size:12px;}
.angulo-box p{font-size:15.5px;font-weight:600;line-height:1.55;margin-bottom:14px;}
.fontes a{display:flex;align-items:center;gap:7px;color:var(--ink-2);font-size:13px;padding:6px 0;text-decoration:none;border-bottom:1px solid var(--line);}
.fontes a:last-of-type{border-bottom:none;}
.fontes a:hover{color:var(--cyan-d);}
.dossie-acoes{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;align-items:center;}
.expira{font-size:12px;color:var(--ink-3);}

/* ===== prospecção ===== */
.regua{padding:15px 20px;margin-bottom:16px;display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;}
.regua .frase{font-size:14.5px;font-weight:600;cursor:help;}
.regua .frase small{display:block;font-weight:500;color:var(--ink-2);font-size:12.5px;}
.chips-sel{display:flex;flex-wrap:wrap;gap:8px;}
.chip-sel{border-radius:999px;padding:7px 15px;font-size:13px;font-weight:600;background:var(--surface);border:1.5px solid var(--line);color:var(--ink-2);text-decoration:none;display:inline-flex;align-items:center;}
.chip-sel.on{background:var(--ink);border-color:var(--ink);color:#fff;}
.board{display:flex;gap:14px;overflow-x:auto;padding-bottom:14px;}
.coluna{flex:0 0 240px;background:#EDEFF2;border-radius:14px;padding:12px;}
.coluna h3{font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-2);padding:2px 6px 10px;display:flex;justify-content:space-between;}
.bcard{background:var(--surface);border-radius:12px;box-shadow:var(--shadow);padding:13px 14px;margin-bottom:10px;cursor:pointer;transition:.12s;}
.bcard:hover{transform:translateY(-1px);box-shadow:0 3px 6px rgba(16,24,40,.08),0 8px 22px rgba(16,24,40,.09);}
.bcard b{font-size:13.5px;font-weight:700;display:block;margin-bottom:2px;}
.bcard .bcard-empresa{display:block;color:var(--ink-3);font-size:11.5px;font-weight:500;margin-bottom:6px;}
/* Drag-and-drop do board (5B): card arrastável, coluna destino realça; Perdida segue exigindo motivo */
.bcard[draggable="true"]{cursor:grab;}
.bcard.arrastando{opacity:.45;cursor:grabbing;}
.coluna.destino{outline:2px dashed var(--cyan);outline-offset:-2px;background:#E4F5F8;}
.bcard .linha{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;}
.bcard small{color:var(--ink-3);font-size:11.5px;}
.mover-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px;}

/* ===== perfil bravura ===== */
.diag{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:8px 4px;align-items:center;margin-bottom:14px;}
.no{border:1.5px solid var(--line);border-radius:14px;padding:12px 14px;text-align:left;transition:.12s;background:var(--surface);width:100%;}
.no:hover{border-color:var(--cyan-d);}
.no b{display:block;font-size:13px;font-weight:800;}
.no small{color:var(--ink-2);font-size:11.5px;display:block;}
.no .num{color:var(--cyan-d);font-weight:700;font-size:12px;}
.no.ghost{border-style:dashed;color:var(--ink-3);cursor:default;background:none;}
.no.ghost b{color:var(--ink-3);font-weight:700;}
.seta{color:var(--ink-3);font-size:17px;text-align:center;}
.diag-nota{color:var(--ink-2);font-size:12.5px;max-width:64ch;}
.chip-edit{display:inline-flex;align-items:center;gap:6px;border-radius:999px;font-size:12px;font-weight:500;padding:4px 6px 4px 12px;background:#EEF0F3;color:var(--ink-2);}
.chip-edit .uso{color:var(--cyan-d);font-weight:600;font-size:11px;cursor:pointer;}
.chip-edit .x{width:17px;height:17px;border-radius:999px;display:grid;place-items:center;font-size:11px;color:var(--ink-3);}
.chip-edit .x:hover{background:var(--red-bg);color:var(--red);}
.chip-add{border:1.5px dashed var(--ink-3);border-radius:999px;padding:4px 12px;font-size:12px;font-weight:600;color:var(--ink-2);}
.chip-add:hover{border-color:var(--cyan-d);color:var(--cyan-d);}
.cat-bloco{padding:12px 0;border-bottom:1px solid var(--line);}
.cat-bloco:last-of-type{border-bottom:none;}
.cat-top{display:flex;align-items:center;gap:8px;margin-bottom:8px;}
.cat-top b{font-size:13.5px;font-weight:700;flex:1;}
.subs{display:flex;flex-wrap:wrap;gap:6px;}
.proj-bloco,.case-card{padding:14px 16px;border:1.5px solid var(--line);border-radius:14px;margin-bottom:10px;}
.proj-top,.case-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px;}
.proj-top b,.case-top b{font-size:14px;font-weight:700;flex:1;}
.case-meta{color:var(--ink-2);font-size:12.5px;margin-bottom:8px;}
.case-prova{font-size:12px;color:var(--green);font-weight:600;margin-top:8px;display:flex;align-items:center;gap:6px;}
.x-mini{color:var(--ink-3);width:26px;height:26px;border-radius:999px;display:grid;place-items:center;font-size:13px;}
.x-mini:hover{background:var(--red-bg);color:var(--red);}
.campo .somente-leitura{background:#EEF0F3;color:var(--ink-2);display:flex;align-items:center;gap:8px;border:1.5px dashed var(--ink-3);border-radius:11px;padding:9px 13px;font-size:13.5px;font-weight:600;flex-wrap:wrap;}
.campo .somente-leitura button{color:var(--cyan-d);font-weight:600;padding:0;}
.painel-rodape{border-top:1px solid var(--line);padding:14px 24px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#FAFBFC;}
.painel-rodape .cascata{font-size:12px;color:var(--cyan-d);font-weight:500;display:flex;gap:7px;align-items:center;flex:1;min-width:220px;}

/* ===== caderno de regras (ajustes) ===== */
.regra-card{padding:18px 22px;margin-bottom:14px;}
.regra-card .rtopo{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:8px;}
.regra-card b.rtitulo{font-size:14.5px;font-weight:700;}
.regra-card .rmeta{color:var(--ink-2);font-size:12.5px;}
.regra-card .rstats{display:flex;flex-wrap:wrap;gap:16px;margin:10px 0;color:var(--ink-2);font-size:12.5px;}
.regra-card .rstats b{color:var(--ink);}
.regra-card .racoes{display:flex;gap:8px;flex-wrap:wrap;}

/* ===== ficha / cabeçalho de dossiê ===== */
.voltar{display:inline-flex;align-items:center;gap:6px;color:var(--ink-2);font-weight:600;font-size:13.5px;margin-bottom:16px;text-decoration:none;}
.voltar:hover{color:var(--cyan-d);}
.dossie-head{padding:22px 26px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;margin-bottom:16px;}
.dossie-head h1{font-size:23px;font-weight:800;margin:6px 0 4px;}
.dossie-head .meta{color:var(--ink-2);font-size:13px;}
.dossie-head .carimbo{color:var(--ink-3);font-size:11.5px;margin-top:8px;display:flex;gap:12px;flex-wrap:wrap;}
.grid-dossie{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.bloco{padding:20px 22px;}
.bloco.full{grid-column:1/-1;}
.bloco h2{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-bottom:12px;display:flex;align-items:center;gap:7px;}
.bloco p{font-size:14px;max-width:75ch;}
.bloco ul{list-style:none;}
.bloco li{display:flex;justify-content:space-between;gap:10px;align-items:baseline;padding:8px 0;border-bottom:1px solid var(--line);font-size:13.5px;flex-wrap:wrap;}
.bloco li:last-child{border-bottom:none;}
.timeline li{justify-content:flex-start;gap:12px;}
.timeline .tdata{color:var(--ink-3);font-size:12px;min-width:74px;font-weight:600;flex:none;}
.chip-add{border:1.5px dashed var(--ink-3);border-radius:999px;padding:4px 12px;font-size:12px;font-weight:600;color:var(--ink-2);}
.chip-add:hover{border-color:var(--cyan-d);color:var(--cyan-d);}

/* ===== toast ===== */
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(16px);background:var(--ink);color:#fff;border-radius:12px;font-size:13px;font-weight:500;padding:12px 20px;opacity:0;pointer-events:none;transition:.22s;z-index:610;box-shadow:var(--shadow);max-width:90vw;}
.toast.mostrar{opacity:1;transform:translateX(-50%) translateY(0);}
.rodape-versao{max-width:1180px;padding:0 30px 30px;color:var(--ink-3);font-size:11px;letter-spacing:.06em;}

@media (max-width:900px){
  .app{grid-template-columns:1fr;}
  .sidebar{position:fixed;bottom:0;left:0;right:0;top:auto;height:auto;flex-direction:row;align-items:center;padding:8px 10px;gap:2px;z-index:100;}
  .logo{padding:0 6px;}
  .logo-txt,.user-chip div{display:none;}
  .nav-item{flex-direction:column;gap:3px;font-size:10px;padding:7px 6px;flex:1;text-align:center;}
  .sidebar-fim{margin:0;flex-direction:row;}
  .user-chip{background:none;padding:6px;}
  main{padding:12px 16px 130px;}
  .topbar{padding:12px 16px 0;}
  .selo span.txt{display:none;}
  .menu-pop{right:16px;}
  .grid-dossie{grid-template-columns:1fr;}
  .tabela th:nth-child(2),.tabela td:nth-child(2){display:none;}
}