/* Rodada 2: identidade gráfica própria (ciano, magenta, amarelo sobre lateral escura) */
:root{--ciano:#00a8e8;--magenta:#e6007e;--amarelo:#ffd100;--chave:#8a97a8;
  --destaque:#0a9fe0;--destaque-esc:#0780b5;--lateral:#0f1522;--lateral-2:#1a2336;--fundo:#f3f5f9}
.lateral{background:linear-gradient(180deg,#0f1522,#131b2c);border-right:1px solid #1c2740}
.marca{font-size:17px;gap:10px;padding:20px 20px 16px}
.marca-cmyk{display:grid;grid-template-columns:9px 9px;gap:3px}
.marca-cmyk i{width:9px;height:9px;border-radius:50%;display:block}
.marca-cmyk i:nth-child(1){background:var(--ciano)}.marca-cmyk i:nth-child(2){background:var(--magenta)}
.marca-cmyk i:nth-child(3){background:var(--amarelo)}.marca-cmyk i:nth-child(4){background:#0b0f1a;box-shadow:0 0 0 1.5px rgba(255,255,255,.65)}
.btn-paleta{display:flex;align-items:center;gap:8px;margin:0 14px 8px;padding:8px 11px;border-radius:9px;border:1px solid #26334d;background:#141d2f;color:#9fb0c4;cursor:pointer;font:inherit;font-size:13px}
.btn-paleta:hover{border-color:var(--ciano);color:#fff}
kbd{font:600 11px/1 "Segoe UI",sans-serif;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-bottom-width:2px;border-radius:5px;padding:2px 5px;margin-left:auto}
.topo kbd,.paleta kbd,.ajuda-tab kbd{background:#eef1f6;border-color:#d5dce8;color:#46546a;margin-left:0}
#menu{padding:4px 10px 10px;gap:1px;overscroll-behavior:contain}
#menu a{padding:8px 10px;gap:10px;font-size:13.5px;border-left:3px solid transparent;border-radius:8px}
#menu a.ativo{background:var(--lateral-2);color:#fff;border-left-color:var(--cor,var(--ciano))}
#menu a.ativo .i{color:var(--cor,var(--ciano))}
#menu a .i{width:18px;height:18px;flex-shrink:0;opacity:.95}
#menu a .selo-mini{margin-left:auto;font-size:9.5px;background:rgba(255,209,0,.15);color:#ffd100;padding:2px 6px;border-radius:99px;white-space:nowrap}
.grp{margin-top:6px}
.grp-cab{display:flex;align-items:center;gap:8px;width:100%;background:none;border:0;color:#7f8da6;font:600 11px/1 "Segoe UI",sans-serif;text-transform:uppercase;letter-spacing:.09em;padding:9px 10px;cursor:pointer;border-radius:7px}
.grp-cab:hover{color:#d7dee8;background:rgba(255,255,255,.04)}
.grp-cab .pt{width:8px;height:8px;border-radius:50%;background:var(--cor)}
.grp-cab .seta{margin-left:auto;width:12px;height:12px;transition:transform .15s}
.grp.fechado .seta{transform:rotate(-90deg)}
.grp.fechado .grp-itens{display:none}
.grp-itens{display:flex;flex-direction:column;gap:1px}
.dica{font-size:11.5px;color:#6b7a93;padding:0 14px 8px}
.topo{align-items:center}.topo h1{font-size:23px}
.btn-primario{background:linear-gradient(135deg,#0ab0f0,#0780b5)}
.i{width:18px;height:18px;vertical-align:middle}
.linha-cartoes{display:grid;gap:14px;margin-bottom:16px}
.g3{grid-template-columns:2fr 1fr}.g2{grid-template-columns:1fr 1fr}.g4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.pad{padding:18px 20px}.pad h3,.cartao h3{margin:0 0 12px;font-size:14.5px}
.kpi{padding:16px 18px;position:relative;overflow:hidden}.kpi::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--cor,var(--ciano))}
.kpi small{color:var(--suave);display:flex;align-items:center;gap:6px;font-weight:600}.kpi b{font-size:26px;display:block;margin:4px 0 2px;font-variant-numeric:tabular-nums}
.kpi .sub{font-size:12px;color:var(--suave)}.kpi .alta{color:#0a8f5b;font-weight:600}.kpi .baixa{color:var(--vermelho);font-weight:600}
.lista-s{list-style:none;margin:0;padding:0}.lista-s li{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--linha)}.lista-s li:last-child{border:0}
.lista-s .gr{flex:1;min-width:0}.lista-s .gr b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lista-s .gr small{color:var(--suave)}
.vazio-s{color:var(--suave);padding:14px 0;text-align:center}
.atalhos{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.atalho{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--linha);border-radius:10px;background:#fff;cursor:pointer;font:inherit;font-weight:600;color:var(--tinta);text-align:left}
.atalho:hover{border-color:var(--cor,var(--ciano));box-shadow:0 4px 14px rgba(15,21,34,.08)}.atalho .i{color:var(--cor,var(--ciano));width:22px;height:22px}
.grafico{width:100%;height:auto;display:block}.grafico text{font:11px "Segoe UI",sans-serif;fill:#8a97a8}.grafico .val{fill:#46546a;font-weight:600}
.legenda{display:flex;gap:16px;flex-wrap:wrap;font-size:12.5px;color:var(--tinta-2);margin-top:8px}.legenda i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px}
.kanban{display:grid;grid-template-columns:repeat(4,minmax(240px,1fr));gap:14px;overflow-x:auto;padding-bottom:10px;align-items:start}
.col-k{background:#e8ecf3;border-radius:12px;padding:10px;min-height:300px;border-top:4px solid var(--cor);transition:background .12s}
.col-k.sobre{background:#d9e8f6;outline:2px dashed var(--cor)}
.col-k h3{display:flex;align-items:center;justify-content:space-between;margin:2px 4px 10px;font-size:13.5px}
.col-k h3 span{background:#fff;border-radius:99px;padding:1px 9px;font-size:12px;color:var(--tinta-2)}
.card-k{background:#fff;border-radius:10px;padding:11px 12px;margin-bottom:9px;box-shadow:0 1px 2px rgba(20,30,45,.1);cursor:grab;border-left:4px solid var(--p,#cbd3df);user-select:none}
.card-k:active{cursor:grabbing}.card-k.arrasta{opacity:.4;transform:rotate(1.5deg)}
.card-k b{display:block;margin-bottom:2px}.card-k small{color:var(--suave);display:block}
.card-k .pe{display:flex;align-items:center;justify-content:space-between;margin-top:8px;gap:6px}
.card-k .mv{display:flex;gap:4px}.card-k .mv button{border:1px solid var(--linha);background:#fff;border-radius:6px;min-width:26px;height:24px;cursor:pointer;color:var(--tinta-2)}.card-k .mv button:hover{border-color:var(--ciano);color:var(--ciano)}
.prazo{font-size:11.5px;font-weight:700;padding:2px 8px;border-radius:99px}.pz-ok{background:#e4f1fb;color:#1f5a9e}.pz-hoje{background:#fff3c4;color:#7a5a00}.pz-atr{background:#fde0ea;color:#b0124f}
.add-k{width:100%;border:1px dashed #b7c1d1;background:transparent;border-radius:9px;padding:8px;color:var(--tinta-2)}
.add-k:focus{border-style:solid;background:#fff}
.abas-v{display:flex;gap:6px;margin-bottom:14px;flex-wrap:wrap}.abas-v button{border:0;background:#e6ebf3;color:var(--tinta-2);padding:9px 16px;border-radius:9px;font:inherit;font-weight:600;cursor:pointer}.abas-v button.ativa{background:var(--tinta);color:#fff}
.rapido{display:grid;grid-template-columns:2fr 1.4fr 1fr 1fr auto;gap:10px;align-items:end;margin-bottom:14px;padding:14px 16px}
.rapido label{font-size:12px;color:var(--suave);font-weight:600;display:block;margin-bottom:4px}
.neg{color:var(--vermelho)}.pos{color:#0a8f5b}
.chip.c-venc{background:#fde0ea;color:#b0124f}.chip.c-pago{background:#dcf5ee;color:#0a6b5e}.chip.c-aberto{background:#e4f1fb;color:#1f5a9e}
.barra-h{height:10px;border-radius:5px;background:#e8ecf3;overflow:hidden;min-width:80px}.barra-h i{display:block;height:100%;border-radius:5px;background:var(--cor,var(--ciano))}
.dev-topo{display:flex;align-items:center;gap:16px;margin-bottom:14px}.dev-ico{width:54px;height:54px;border-radius:14px;background:#fff;display:grid;place-items:center;box-shadow:var(--sombra);color:var(--cor,var(--ciano))}.dev-ico .i{width:28px;height:28px}
.dev-topo h2{margin:0;font-size:20px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.dev-topo p{margin:4px 0 0;color:var(--tinta-2)}
.dev-aviso{background:#fff8dc;border:1px solid #f0dca0;color:#7a5a00;border-radius:10px;padding:9px 14px;margin-bottom:14px;font-size:13px}
.dev-grade{display:grid;grid-template-columns:minmax(300px,1fr) 1.4fr;gap:14px;align-items:start}
.esmaec{opacity:.5;pointer-events:none;filter:saturate(.5)}.esmaec table{font-size:13px}
.fantasma{display:inline-block;height:10px;border-radius:5px;background:#d5dce8;vertical-align:middle}
.dev-form .grade{margin-bottom:14px}
button[disabled]{opacity:.55;cursor:not-allowed}
.paleta-fundo{position:fixed;inset:0;background:rgba(10,16,28,.55);z-index:100;display:flex;justify-content:center;padding-top:12vh}
.paleta{width:min(620px,94vw);background:#fff;border-radius:14px;box-shadow:0 24px 70px rgba(5,10,25,.45);align-self:flex-start;overflow:hidden}
.paleta input{border:0;border-bottom:1px solid var(--linha);border-radius:0;padding:16px 18px;font-size:16px;outline:0}
.paleta ul{list-style:none;margin:0;padding:6px;max-height:50vh;overflow-y:auto}
.paleta li{display:flex;gap:10px;align-items:center;padding:9px 12px;border-radius:8px;cursor:pointer}
.paleta li.sel{background:#e6f4fc}.paleta li small{margin-left:auto;color:var(--suave)}
.paleta .rod{padding:8px 14px;border-top:1px solid var(--linha);font-size:12px;color:var(--suave);display:flex;gap:14px}
.ajuda-tab td:first-child{white-space:nowrap;font-weight:600}
@media(max-width:1100px){.g3,.g2{grid-template-columns:1fr}.dev-grade{grid-template-columns:1fr}.rapido{grid-template-columns:1fr 1fr}}
@media(max-width:860px){.grp-cab,.dica,.btn-paleta span,.btn-paleta kbd{display:none}.btn-paleta{margin:0 10px 8px;justify-content:center}.grp.fechado .grp-itens{display:flex}#menu a .selo-mini{display:none}}
.pz-verde{background:#dcf5e6;color:#0a6b3a}.prazo.cd{font-variant-numeric:tabular-nums;white-space:nowrap}
#menu a .selo-mini{width:8px;height:8px;padding:0;border-radius:50%;background:var(--amarelo);flex-shrink:0}
.card-k .mv button{white-space:nowrap;padding:0 7px}

/* ===== rodada 3: topo, ficha, folha A4 ===== */
.topo-acoes{align-items:center}.topo-acoes .busca,.topo-acoes .btn-primario{height:40px;padding-top:0;padding-bottom:0}
.btn-icone{position:relative;width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--linha);background:#fff;border-radius:10px;color:var(--tinta-2);cursor:pointer;transition:.15s;padding:0}
.btn-icone:hover{border-color:var(--ciano);color:var(--ciano);box-shadow:0 3px 10px rgba(15,21,34,.08)}.btn-icone .i{width:20px;height:20px}
.sino-box{position:relative}.sino-n{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;border-radius:9px;background:var(--magenta);color:#fff;font:700 10.5px/18px "Segoe UI";text-align:center;padding:0 4px}
.sino-pop{position:absolute;right:0;top:46px;width:320px;background:#fff;border-radius:12px;box-shadow:0 18px 50px rgba(10,20,35,.28);z-index:60;padding:12px 8px;border:1px solid var(--linha)}
.sino-pop h4{margin:0 8px 6px;font-size:13px}.sino-pop ul{list-style:none;margin:0;padding:0;max-height:55vh;overflow:auto}
.sino-pop li{display:flex;gap:10px;padding:8px;border-radius:8px;cursor:pointer;align-items:flex-start}.sino-pop li:hover{background:#eef6fc}.sino-pop li small{display:block;color:var(--suave)}
.conteudo>*{animation:entra .22s ease both}@keyframes entra{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.ficha-cab{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;padding:20px 22px;margin-bottom:14px;position:relative}
.ficha-cab::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--ciano) 25%,var(--magenta) 25% 50%,var(--amarelo) 50% 75%,#0b0f1a 75%)}
.avatar{width:64px;height:64px;border-radius:18px;background:linear-gradient(135deg,var(--ciano),var(--magenta));color:#fff;display:grid;place-items:center;font:700 22px "Segoe UI"}
.ficha-id h2{margin:0 0 6px;font-size:21px}
.ficha-info{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px 20px;border-top:1px solid var(--linha);padding-top:14px}
.ficha-info small{display:block;color:var(--suave);font-weight:600;font-size:11.5px;text-transform:uppercase;letter-spacing:.04em}.ficha-info span{font-weight:500}
.ficha-acoes{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;grid-column:3;grid-row:1}
.linha-tempo{list-style:none;margin:0;padding:0 0 0 14px;border-left:2px solid var(--linha)}
.linha-tempo li{position:relative;display:flex;gap:12px;align-items:center;padding:10px 8px 10px 16px;cursor:pointer;border-radius:8px}.linha-tempo li:hover{background:#f3f8fc}
.linha-tempo .pt{position:absolute;left:-22px;top:50%;margin-top:-6px;width:12px;height:12px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px var(--linha)}
.linha-tempo .gr{flex:1;min-width:0}.linha-tempo small{display:block;color:var(--suave)}.linha-tempo .val{white-space:nowrap}
textarea#fi-obs{width:100%;resize:vertical}
body.com-folha{overflow:hidden}
.folha-fundo{position:fixed;inset:0;z-index:120;background:#2a3246;display:flex;flex-direction:column}
.folha-barra{display:flex;align-items:center;gap:10px;padding:10px 18px;background:#141b2b;color:#fff}.folha-barra .sp{flex:1}.folha-barra label{font-size:12.5px;color:#b8c4d6;display:flex;gap:6px;align-items:center}.folha-barra select{width:auto;padding:4px 8px;background:#fff}
.folha-corpo{flex:1;min-height:0;display:grid;grid-template-columns:310px 1fr}
.folha-op{background:#fff;overflow:auto;padding:14px 16px 24px;display:flex;flex-direction:column;gap:10px}.folha-op h4{margin:10px 0 0;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--suave)}
.modelos{display:grid;gap:8px}.modelo{display:grid;grid-template-columns:54px 1fr;gap:2px 10px;text-align:left;padding:8px;border:2px solid var(--linha);background:#fff;border-radius:10px;cursor:pointer;font:inherit}
.modelo.ativo{border-color:var(--ciano);background:#eef8fd}.modelo .mini{grid-row:span 2;height:60px;border:1px solid #cfd7e3;border-radius:4px;background:#fff;position:relative;display:block}
.modelo small{color:var(--suave);font-size:11.5px}
.mini i{position:absolute;left:6px;right:6px;height:3px;background:#c9d1de;border-radius:2px}.mini i:nth-child(1){top:14px}.mini i:nth-child(2){top:24px}.mini i:nth-child(3){top:34px;right:20px}
.mini.m-classico::before{content:"";position:absolute;left:6px;right:6px;top:8px;height:2px;background:var(--ciano)}
.mini.m-faixa::before{content:"";position:absolute;left:0;right:0;top:0;height:7px;background:linear-gradient(90deg,#00a8e8 25%,#e6007e 25% 50%,#ffd100 50% 75%,#0b0f1a 75%)}
.mini.m-minimo i{background:#e3e8ef}
.cores{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.cor{width:28px;height:28px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #c5cedb;cursor:pointer}.cor:hover{transform:scale(1.1)}
.cores input[type=color]{width:34px;height:30px;padding:0;border-radius:8px}
.fo-chk{display:flex;gap:8px;align-items:center;font-weight:500}.fo-chk input{width:auto}.fo-nota{font-size:11.5px;color:var(--suave)}
.folha-pal{overflow:auto;padding:22px;display:flex;justify-content:center;align-items:flex-start}
.folha{background:#fff;width:210mm;min-height:297mm;padding:14mm 15mm 12mm;box-shadow:0 10px 40px rgba(0,0,0,.4);color:#1b2430;font:13px/1.5 "Segoe UI",system-ui,sans-serif;position:relative;--cor:#00a8e8;--cor-txt:#fff;display:flex;flex-direction:column}
.folha *{box-sizing:border-box}.folha h1,.folha h4,.folha p{margin:0}
.f-faixa{display:none}.m-faixa .f-faixa{display:flex;height:7mm;margin:-14mm -15mm 8mm}.f-faixa i{flex:1;display:block}
.f-cab{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:7mm}
.f-linha-logo{display:flex;align-items:center;gap:10px;font-size:16px}.f-img{max-height:46px;max-width:140px}
.f-logo{display:grid;grid-template-columns:11px 11px;gap:3px}.f-logo i{width:11px;height:11px;border-radius:50%;display:block}.f-logo i:nth-child(1){background:#00a8e8}.f-logo i:nth-child(2){background:#e6007e}.f-logo i:nth-child(3){background:#ffd100}.f-logo i:nth-child(4){background:#0b0f1a}
.f-marca small{color:#6b7a93;font-size:11px}
.f-tit{text-align:right}.f-tit h1{font-size:22px}.f-tit span{color:#6b7a93}
.m-classico .f-cab{border-bottom:3px solid var(--cor);padding-bottom:5mm}
.m-minimo .f-tit h1{font-weight:300;letter-spacing:.14em;text-transform:uppercase;font-size:20px}.m-minimo .f-cab{border-bottom:1px solid #d5dce8;padding-bottom:5mm}
.folha h4{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#46546a;margin-bottom:5px;padding-left:8px;border-left:3px solid var(--cor)}
.m-minimo h4{border-left:0;padding-left:0}
.f-par{display:grid;grid-template-columns:1fr 1fr;gap:10mm;margin-bottom:6mm}
.f-sec{margin-top:6mm;break-inside:avoid}.f-2c{display:grid;grid-template-columns:1fr 1fr;gap:8mm}
.f-tab{width:100%;border-collapse:collapse;margin-top:2mm}
.f-tab th{font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:#46546a;text-align:left;padding:6px 8px;background:none;border-bottom:2px solid var(--cor)}
.f-tab td{padding:7px 8px;border-bottom:1px solid #e3e8ef;vertical-align:top}.f-tab tr{break-inside:avoid}.f-tab .num{text-align:right;font-variant-numeric:tabular-nums}
.m-faixa .f-tab th{background:var(--cor);color:var(--cor-txt);border:0}.m-faixa .f-tab tbody tr:nth-child(even){background:#f4f6fa}
.m-minimo .f-tab th{border-bottom:1px solid #9aa6b8;font-weight:500}.m-minimo .f-tab td{border-bottom:1px solid #eef1f6}
.f-tot{margin:5mm 0 0 auto;width:78mm;break-inside:avoid}.f-tot div{display:flex;justify-content:space-between;padding:4px 8px;color:#46546a}
.f-tot .final{margin-top:3px;font-size:16px;font-weight:700;color:#1b2430;border-top:2px solid var(--cor);padding:8px}
.m-faixa .f-tot .final{background:var(--cor);color:var(--cor-txt);border:0;border-radius:6px}
.m-classico .f-tot .final{background:#f4f6fa;border-left:4px solid var(--cor)}
.m-minimo .f-tot .final{font-weight:300;font-size:20px;border-top:1px solid #1b2430}
.f-interno{background:#fde0ea;color:#b0124f;font-weight:700;font-size:11px;letter-spacing:.04em;padding:5px 10px;border-radius:5px;margin-bottom:5mm;text-align:center}
.f-ass{display:grid;grid-template-columns:1fr 1fr;gap:16mm;margin-top:18mm;break-inside:avoid}.f-ass div{border-top:1px solid #1b2430;padding-top:4px;text-align:center;color:#46546a;font-size:11.5px}.f-ass i{display:none}
.f-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(36mm,1fr));gap:4mm;margin:4mm 0}.f-kpis div{border:1px solid #e3e8ef;border-radius:6px;padding:8px 10px;border-top:3px solid var(--cor)}.f-kpis small{display:block;color:#6b7a93;font-size:10.5px;text-transform:uppercase;letter-spacing:.04em}.f-kpis b{font-size:15px}
.m-minimo .f-kpis div{border:0;border-top:1px solid #9aa6b8;border-radius:0;padding-left:0}
.f-rod{margin-top:auto;padding-top:8mm;color:#8a97a8;font-size:10.5px;text-align:center}
.folha .grafico text{font-size:10px}.folha .legenda{font-size:11px}
@page{size:A4;margin:0}
@media(max-width:900px){.folha-corpo{grid-template-columns:1fr;grid-template-rows:auto 1fr}.folha-op{max-height:38vh}.ficha-cab{grid-template-columns:auto 1fr}.ficha-acoes{grid-column:1/-1;grid-row:auto;justify-content:flex-start}}
@media print{
  html,body.com-folha{height:auto!important;overflow:visible!important;background:#fff!important}
  body.com-folha .app,body.com-folha #modal-raiz,body.com-folha #toast,body.com-folha .paleta-fundo{display:none!important}
  .folha-fundo{position:static!important;display:block!important;background:none!important}
  .folha-barra,.folha-op{display:none!important}.folha-corpo{display:block!important}.folha-pal{display:block!important;padding:0!important;overflow:visible!important}
  .folha-escala{zoom:1!important}.folha{box-shadow:none!important;width:210mm!important;min-height:297mm!important}
  .folha,.folha *{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}

/* guia de avanço de fases do cartão (H); o Analista Visual pode refinar cores em polimento.css */
.guia-fases{display:flex;align-items:center;justify-content:space-between;margin-top:8px;padding-top:6px;border-top:1px dashed #e3e8ef}
.guia-tracos{display:flex;gap:3px;align-items:center}.guia-tracos i{display:block;width:16px;height:4px;border-radius:2px;background:var(--fase,#cbd3df);opacity:.85}
.guia-emoji{font-size:16px;line-height:1;transition:transform .2s}.card-k:hover .guia-emoji{transform:scale(1.2)}
.card-k.comp .guia-fases{margin-top:4px;padding-top:3px}

/* ===== quadro de produção v2 ===== */
.kb-tools{background:#fff;border-radius:12px;box-shadow:var(--sombra);padding:12px 14px;margin-bottom:12px;display:flex;flex-direction:column;gap:10px}
.kb-linha{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.kb-linha .sp{flex:1}.kb-linha select,.kb-q{width:auto;min-width:150px;padding:7px 10px}.kb-q{min-width:230px}
.chip-btn{border:1px solid var(--linha);background:#fff;border-radius:999px;padding:6px 13px;font:inherit;font-weight:600;font-size:12.5px;color:var(--tinta-2);cursor:pointer}.chip-btn.on{background:var(--tinta);border-color:var(--tinta);color:#fff}
.kb-info{color:var(--suave);font-size:12.5px}
.kb-board{overflow-x:auto;padding-bottom:12px}
.kb-grid{display:grid;grid-template-columns:repeat(4,minmax(250px,1fr));gap:12px;align-items:start;min-width:1040px}
.kh{background:#fff;border-radius:12px 12px 0 0;border-top:5px solid var(--cor);padding:10px 12px;box-shadow:var(--sombra)}
.kh-t{display:flex;align-items:center;justify-content:space-between}.kh-t b{font-size:14px}.kh-n{background:var(--cor);color:#fff;border-radius:99px;padding:1px 10px;font-weight:700;font-size:12px}
.wip{height:6px;border-radius:3px;background:#e8ecf3;margin:8px 0 5px;overflow:hidden}.wip i{display:block;height:100%;background:var(--cor);border-radius:3px}
.kh small{color:var(--suave);font-size:11.5px}.kh.wip-a .wip i{background:#e0a800}.kh.wip-x{background:#fff1f5}.kh.wip-x .wip i{background:#e64a4a}.kh.wip-x small{color:#b0124f}
.kb-grid .col-k{border-top:0;border-radius:0 0 12px 12px;min-height:140px;margin-top:-12px;padding-top:12px}
.col-vazio{border:2px dashed #cfd7e3;border-radius:10px;color:#9aa6b8;text-align:center;padding:18px 8px;font-size:12.5px;margin-bottom:8px}
.lane-t{grid-column:1/-1;display:flex;align-items:center;gap:8px;font-weight:700;background:#dfe5ef;border-radius:8px;padding:6px 12px;margin-top:6px}
.card-k.rico{padding:0;overflow:hidden;cursor:pointer}.card-k.rico .thumb{position:relative;height:74px;background:#eef3f9}.card-k.rico .thumb .arte{width:100%;height:100%;display:block}
.pri{position:absolute;top:6px;right:6px;font-size:10.5px;font-weight:700;padding:2px 8px;border-radius:99px}
.ck-corpo{padding:10px 12px 10px}.card-k.comp .ck-corpo{padding:7px 10px 8px}.card-k.comp b{font-size:13px}
.etqs{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:6px}.etq{font-size:10.5px;font-weight:700;border-radius:4px;padding:1px 7px;border:0}button.etq{cursor:pointer;font:inherit;font-size:11.5px;padding:3px 10px;border-radius:999px;font-weight:700}button.etq.off{opacity:.3}
.prog{height:5px;border-radius:3px;background:#e8ecf3;margin:8px 0 6px;overflow:hidden}.prog i{display:block;height:100%;background:linear-gradient(90deg,var(--ciano),var(--magenta));border-radius:3px}
.ck-meta{display:flex;gap:12px;align-items:center;color:var(--suave);font-size:12px}.ck-meta span{display:inline-flex;align-items:center;gap:4px}.ck-meta .i{width:14px;height:14px}.ck-meta .val{margin-left:auto;color:var(--tinta);font-size:12.5px}
.av{width:24px;height:24px;border-radius:50%;display:inline-grid;place-items:center;color:#fff;font:700 10px "Segoe UI";flex-shrink:0}.av-vazio{background:#cbd3df;color:#fff}
.card-k .pe{display:flex;align-items:center;gap:6px;margin-top:8px}.card-k .pe .mv{margin-left:auto}
.kb-sair{display:none}
.kb.tv{position:fixed;inset:0;z-index:95;background:#0f1522;padding:20px 26px;overflow:auto}
.kb.tv .kb-tools{display:none}.kb.tv .kb-sair{display:block;position:fixed;right:18px;top:12px;z-index:96;background:#26334d;color:#fff;border:0;border-radius:8px;padding:8px 14px;cursor:pointer}
.kb.tv .kb-board{overflow:visible}.kb.tv .kb-grid{min-width:0;grid-template-columns:repeat(4,1fr)}.kb.tv .card-k b{font-size:15px}.kb.tv .col-k{background:#1a2336}.kb.tv .kh{background:#131b2c;color:#fff}.kb.tv .kh small{color:#9fb0c4}.kb.tv .kh.wip-x{background:#3a1626}
.drawer{position:fixed;right:0;top:0;bottom:0;width:min(430px,100%);background:#fff;z-index:90;box-shadow:-10px 0 40px rgba(10,20,35,.25);display:flex;flex-direction:column;animation:desliza .2s ease}
@keyframes desliza{from{transform:translateX(30px);opacity:0}to{transform:none;opacity:1}}
.dr-cab{display:flex;justify-content:space-between;gap:10px;padding:16px 18px;border-bottom:1px solid var(--linha)}.dr-cab h3{margin:2px 0 0;font-size:17px}.dr-cab small{color:var(--suave)}
.dr-corpo{flex:1;overflow-y:auto;padding:14px 18px 20px}.dr-thumb{height:110px;border-radius:10px;overflow:hidden;margin-bottom:12px}.dr-thumb .arte{width:100%;height:100%;display:block}
.dr-sec{margin-top:14px}.dr-sec>label{display:block;font-size:12px;font-weight:700;color:var(--suave);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}
.dr-rod{display:flex;gap:8px;justify-content:flex-end;padding:12px 18px;border-top:1px solid var(--linha);background:#fafbfd}
.chk{list-style:none;margin:0 0 8px;padding:0}.chk li{display:flex;justify-content:space-between;align-items:center;padding:4px 0}.chk label{display:flex;gap:8px;align-items:center}.chk input{width:auto}.chk button{border:0;background:none;color:var(--suave);cursor:pointer;font-size:16px}
.hist{list-style:none;margin:0;padding:0 0 0 12px;border-left:2px solid var(--linha)}.hist li{padding:4px 0 6px 10px;font-size:13px}.hist small{display:block;color:var(--suave);font-size:11.5px}
.seg{display:inline-flex;border:1px solid var(--linha);border-radius:10px;overflow:hidden}.seg button{border:0;background:#fff;padding:8px 16px;font:inherit;font-weight:600;cursor:pointer;color:var(--tinta-2)}.seg button.on{background:var(--ciano);color:#fff}
.btn-fantasma-esc{background:none;border:0;color:var(--tinta-2);font:inherit;font-weight:600;cursor:pointer;padding:9px 12px;margin-right:auto}
.av-prev{background:#e9eef5;border-radius:12px;padding:14px;margin-top:8px}
.bal{max-width:88%;font-size:13.5px}.bal-msg{background:#d9fbd3;border-radius:12px 12px 12px 2px;padding:9px 12px;box-shadow:0 1px 1px rgba(0,0,0,.08);position:relative}.bal-msg .hora{display:block;text-align:right;font-size:10.5px;color:#6b7a93;margin-top:3px}
.bal-sms{max-width:80%}.bal-sms .bal-msg{background:#fff;border-radius:16px 16px 16px 4px}.bal-sms small{color:var(--suave);font-size:11px;margin-left:6px}
.bal-em{max-width:100%;background:#fff;border-radius:10px;padding:10px 14px;box-shadow:0 1px 2px rgba(0,0,0,.08)}.bal-em .bal-cab{font-size:11.5px;color:var(--suave);margin-bottom:4px}.bal-em p{margin:6px 0 0}
.modelos-av{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:14px}.mod-cab{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.vars{display:flex;gap:6px;margin:6px 0}.vars button{border:1px dashed #b7c1d1;background:#fff;border-radius:6px;padding:2px 8px;font:600 12px "Consolas",monospace;cursor:pointer;color:var(--tinta-2)}.vars button:hover{border-color:var(--ciano);color:var(--ciano)}
.chave{position:relative;width:44px;height:24px;flex-shrink:0}.chave input{opacity:0;width:100%;height:100%;position:absolute;margin:0;cursor:pointer;z-index:1}.chave span{position:absolute;inset:0;background:#cbd3df;border-radius:12px;transition:.15s}.chave span::after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:.15s}.chave input:checked+span{background:var(--ciano)}.chave input:checked+span::after{left:23px}

/* correções da rodada 3: rótulos do gráfico e cartão enxuto */
.grafico text.halo{paint-order:stroke;stroke:#fff;stroke-width:3px;stroke-linejoin:round}
.card-k.rico{border-left:0;padding:0}.card-k.rico .ck-corpo{padding:10px 12px 9px}
.ck-topo{display:flex;align-items:center;justify-content:space-between;margin-bottom:3px}
.ck-ped{color:var(--suave);font-weight:600;font-size:11.5px;letter-spacing:.02em}
.pri-p{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:700;color:var(--pc)}.pri-p i{width:8px;height:8px;border-radius:50%;background:var(--pc);display:block}
.ck-cli{color:var(--tinta-2);margin-top:1px}
.card-k.rico .pe .mv{opacity:0;transition:opacity .12s}.card-k.rico:hover .pe .mv,.card-k.rico:focus-within .pe .mv{opacity:1}
.card-k.rico.comp .ck-corpo{padding:7px 10px}.card-k.rico.comp .ck-cli{display:none}

/* ===== quadro: dois temas (só apresentação; a lógica é a mesma). Experimento da demo (H) ===== */
.seg-tema button{padding:5px 12px;font-size:12.5px}
.kb-tema-limpo .thumb,.kb-tema-limpo .etqs,.kb-tema-limpo .prog,.kb-tema-limpo .ck-meta,.kb-tema-limpo .av{display:none}
.kb-tema-limpo .kb-grid{gap:16px}
.kb-tema-limpo .col-k{padding:14px 12px}
.kb-tema-limpo .card-k.rico{border-left:0;margin-bottom:12px;box-shadow:0 1px 3px rgba(20,30,45,.08)}
.kb-tema-limpo .card-k.rico .ck-corpo{padding:14px 16px 12px}
.kb-tema-limpo .card-k.rico b{font-size:14.5px;margin:2px 0 1px}
.kb-tema-limpo .ck-cli{display:block;margin-bottom:10px}
.kb-tema-limpo .guia-fases{margin-top:10px}
.kb-tema-completo .pri-p{display:none}
.kb-tema-completo .card-k.rico{border-left:4px solid var(--p,#cbd3df)}
.kb-tema-completo .card-k.rico .ck-corpo{padding:10px 12px 9px}
.kb-tema-completo .card-k.rico .pe .mv{opacity:1}

/* revisão de layout: gráficos legíveis em cartões estreitos e chips sem quebra */
.grafico text{font-size:13px}.grafico text.val{font-size:12.5px}
.chip{white-space:nowrap}
.btn{white-space:nowrap}
.esmaec table{table-layout:fixed}.esmaec th,.esmaec td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:860px){.marca{font-size:0!important;padding:18px 0!important;justify-content:center}}

/* correções de QA: cabeçalho fixo não cobre conteúdo; tabelas rolam em telas estreitas */
html{scroll-padding-top:96px}
.principal .conteudo{padding-top:20px}
.principal .kb-tools,.principal .kb-board,.principal .card-k,.principal .cartao,.principal .filtros,.principal button,.principal input,.principal select,.principal textarea{scroll-margin-top:100px}
.principal .topo{z-index:15}
@media(max-width:860px),(max-height:620px){.principal .topo{position:static}}
.principal .cartao{overflow-x:auto}
@media(max-width:760px){.cartao table{min-width:620px}.kb-tools .kb-q{min-width:0;width:100%}.conteudo{padding-left:14px;padding-right:14px}}
@media(max-width:760px){.principal{overflow-x:hidden}.principal .topo{flex-wrap:wrap;padding:12px 14px}.principal .topo-acoes{flex-wrap:wrap;width:100%}.principal .topo-acoes .busca{flex:1 1 100%;order:5;min-width:0;width:100%}}
/* rodapé do cartão: chip de prazo, avatar e setas alinhados, com folga */
.principal .card-k .pe{display:flex;align-items:center;gap:8px;margin-top:10px;min-height:26px}
.principal .card-k .pe .prazo{display:inline-flex;align-items:center;height:24px;padding:0 10px;line-height:1;font-size:11.5px;flex-shrink:0}
.principal .card-k .pe .av{width:26px;height:26px;font-size:11px;margin-left:auto;margin-right:2px;flex-shrink:0}
.principal .card-k .pe .mv{margin-left:0;display:inline-flex;align-items:center;gap:4px;flex-shrink:0}
.principal .card-k .pe .mv button{height:26px;min-width:26px;display:inline-grid;place-items:center;padding:0 6px;line-height:1}
.principal .kb-tema-limpo .card-k .pe .mv{margin-left:auto}
/* avatar: só no tema Completo (no Limpo continua oculto); .av do polimento.css tinha display:flex que descentralizava a letra */
.principal .kb-tema-completo .card-k .pe .av{display:inline-flex!important;align-items:center;justify-content:center;box-sizing:border-box;width:26px;height:26px;min-width:26px;max-width:26px;overflow:hidden;line-height:1;padding:0;text-align:center;font-size:10.5px;letter-spacing:0;text-indent:0}
.principal .kb-tema-limpo .card-k .pe .av{display:none!important}
.principal .card-k .guia-emoji{font-size:13px;opacity:.75;line-height:1}

/* linhas editáveis por duplo clique (clientes, produtos, orçamentos, pedidos, lançamentos) */
.conteudo tbody tr:has([data-a="ed"]),.conteudo tbody tr:has([data-a="ab"]),.conteudo tbody tr:has([data-baixa]){cursor:pointer}
.conteudo tbody tr:has([data-a="ed"]):hover,.conteudo tbody tr:has([data-a="ab"]):hover,.conteudo tbody tr:has([data-baixa]):hover{background:#eaf5fc}
.conteudo tbody tr:has([data-a="ed"]) td,.conteudo tbody tr:has([data-a="ab"]) td,.conteudo tbody tr:has([data-baixa]) td{user-select:none}
/* modo TV: títulos legíveis sobre fundo escuro e botão Sair numa faixa própria, sem cobrir colunas */
.principal .kb.tv{padding-top:64px}
.principal .kb.tv .kh-t b{color:#fff}
.principal .kb.tv .kh .kh-n{color:#fff}
.principal .kb.tv .kh small{color:#b8c4d6}
.principal .kb.tv .kh.wip-x small{color:#ffb4c8}
.principal .kb.tv .kb-sair{top:14px;right:22px}
.principal .kb.tv .kb-grid .kh,.principal .kb.tv .kb-grid .kh:nth-child(n){background:#131b2c!important;color:#fff}
.principal .kb.tv .kb-grid .kh.wip-x,.principal .kb.tv .kb-grid .kh.wip-x:nth-child(n){background:#3a1626!important}
.principal .kb.tv .kb-grid .col-k,.principal .kb.tv .kb-grid .col-k:nth-child(n){background:#1a2336!important}
.principal .kb.tv .kb-grid .kh .kh-n{background:#2a3a57!important;color:#fff!important;border-color:transparent!important}

/* rodapés de janelas com 3+ botões: quebram linha, nada sai do quadro, ação principal destacada */
.fundo-modal .modal .modal-rod{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px}
.fundo-modal .modal .modal-rod .btn{flex:0 1 auto;max-width:100%;white-space:normal;text-align:center;line-height:1.25}
.fundo-modal .modal .modal-rod .btn-fantasma-esc{margin-right:auto;flex:0 1 auto}
.fundo-modal .modal .modal-rod .btn-primario{box-shadow:0 4px 12px rgba(10,159,224,.28)}
@media(max-width:600px){
  .fundo-modal .modal .modal-rod{flex-direction:column;align-items:stretch}
  .fundo-modal .modal .modal-rod .btn,.fundo-modal .modal .modal-rod .btn-fantasma-esc{width:100%;margin-right:0}
  .fundo-modal .modal .modal-rod .btn-primario{order:-1}
  .fundo-modal .modal .modal-rod .btn-fantasma-esc{order:9}
  .fundo-modal{padding:3vh 10px}
}

.barra-fil .busca{flex:0 1 340px;width:auto;min-width:200px}
.acoes-q{flex-wrap:wrap;justify-content:flex-end;min-width:150px;max-width:200px}
.cartao td:first-child b{white-space:normal}
.barra-fil .busca{flex:1 1 280px;max-width:380px;min-width:240px}

.cards-contas{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.cartao.conta{padding:16px 18px;border-top:4px solid var(--cor)}
.conta-cab{display:flex;align-items:center;gap:10px}.conta-cab>div{flex:1;min-width:0}.conta-cab b{display:block}.conta-cab small{color:var(--suave)}.conta-cab .i{color:var(--cor);width:22px;height:22px}
.conta-saldo{font-size:26px;font-weight:800;margin:10px 0 2px;font-variant-numeric:tabular-nums}

/* agenda: calendário mensal */
.cal-tit{margin:0 0 0 8px;font-size:19px}
.cal-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;background:var(--linha);border:1px solid var(--linha);border-radius:12px;overflow:hidden}
.cal-dow{background:#f1f4f9;padding:8px;text-align:center;font-size:12px;font-weight:700;text-transform:uppercase;color:var(--suave);letter-spacing:.05em}
.cal-dia{background:#fff;min-height:108px;padding:6px;display:flex;flex-direction:column;gap:3px;min-width:0}
.cal-dia.fora{background:#f7f9fc}.cal-dia.fora .cal-num{color:#b3bccb}
.cal-num{align-self:flex-start;border:0;background:none;font:600 13px "Segoe UI";width:26px;height:26px;border-radius:50%;cursor:pointer;color:var(--tinta-2)}
.cal-num:hover{background:#e6f4fc}.cal-dia.hoje .cal-num{background:var(--ciano);color:#fff}
.cal-ev{display:block;width:100%;text-align:left;border:0;border-left:3px solid var(--c);background:color-mix(in srgb,var(--c) 14%,#fff);color:var(--tinta);font:600 11.5px/1.3 "Segoe UI";padding:2px 6px;border-radius:4px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cal-ev:hover{filter:brightness(.96)}.cal-mais{border:0;background:none;color:var(--ciano);font:600 11.5px "Segoe UI";text-align:left;cursor:pointer;padding:0 4px}
@media(max-width:760px){.cal-dia{min-height:78px;padding:3px}.cal-ev{font-size:10.5px;padding:1px 3px}}

/* ===== login de demonstração e botão Sair ===== */
body.sem-login{overflow:hidden}
body.sem-login .app,body.sem-login #toast{visibility:hidden}
#login-raiz:empty{display:none}
.login{position:fixed;inset:0;z-index:300;display:grid;grid-template-columns:1.1fr 1fr;background:#0f1522}
.login-lado{background:linear-gradient(160deg,#0f1522,#1a2745);color:#e8edf5;padding:56px 56px;display:flex;flex-direction:column;justify-content:center;gap:18px;position:relative}
.login-marca{display:flex;align-items:center;gap:12px;font-size:26px;font-weight:800;letter-spacing:.3px}
.login-lado h2{font-size:32px;line-height:1.2;margin:18px 0 0;max-width:460px}.login-lado p{color:#a9b6cc;max-width:440px;font-size:15.5px;margin:0}
.login-faixa{display:flex;height:8px;border-radius:4px;overflow:hidden;max-width:300px;margin-top:18px}.login-faixa i{flex:1;display:block}.login-faixa i:nth-child(1){background:#00a8e8}.login-faixa i:nth-child(2){background:#e6007e}.login-faixa i:nth-child(3){background:#ffd100}.login-faixa i:nth-child(4){background:#0b0f1a;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.6)}
.login-form{background:#f3f5f9;display:grid;place-items:center;padding:24px;overflow:auto}
.login-form form{width:min(400px,100%);background:#fff;border-radius:16px;box-shadow:0 20px 60px rgba(10,20,35,.18);padding:30px 30px 24px;display:flex;flex-direction:column;gap:14px}
.login-form h1{margin:0;font-size:26px}.lg-sub{margin:-8px 0 4px;color:var(--suave)}
.lg-senha{display:flex;gap:8px}.lg-senha input{flex:1}.lg-senha button{border:1px solid var(--linha);background:#fff;border-radius:9px;padding:0 12px;font:600 12.5px "Segoe UI";cursor:pointer;color:var(--tinta-2)}
.lg-erro{min-height:20px;margin:0;color:#b0124f;font-weight:600;font-size:13px}
.lg-entrar{height:44px;font-size:15px}
.lg-dica{display:flex;flex-direction:column;gap:2px;background:#eef8fd;border:1px dashed #9ed6f0;border-radius:10px;padding:10px 14px;font-size:13px;color:#46546a}
.lg-dica code{background:#fff;border:1px solid #cfe7f3;border-radius:5px;padding:1px 7px;font:600 13px Consolas,monospace;color:#1b2430}.lg-dica small{color:var(--suave);margin-top:4px}
.usuario-lat{display:flex;align-items:center;gap:10px;margin:8px 12px 0;padding:10px;border-radius:10px;background:#141d2f;border:1px solid #1f2b44}
.av-usr{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#00a8e8,#e6007e);color:#fff;font:700 12px "Segoe UI";display:grid;place-items:center;flex-shrink:0}
.usr-txt{flex:1;min-width:0;display:flex;flex-direction:column}.usr-txt b{color:#fff;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.usr-txt small{color:#8294b0;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.btn-sair-lat{display:inline-flex;align-items:center;gap:6px;border:1px solid #33425f;background:transparent;color:#d7dee8;border-radius:8px;padding:6px 10px;font:600 12.5px "Segoe UI";cursor:pointer}
.btn-sair-lat:hover{background:#e6007e;border-color:#e6007e;color:#fff}.btn-sair-lat .i{width:16px;height:16px}
.btn-sair{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 14px}.btn-sair .i{width:17px;height:17px}
.btn-sair:hover{border-color:var(--magenta);color:var(--magenta)}
@media(max-width:900px){.login{grid-template-columns:1fr}.login-lado{display:none}}
@media(max-width:860px){.usuario-lat{flex-direction:column;margin:8px 6px 0;padding:8px 4px}.usr-txt{display:none}.btn-sair-lat span{display:none}.btn-sair-lat{padding:6px}.lateral-rodape{display:block}}
@media(max-width:760px){.btn-sair{padding:0 10px}}
.login .login-lado h2,.login .login-lado .login-marca{color:#fff!important}
.login .login-lado p{color:#b8c4d6!important}
#titulo:focus,#titulo:focus-visible{outline:none}
.usr-txt b{font-size:12.5px}

/* painel: período e metas */
.medidores{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.medidor .med-cab{display:flex;justify-content:space-between;gap:10px;margin-bottom:6px}.medidor .med-cab span{font-weight:800;font-variant-numeric:tabular-nums}
.med-barra{height:10px;border-radius:5px;background:#e8ecf3;overflow:hidden}.med-barra i{display:block;height:100%;border-radius:5px;transition:width .3s}
.medidor small{display:block;margin-top:5px;color:var(--suave)}

/* acessibilidade e contraste */
html:root{--suave:#5f6f86}
.pular{position:fixed;left:12px;top:-60px;z-index:400;background:#1b2430;color:#fff;padding:10px 16px;border-radius:0 0 10px 10px;font-weight:700;text-decoration:none;transition:top .12s}
.pular:focus{top:0;outline:3px solid var(--ciano)}
#conteudo:focus{outline:none}
.grafico text{fill:#5f6f86}.grafico text.val{fill:#1b2430}
.card-k[tabindex]:focus-visible,.atalho:focus-visible,.cal-ev:focus-visible,.cal-num:focus-visible,.chip-btn:focus-visible,.filtro:focus-visible{outline:3px solid var(--ciano);outline-offset:2px}
.card-k[tabindex]:focus-visible .pe .mv{opacity:1}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* CMYK = ciano, magenta, amarelo e PRETO (chave K); em fundo escuro o preto ganha contorno claro */
body.modo-escuro .marca-cmyk i:nth-child(4),body.dark-mode .marca-cmyk i:nth-child(4){background:#0b0f1a;box-shadow:0 0 0 1.5px rgba(255,255,255,.75)}

/* QA estoque e compras */
.acoes-q{max-width:260px;min-width:210px}
.aviso-res{background:#fff4d6;border:1px solid #f0d58a;color:#7a5a00;border-radius:8px;padding:8px 12px;margin:0 0 10px;font-weight:600;font-size:13px}
.aviso-res[hidden]{display:none}
@media(max-width:600px){
  .fundo-modal .modal .modal-corpo{overflow-x:auto}
  .fundo-modal .modal .modal-corpo table.itens{min-width:560px}
  .fundo-modal .modal .modal-corpo table.itens select{min-width:210px}
  .fundo-modal .modal .modal-rod [data-x]:not(.btn-primario){order:9}
}

/* contraste AA */
html:root{--vermelho:#b83232}
.principal .btn-primario,.login .btn-primario,.fundo-modal .btn-primario,.drawer .btn-primario,.folha-barra .btn-primario{background:linear-gradient(135deg,#0a77aa,#06608c)!important;color:#fff!important}
.seg button{color:#46546a}.seg button.on{background:#0b6e99!important;color:#fff!important}
.prazo.pz-atr{color:#a60f4a!important}
.pri-p{color:#46546a!important}
.kpi .alta,.pos{color:#0a7a4e}
.neg{color:#b83232}

.principal .av-usr,.principal .avatar,.lateral .av-usr,.avatar{background:linear-gradient(135deg,#0a77aa,#a0005a)!important}
.seg button:not(.on){color:#46546a!important}

/* login: arte própria em SVG (rolos de impressão, meios-tons CMYK, marcas de registro e corte); escura e de baixo contraste */
.login .login-lado{background:#070b16 url("../img/fundo-login.svg") center/cover no-repeat;overflow:hidden}
.login .login-lado h2,.login .login-lado p,.login .login-lado .login-marca,.login .login-lado .login-faixa{position:relative;z-index:1}
.login .login-lado h2{text-shadow:0 2px 18px rgba(5,8,16,.85)}
.login .login-lado p{text-shadow:0 1px 12px rgba(5,8,16,.9)}

/* ===== faixas rolantes (ticker), CSS próprio; CMYK com texto em contraste AA ===== */
.ticker{overflow:hidden;white-space:nowrap;position:relative;user-select:none;-webkit-user-select:none}
.ticker-trilho{display:inline-flex;min-width:max-content;animation:ticker-rola var(--dur,80s) linear infinite;will-change:transform}
.ticker-lista{display:flex;flex-shrink:0;margin:0;padding:0;list-style:none}
@keyframes ticker-rola{to{transform:translateX(-50%)}}
.ticker:hover .ticker-trilho,.ticker:focus-within .ticker-trilho{animation-play-state:paused}
.ti{display:inline-flex;align-items:center;gap:20px;padding:0 20px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.ti::after{content:"●";font-size:.7em;opacity:.7}
/* faixa 1: segmentos ciano, magenta, amarelo e preto (K) */
.t1{height:34px;font-size:12px}.t1 .ti{height:34px}
.t1 .ti:nth-child(4n+1){background:#00a8e8;color:#0b0f1a}
.t1 .ti:nth-child(4n+2){background:#d8006f;color:#fff}
.t1 .ti:nth-child(4n+3){background:#ffd100;color:#0b0f1a}
.t1 .ti:nth-child(4n+4){background:#0b0f1a;color:#fff}
/* faixa 2: neutra clara, com bolinhas CMYK e item de destaque */
.t2{height:30px;font-size:11.5px;background:#eef1f6;--dur:95s}.t2 .ti{height:30px;color:#46546a;font-weight:700}
.t2 .ti::after{opacity:1}
.t2 .ti:nth-child(4n+1)::after{color:#0a7fb0}.t2 .ti:nth-child(4n+2)::after{color:#d8006f}.t2 .ti:nth-child(4n+3)::after{color:#b38f00}.t2 .ti:nth-child(4n+4)::after{color:#0b0f1a}
/* no sistema: faixa fina e discreta */
.faixa-sis{display:flex;align-items:stretch;background:#0b0f1a;border-bottom:1px solid #1c2740}
.faixa-sis[hidden]{display:none}.faixa-sis #ticker-sis{flex:1;min-width:0}
.ticker-fino{height:24px;font-size:10.5px;--dur:110s}.ticker-fino .ti{height:24px;padding:0 16px;gap:16px;font-weight:700}
.faixa-x{flex:0 0 32px;border:0;background:#0b0f1a;color:#d7dee8;font:700 18px/1 "Segoe UI";cursor:pointer;border-left:1px solid #26334d}
.faixa-x:hover{background:#e6007e;color:#fff}
#btn-faixa[hidden]{display:none}
/* no login: base do painel esquerdo */
.login-tickers{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;flex-direction:column}
.login .login-lado{padding-bottom:104px}
@media(max-height:620px){.login-tickers{display:none}.login .login-lado{padding-bottom:56px}}
@media (prefers-reduced-motion:reduce){
  .ticker-trilho{animation:none}.ticker{overflow-x:auto}.ticker-lista[aria-hidden="true"]{display:none}
}

/* QA: valores monetários nunca quebram em 2 linhas; lateral estreita sem botão truncado */
td.num,th.num,.cartao .num{white-space:nowrap}
@media(max-width:860px){
  .lateral-rodape #btn-reset{display:none}
  .lateral-rodape #btn-faixa{font-size:0;padding:8px 0;min-width:0;width:100%}
  .lateral-rodape #btn-faixa::before{content:"≡";font-size:18px;line-height:1}
}

/* central de notificações */
.sino-pop{width:min(400px,94vw);padding:0;overflow:hidden}
.sn-cab{display:flex;align-items:center;justify-content:space-between;padding:12px 14px 6px}.sn-cab h4{margin:0;font-size:15px}
.sn-link{border:0;background:none;color:#0b6e99;font:600 12.5px "Segoe UI";cursor:pointer;padding:2px 4px;border-radius:5px}.sn-link:hover{background:#e6f4fc}
.sn-cats{display:flex;gap:6px;flex-wrap:wrap;padding:4px 12px 8px;border-bottom:1px solid var(--linha)}
.sn-cat{border:1px solid var(--linha);background:#fff;border-radius:999px;padding:4px 11px;font:600 12px "Segoe UI";color:#46546a;cursor:pointer}
.sn-cat.on{background:#1b2430;border-color:#1b2430;color:#fff}.sn-cat i{font-style:normal;background:#d8006f;color:#fff;border-radius:99px;padding:0 6px;margin-left:3px;font-size:11px}
.sn-lista{list-style:none;margin:0;padding:6px;max-height:min(52vh,420px);overflow-y:auto}
.sn-item{display:flex;align-items:flex-start;gap:10px;width:100%;text-align:left;border:0;background:none;padding:9px 10px;border-radius:9px;cursor:pointer;font:inherit;color:var(--tinta)}
.sn-item:hover{background:#eef6fc}.sn-item .i{flex-shrink:0;margin-top:2px;color:#0b6e99}
.sn-tx{flex:1;min-width:0}.sn-tx b{display:block;font-weight:500}.sn-item.nova .sn-tx b{font-weight:800}.sn-tx small{display:block;color:var(--suave);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sn-ponto{width:9px;height:9px;border-radius:50%;background:#d8006f;flex-shrink:0;margin-top:6px}
.sn-rod{padding:8px 14px;border-top:1px solid var(--linha);font-size:11.5px;color:var(--suave);display:flex;justify-content:space-between;gap:8px;align-items:center}
/* KPIs: entrada discreta */
.kpi{animation:kpiEntra .55s cubic-bezier(.2,.8,.2,1) both}
.linha-cartoes>.kpi:nth-child(2){animation-delay:.07s}.linha-cartoes>.kpi:nth-child(3){animation-delay:.14s}.linha-cartoes>.kpi:nth-child(4){animation-delay:.21s}
.kpi b{animation:kpiNum .7s ease .12s both}.kpi::before{transform-origin:top;animation:kpiBarra .6s ease both}
@keyframes kpiEntra{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}
@keyframes kpiNum{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@keyframes kpiBarra{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@media (prefers-reduced-motion:reduce){.kpi,.kpi b,.kpi::before{animation:none}}

/* ===== tema claro/escuro ===== */
html.tema-escuro{color-scheme:dark}
.btn-tema .ic-sol{display:none}.btn-tema .ic-lua{display:block}
body.modo-escuro .btn-tema .ic-sol{display:block}body.modo-escuro .btn-tema .ic-lua{display:none}
/* escuro: complementos para os componentes da demo (o polimento cobre cartões, quadro e tabelas) */
body.modo-escuro{--lateral:#070b14}
body.modo-escuro .btn-sec,body.modo-escuro .btn-icone,body.modo-escuro .filtro,body.modo-escuro .chip-btn,body.modo-escuro .sn-cat,body.modo-escuro .atalho,body.modo-escuro .abas-v button,body.modo-escuro .seg button,body.modo-escuro .lg-senha button,body.modo-escuro .cal-num,body.modo-escuro .btn-sair{background:#16203a;border-color:#2b3a58;color:#e8edf5}
body.modo-escuro .btn-sec:hover,body.modo-escuro .btn-icone:hover,body.modo-escuro .filtro:hover,body.modo-escuro .atalho:hover{background:#1e2b4a;border-color:#00a8e8;color:#fff}
body.modo-escuro .filtro.ativo,body.modo-escuro .chip-btn.on,body.modo-escuro .abas-v button.ativa,body.modo-escuro .sn-cat.on{background:#0b6e99;border-color:#0b6e99;color:#fff}
body.modo-escuro .seg button:not(.on){color:#c9d4e6!important}
body.modo-escuro .btn-perigo{background:#2a1620;border-color:#5a2a38;color:#ff9aa8}
body.modo-escuro input,body.modo-escuro select,body.modo-escuro textarea{background:#0e1626;color:#e8edf5;border-color:#2b3a58}
body.modo-escuro input::placeholder,body.modo-escuro textarea::placeholder{color:#8a9bb6}
body.modo-escuro input[readonly]{background:#121c30}
body.modo-escuro .grafico text{fill:#a9b8d0}body.modo-escuro .grafico text.val{fill:#e8edf5}body.modo-escuro .grafico text.halo{stroke:#141c2e}
body.modo-escuro .grafico line[stroke="#e3e8ef"]{stroke:#26334d}
body.modo-escuro .modal,body.modo-escuro .drawer,body.modo-escuro .sino-pop,body.modo-escuro .paleta,body.modo-escuro .folha-op{background:#141c2e;color:#e8edf5}
body.modo-escuro .modal-rod,body.modo-escuro .dr-rod{background:#101828;border-color:#26334d}
body.modo-escuro .modal-cab,body.modo-escuro .dr-cab,body.modo-escuro .abas,body.modo-escuro .sn-cats,body.modo-escuro .sn-rod{border-color:#26334d}
body.modo-escuro .sn-item:hover,body.modo-escuro .paleta li.sel{background:#1b2a47}
body.modo-escuro .cal-dia{background:#141c2e}body.modo-escuro .cal-dia.fora{background:#0f1626}body.modo-escuro .cal-dow{background:#101828}body.modo-escuro .cal-grid{background:#26334d;border-color:#26334d}
body.modo-escuro .cal-ev{color:#e8edf5;background:color-mix(in srgb,var(--c) 28%,#141c2e)}
body.modo-escuro .med-barra,body.modo-escuro .barra-h,body.modo-escuro .wip,body.modo-escuro .prog{background:#26334d}
body.modo-escuro .dev-aviso{background:#2a2410;border-color:#4a3e12;color:#f3d77a}
body.modo-escuro .aviso-res{background:#2a2410;border-color:#4a3e12;color:#f3d77a}
body.modo-escuro .av-prev{background:#101828}
body.modo-escuro .bal-em,body.modo-escuro .bal-sms .bal-msg{background:#1b2640;color:#e8edf5}
body.modo-escuro .bal-wa .bal-msg{background:#124d3a;color:#e8fff5}
body.modo-escuro .lg-dica{background:#0f1a2e;border-color:#2b4a6e;color:#c9d4e6}body.modo-escuro .lg-dica code{background:#16203a;border-color:#2b3a58;color:#e8edf5}
body.modo-escuro .login-form{background:#0b1120}body.modo-escuro .login-form form{background:#141c2e}
body.modo-escuro .login-form h1{color:#e8edf5}
body.modo-escuro .linha-tempo li:hover{background:#18233a}
body.modo-escuro .conta-saldo{color:#e8edf5}
body.modo-escuro .ficha-id h2{color:#e8edf5}
body.modo-escuro .toast{background:#e8edf5;color:#0b1120}
body.modo-escuro .esmaec{filter:saturate(.5) brightness(.7)}
body.modo-escuro .kpi .alta,body.modo-escuro .pos{color:#4ade80}body.modo-escuro .neg{color:#ff8a94}
body.modo-escuro .principal .btn-primario,body.modo-escuro .fundo-modal .btn-primario{background:linear-gradient(135deg,#0a77aa,#06608c)!important;color:#fff!important}
/* escuro: textos secundários em contraste AA */
html body.modo-escuro{--suave:#a3b3cb;--tinta-2:#c9d4e6}
body.modo-escuro [style*="5f6f86"],body.modo-escuro [style*="8a97a8"],body.modo-escuro [style*="46546a"]{color:#a8b7cd!important}
body.modo-escuro .chip[style]{color:#eef3fb!important}
body.modo-escuro .campo label,body.modo-escuro label{color:#b9c5d8}
body.modo-escuro .pri-p{color:#d3dcec!important}
body.modo-escuro .ck-ped,body.modo-escuro .ck-cli,body.modo-escuro .kb-info,body.modo-escuro .dica,body.modo-escuro td small,body.modo-escuro .conta small,body.modo-escuro .sub,body.modo-escuro .fo-nota{color:#a3b3cb}
body.modo-escuro .kb-tools,body.modo-escuro .rapido{background:#141c2e}
body.modo-escuro .kh.wip-x small,body.modo-escuro .kh.wip-x small b{color:#ff9aa8!important}
body.modo-escuro .kh.wip-x{background:#2a1320}

/* ===== ajustes do Analista Visual ===== */
/* (9) atalhos com o mesmo estilo do sino (o polimento.css estilizava #btn-ajuda como botão largo) */
.topo-acoes #btn-ajuda{width:40px;height:40px;padding:0;gap:0;display:grid;place-items:center;border-radius:10px;border:1px solid var(--linha);background:#fff;box-shadow:none;color:var(--tinta-2)}
.topo-acoes #btn-ajuda:hover{border-color:var(--ciano);color:var(--ciano);background:#fff;box-shadow:0 3px 10px rgba(15,21,34,.08)}
.topo-acoes #btn-ajuda .i{width:20px;height:20px}
body.modo-escuro .topo-acoes #btn-ajuda{background:#16203a;border-color:#2b3a58;color:#e8edf5}
/* (1)(2) impressão: nada de faixa rolante nem sombras */
@media print{
  .faixa-sis,#faixa-sis,.ticker,.ticker-trilho,.sino-pop,.pular,.btn-icone,.sino-box,#btn-faixa{display:none!important}
  .card,.cartao{box-shadow:none!important;border:1px solid #d5dce8!important;background:#fff!important}
}
/* (5) tabelas: indicação de rolagem horizontal (sombras laterais + barra fina visível) */
.cartao{scrollbar-width:thin;scrollbar-color:#9fb0c9 transparent}
.cartao::-webkit-scrollbar{height:8px}.cartao::-webkit-scrollbar-thumb{background:#9fb0c9;border-radius:4px}.cartao::-webkit-scrollbar-track{background:transparent}
@media(max-width:760px){
  .cartao:has(table){background:
    linear-gradient(to right,var(--cartao) 30%,rgba(255,255,255,0)) left center/36px 100% no-repeat local,
    linear-gradient(to left,var(--cartao) 30%,rgba(255,255,255,0)) right center/36px 100% no-repeat local,
    radial-gradient(farthest-side at 0 50%,rgba(15,21,34,.28),rgba(15,21,34,0)) left center/12px 100% no-repeat scroll,
    radial-gradient(farthest-side at 100% 50%,rgba(15,21,34,.28),rgba(15,21,34,0)) right center/12px 100% no-repeat scroll,
    var(--cartao)}
}
/* telas estreitas (390px) */
@media(max-width:600px){
  /* (3) barra da folha A4 */
  .folha-barra{flex-wrap:wrap;gap:8px}.folha-barra .sp{display:none}.folha-barra strong{flex:1 1 100%}
  .folha-barra label{flex:1 1 auto}
  /* (4) ficha do cliente */
  .ficha-cab{grid-template-columns:auto minmax(0,1fr);gap:12px;padding:16px}
  .avatar{width:44px;height:44px;font-size:16px;border-radius:12px}
  .ficha-id{min-width:0}.ficha-id h2{font-size:18px;overflow-wrap:break-word;word-break:normal}
  .ficha-acoes{grid-column:1/-1;grid-row:auto;justify-content:flex-start}
  /* (6) painel: período em uma linha com rolagem */
  .barra-fil:has(#pn-per){flex-wrap:wrap}
  #pn-per{max-width:100%;overflow-x:auto;white-space:nowrap;flex-wrap:nowrap;scrollbar-width:thin}
  #pn-per button{flex:0 0 auto}
  /* (7) abas do financeiro/avisos em uma linha com rolagem */
  .abas-v{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;padding-bottom:4px}
  .abas-v button{flex:0 0 auto;white-space:nowrap}
  /* (8) gráficos largos rolam dentro do cartão */
  .cartao.pad{overflow-x:auto}
  .cartao.pad svg.grafico{min-width:520px}
}

/* central de relatórios */
.rel-tit{font-size:15px;margin:4px 0 10px;color:var(--tinta-2);text-transform:uppercase;letter-spacing:.06em}
.rel-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin-bottom:18px}
.rel-card{display:flex;flex-direction:column;gap:10px;padding:16px 18px;border-top:4px solid var(--cor);overflow:visible}
.rel-ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:#fff;background:var(--cor)}.rel-ic .i{width:22px;height:22px}
.rel-card:nth-child(3) .rel-ic{color:#1b2430}
.rel-tx h3{margin:0 0 4px;font-size:15px}.rel-tx p{margin:0;color:var(--suave);font-size:13px;line-height:1.4}
.rel-card .btn{align-self:flex-start;margin-top:auto}
/* barras de quantidade na folha */
.f-bq{display:flex;flex-direction:column;gap:5px;margin-top:2mm}
.f-bq-l{display:grid;grid-template-columns:34mm 1fr 10mm;gap:6px;align-items:center;font-size:11.5px}
.f-bq-l span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.f-bq-l i{display:block;height:8px;border-radius:4px;background:var(--c);width:var(--w)}.f-bq-l b{text-align:right}

/* barra das listas: filtros salvos e CSV */
.barra-lista{display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}.barra-lista .sp{flex:1}
.barra-lista .fs{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.barra-lista select{width:auto;min-width:190px;padding:6px 10px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.barra-lista .kb-info{font-size:12.5px}

/* tour guiado */
.tour{position:fixed;inset:0;z-index:250}
.tour-bloqueio{position:absolute;inset:0}
.tour-furo{position:fixed;border-radius:12px;box-shadow:0 0 0 9999px rgba(8,12,22,.74),0 0 0 3px #00a8e8;pointer-events:none;transition:left .25s,top .25s,width .25s,height .25s}
.tour-cartao{position:fixed;width:min(340px,calc(100vw - 16px));background:#fff;color:#1b2430;border-radius:14px;box-shadow:0 22px 60px rgba(5,10,25,.5);padding:16px 18px 14px;border-top:4px solid #e6007e}
.tour-cartao h3{margin:2px 0 6px;font-size:17px}.tour-cartao p{margin:0 0 12px;color:#46546a;font-size:14px;line-height:1.5}
.tour-pas{font:700 11.5px "Segoe UI";letter-spacing:.06em;text-transform:uppercase;color:#5f6f86}
.tour-pts{display:flex;gap:6px;margin-bottom:12px}.tour-pts i{width:22px;height:5px;border-radius:3px;background:#d5dce8}.tour-pts i.on{background:#00a8e8}
.tour-bt{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.tour-bt .btn-fantasma-esc{margin-right:auto;padding-left:0}
body.modo-escuro .tour-cartao{background:#141c2e;color:#e8edf5}body.modo-escuro .tour-cartao p{color:#b9c5d8}body.modo-escuro .tour-pas{color:#a3b3cb}body.modo-escuro .tour-pts i{background:#26334d}body.modo-escuro .tour-pts i.on{background:#00a8e8}
body.modo-escuro .tour-bt .btn-fantasma-esc{color:#c9d4e6}
@media (prefers-reduced-motion:reduce){.tour-furo{transition:none}}
body.modo-escuro #btn-tour{background:#16203a;border-color:#2b3a58;color:#e8edf5}
.tour-cartao .btn-primario{background:linear-gradient(135deg,#0a77aa,#06608c)!important;color:#fff!important}

/* roteiro e modo apresentação */
.pulso{outline:3px solid #e6007e!important;outline-offset:3px;border-radius:8px;animation:pulsoBorda 1s ease-in-out 4}
@keyframes pulsoBorda{0%,100%{outline-color:#e6007e}50%{outline-color:#00a8e8}}
@media (prefers-reduced-motion:reduce){.pulso{animation:none}}
.ciclo{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.ciclo li{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--linha);border-radius:10px}
.ciclo-n{width:28px;height:28px;border-radius:50%;background:#0b6e99;color:#fff;display:grid;place-items:center;font:700 13px "Segoe UI";flex-shrink:0}
.ciclo-t{flex:1;min-width:0}.ciclo-t b{display:block}.ciclo-t small{display:block;color:var(--suave);line-height:1.4}
@media(max-width:860px){.lateral-rodape #btn-modo{display:none}}

/* QA: setas do cartão acessíveis em toque/tela estreita (o polimento.css as deixava invisíveis até o hover) */
@media (hover:none),(max-width:768px){
  .principal .kb .card-k.rico .pe .mv,.principal .kb-tema-limpo .card-k.rico .pe .mv{opacity:1!important;pointer-events:auto!important}
}
/* ficha: perfil comercial */
.perfil{margin-bottom:14px}
.perfil-grade{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px 20px;margin-bottom:14px}
.perfil-grade small{display:block;color:var(--suave);font-weight:600;font-size:11.5px;text-transform:uppercase;letter-spacing:.04em}
.perfil-grade span{font-weight:500}
.limite .med-cab{display:flex;justify-content:space-between;margin-bottom:6px}.limite small{display:block;margin-top:5px;color:var(--suave)}

/* estados vazios */
.vazio-rico{display:flex;flex-direction:column;align-items:center;gap:6px;padding:26px 16px;text-align:center;color:var(--tinta-2)}
.vazio-rico .i{width:40px;height:40px;color:#9fb0c9;margin-bottom:4px}.vazio-rico b{font-size:15px;color:var(--tinta)}.vazio-rico span{max-width:460px;line-height:1.45;color:var(--suave)}
.vazio-rico .vz-bt{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:8px}
td.vazio .vazio-rico{padding:22px 10px}
.vazio-banner{margin-bottom:12px}
.pa-vazio{padding:12px;color:var(--suave);cursor:default;display:block}

/* impressão: cada folha cabe em 1 página A4 (o ajuste --aj é calculado ao pintar; só reduz quando o conteúdo passa de 1 página) */
@media print{
  html,body.com-folha{width:210mm!important;margin:0!important}
  .folha-pal{height:auto!important}
  .folha-escala{zoom:1!important;width:auto!important}
  .folha{zoom:var(--aj,1)!important;width:calc(210mm / var(--aj,1))!important;min-height:calc(296mm / var(--aj,1))!important;margin:0!important;box-sizing:border-box!important;overflow:hidden!important;break-inside:avoid;page-break-after:avoid}
}

.f-mais{display:none;text-align:center;color:#5f6f86;font-style:italic;margin:6px 0 0;font-size:11.5px}
.folha.medindo .f-extra{display:none}.folha.medindo .f-mais{display:block}
@media print{.f-extra{display:none!important}.f-mais{display:block}}