/* Identidade MNA Connect (mesma paleta e fontes do site). Sem estilo embutido: a CSP so aceita este arquivo. */
@font-face{font-family:'Poppins';font-weight:200;font-style:normal;font-display:swap;src:url(/app/assets/poppins-latin-200-normal.woff2) format('woff2')}
@font-face{font-family:'Poppins';font-weight:300;font-style:normal;font-display:swap;src:url(/app/assets/poppins-latin-300-normal.woff2) format('woff2')}
@font-face{font-family:'Poppins';font-weight:500;font-style:normal;font-display:swap;src:url(/app/assets/poppins-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Sans';font-weight:400;font-style:normal;font-display:swap;src:url(/app/assets/ibm-plex-sans-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Sans';font-weight:500;font-style:normal;font-display:swap;src:url(/app/assets/ibm-plex-sans-latin-500-normal.woff2) format('woff2')}
:root{--noite:#000C22;--azul:#041C34;--painel:#0B2A44;--painel2:#0F3556;--ouro:#FFC857;--ambar:#FFB000;--bronze:#CA9228;--nevoa:#E6EBF2;--cinza:#9FB0C3;--texto:#C9D3DF;
  --linha:rgba(159,176,195,.22);--ok:#6FDC9A;--okbg:rgba(111,220,154,.12);--bl:#FFC857;--blbg:rgba(255,200,87,.12);--er:#FF8A9B;--erbg:rgba(255,138,155,.12);--sobre-ouro:#1A1200}
*{box-sizing:border-box}
html{color-scheme:dark}
body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:var(--noite);color:var(--texto);font:400 16px/1.55 'IBM Plex Sans',system-ui,-apple-system,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:'Poppins',system-ui,sans-serif;color:var(--nevoa);margin:0;font-weight:500;text-wrap:balance}
h1{font-size:1.65rem;margin:6px 0 4px}h2{font-size:1.15rem;margin:0 0 8px}h3{font-size:1rem}
a{color:var(--ouro)}
:focus-visible{outline:3px solid var(--ouro);outline-offset:2px}

/* faixa do cabecalho */
.faixa{position:sticky;top:0;z-index:10;background:linear-gradient(90deg,var(--noite) 0%,var(--azul) 55%,var(--painel) 100%);border-bottom:3px solid var(--ouro);box-shadow:0 6px 24px rgba(0,0,0,.45)}
.faixa-topo{max-width:1180px;margin:0 auto;padding:8px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.marca{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--nevoa)}
.marca img{border-radius:50%;box-shadow:0 0 0 2px var(--ouro),0 0 18px rgba(255,176,0,.35);display:block}
.marca-texto{display:flex;flex-direction:column;line-height:1.15}
.marca-texto strong{font-family:'Poppins',sans-serif;font-weight:500;font-size:1.25rem;letter-spacing:.02em}
.marca-texto em{font-style:normal;color:var(--ouro)}
.marca-texto small{color:var(--cinza);font-size:.82rem}
.faixa-dir{display:flex;align-items:center;gap:12px}
.perfil{color:var(--cinza);font-size:.9rem}
.abas{max-width:1180px;margin:0 auto;padding:0 16px;display:flex;gap:4px;overflow-x:auto}
.abas a{padding:11px 18px;color:var(--cinza);text-decoration:none;border-bottom:3px solid transparent;margin-bottom:-3px;white-space:nowrap;font-weight:500}
.abas a:hover{color:var(--nevoa)}
.abas a[aria-current=page]{color:var(--ouro);border-bottom-color:var(--ambar)}

main{flex:1;width:100%;max-width:1180px;margin:0 auto;padding:22px 16px 32px}
.rodape{padding:14px 16px;text-align:center;color:var(--cinza);font-size:.82rem;border-top:1px solid var(--linha)}
.lead{color:var(--cinza);margin:0 0 18px;max-width:70ch}

/* cartoes */
.card{background:var(--painel);border:1px solid var(--linha);border-radius:14px;padding:18px;margin-bottom:16px}
.card.destaque{border-color:rgba(255,200,87,.5)}
.grade{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));margin-bottom:16px}
.passo{display:flex;flex-direction:column;gap:6px;background:var(--painel);border:1px solid var(--linha);border-radius:14px;padding:18px}
.passo .num{font-family:'Poppins',sans-serif;font-weight:200;font-size:2.6rem;line-height:1;color:var(--ouro)}
.passo p{margin:0;color:var(--cinza)}
.passo .btn,.passo button{margin-top:auto;align-self:flex-start}
.numero-grande{font-family:'Poppins',sans-serif;font-weight:300;font-size:2rem;color:var(--nevoa);line-height:1.1}

/* botoes */
button,.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 20px;border:0;border-radius:999px;background:linear-gradient(180deg,var(--ouro),var(--ambar));color:var(--sobre-ouro);font:500 15px 'IBM Plex Sans',sans-serif;cursor:pointer;text-decoration:none}
button:hover,.btn:hover{filter:brightness(1.07)}
button.sec,.btn.sec{background:transparent;color:var(--ouro);border:1px solid rgba(255,200,87,.55)}
button.perigo{background:var(--er);color:#2a000a}
.btn-fantasma{background:transparent;color:var(--nevoa);border:1px solid var(--linha);min-height:36px;padding:0 16px}
button:disabled{opacity:.45;cursor:not-allowed;filter:none}

/* formularios */
label{display:block;margin:12px 0 5px;font-weight:500;color:var(--nevoa)}
input,select,textarea{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--linha);border-radius:10px;background:var(--azul);color:var(--nevoa);font:inherit}
input::placeholder{color:var(--cinza)}
input[type=file]{padding:9px}
.login{max-width:420px;margin:6vh auto}
.login .marca-grande{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:10px;text-align:center}
.login .marca-grande img{border-radius:50%;box-shadow:0 0 0 2px var(--ouro),0 0 28px rgba(255,176,0,.35)}
.barra{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:14px}
.barra input,.barra select{width:auto;flex:1;min-width:180px}

/* mensagens */
.msg{padding:11px 14px;border-radius:10px;margin:0 0 14px;border:1px solid transparent}
.msg.er{background:var(--erbg);color:var(--er);border-color:rgba(255,138,155,.4)}
.msg.ok{background:var(--okbg);color:var(--ok);border-color:rgba(111,220,154,.4)}
.msg.info{background:var(--blbg);color:var(--bl);border-color:rgba(255,200,87,.4)}
.aviso{padding:12px;background:var(--blbg);color:var(--bl);border-radius:10px}
.mut{color:var(--cinza)}
.fam{margin:22px 0 8px;font:500 .95rem 'Poppins',sans-serif;color:var(--ouro);text-transform:uppercase;letter-spacing:.06em}

/* tabelas e status */
table{width:100%;border-collapse:collapse}
th,td{text-align:left;padding:12px 8px;border-bottom:1px solid var(--linha);vertical-align:top}
th{font-size:.8rem;color:var(--cinza);font-weight:500;text-transform:uppercase;letter-spacing:.05em}
tr:last-child td{border-bottom:0}
.tag{display:inline-block;padding:3px 12px;border-radius:999px;font-size:.8rem;font-weight:500;white-space:nowrap}
.tag.lib{background:var(--okbg);color:var(--ok)}.tag.blo{background:var(--blbg);color:var(--bl)}.tag.er{background:var(--erbg);color:var(--er)}
.legenda{display:flex;gap:18px;flex-wrap:wrap;margin:0 0 14px;color:var(--cinza);font-size:.92rem}
.pront{display:flex;align-items:center;gap:10px;min-width:150px}
.pront progress{flex:1;height:8px;appearance:none;-webkit-appearance:none;border:0;border-radius:99px;overflow:hidden;background:rgba(159,176,195,.25)}
.pront progress::-webkit-progress-bar{background:rgba(159,176,195,.25)}
.pront progress::-webkit-progress-value{background:var(--ambar);border-radius:99px}.pront progress::-moz-progress-bar{background:var(--ambar)}
.pront.pronto progress::-webkit-progress-value{background:var(--ok)}.pront.pronto progress::-moz-progress-bar{background:var(--ok)}
.pront small{color:var(--cinza);white-space:nowrap}

/* enviar dados: 3 formas */
.opcoes{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:16px}
.opcao{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;background:var(--painel);color:var(--texto);border:1px solid var(--linha);border-radius:14px;padding:16px;min-height:0;height:auto;font-weight:400}
.opcao strong{font:500 1.02rem 'Poppins',sans-serif;color:var(--nevoa)}
.opcao span{color:var(--cinza);font-size:.9rem}
.opcao .n{font:200 2rem 'Poppins',sans-serif;color:var(--ouro);line-height:1}
.opcao[aria-selected=true]{border-color:var(--ouro);background:var(--painel2);box-shadow:0 0 0 1px var(--ouro)}
.etapas{margin:0 0 12px;padding-left:20px}.etapas li{margin:4px 0}
pre{background:var(--noite);border:1px solid var(--linha);border-radius:10px;padding:12px;overflow-x:auto;font:13px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--nevoa);margin:8px 0}
code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--ouro)}
.chave-nova{border:1px solid var(--ouro);background:var(--blbg);border-radius:12px;padding:14px;margin:12px 0}
.chave-nova code{display:block;word-break:break-all;color:var(--nevoa);margin:8px 0}

dialog{border:1px solid var(--linha);border-radius:14px;background:var(--painel);color:var(--texto);max-width:480px;width:92%}
dialog::backdrop{background:rgba(0,12,34,.75)}

/* anamnese */
.tag.foco{margin-left:8px;background:rgba(255,200,87,.18);color:var(--ouro);border:1px solid rgba(255,200,87,.5)}
fieldset{border:0;margin:0;padding:0;min-width:0}
legend{padding:0;font-weight:500;color:var(--nevoa)}
.escolhas{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));margin-top:10px}
.escolha{display:flex;align-items:center;gap:10px;margin:0;padding:12px 14px;border:1px solid var(--linha);border-radius:12px;background:var(--azul);cursor:pointer;font-weight:400}
.escolha input{width:auto;min-height:0;accent-color:var(--ambar)}
.escolha:has(input:checked){border-color:var(--ouro);background:var(--painel2);color:var(--nevoa)}
.escolha:has(input:focus-visible){outline:3px solid var(--ouro);outline-offset:2px}
.dor{padding:14px 0;border-bottom:1px solid var(--linha)}
.dor:last-of-type{border-bottom:0}
.dor p{margin:2px 0 8px}
.escala{display:flex;gap:6px;flex-wrap:wrap}
.nota-op{margin:0;font-weight:500;cursor:pointer}
.nota-op input{position:absolute;opacity:0;width:1px;height:1px;min-height:0}
.nota-op span{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid var(--linha);border-radius:10px;background:var(--azul);color:var(--cinza)}
.nota-op:hover span{border-color:var(--ouro);color:var(--nevoa)}
.nota-op input:checked+span{background:linear-gradient(180deg,var(--ouro),var(--ambar));color:var(--sobre-ouro);border-color:var(--ouro)}
.nota-op input:focus-visible+span{outline:3px solid var(--ouro);outline-offset:2px}
.pontas{display:flex;justify-content:space-between;gap:12px;margin-top:6px}
.card.destaque progress{width:100%;height:8px;appearance:none;-webkit-appearance:none;border:0;border-radius:99px;overflow:hidden;background:rgba(159,176,195,.25)}
.card.destaque progress::-webkit-progress-bar{background:rgba(159,176,195,.25)}
.card.destaque progress::-webkit-progress-value{background:var(--ambar)}.card.destaque progress::-moz-progress-bar{background:var(--ambar)}
.pront.medida progress::-webkit-progress-value{background:#7FB8FF}.pront.medida progress::-moz-progress-bar{background:#7FB8FF}
.nota-in{width:90px!important;flex:none!important;min-width:0!important}

@media(max-width:640px){
  .hide-m{display:none}
  .marca img{width:44px;height:44px}.marca-texto strong{font-size:1.05rem}.perfil{display:none}
  main{padding:16px 12px 28px}th,td{padding:10px 4px}
}
[hidden]{display:none!important}

.subabas{max-width:1180px;margin:0 auto;padding:6px 16px 0;display:flex;gap:6px;overflow-x:auto}
.subabas a{padding:6px 14px;border-radius:999px;color:var(--cinza);text-decoration:none;font-size:.9rem;white-space:nowrap;border:1px solid transparent}
.subabas a:hover{color:var(--nevoa)}
.subabas a[aria-current=page]{color:var(--ouro);border-color:var(--bronze);background:rgba(255,200,87,.08)}
.subabas[hidden]{display:none!important}

/* mapa de produtos */
.produto{display:flex;flex-direction:column;gap:8px;margin:0}
.produto .barra{margin:0;align-items:center;flex-wrap:wrap;gap:8px}
.produto h2{margin:0;font-size:1.05rem;flex:1;min-width:140px}
.produto .num{font-family:'Poppins',sans-serif;font-weight:200;font-size:1.9rem;line-height:1;color:var(--ouro)}
.produto ul{margin:0;padding-left:18px}
.produto .btn{margin-top:auto;align-self:flex-start}

.cadastro{max-width:560px}
.cadastro h2{font-size:1.05rem;margin:20px 0 4px;color:var(--ouro)}
.isca{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.marca-aceite{display:flex;gap:10px;align-items:flex-start;margin:14px 0 0;font-weight:400;line-height:1.4}
.marca-aceite input{width:auto;margin-top:3px;flex:none}

.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:14px 0}
.tile{background:var(--card,rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:2px}
.tile strong{font-size:1.7rem;line-height:1.1;color:var(--ouro)}
.tile span{font-size:.85rem;color:var(--nevoa)}
.tile.alerta{border-color:var(--ambar)}
.sit{display:inline-block;padding:2px 10px;border-radius:999px;font-size:.8rem;border:1px solid currentColor}
.sit.ok{color:#5fd39a}.sit.pend{color:var(--ouro)}.sit.off{color:#9aa5b8}.sit.alerta{color:#ff8a7a}

/* Simulador de ICMS (area restrita) */
.sim{display:flex;flex-wrap:wrap;gap:28px}
.sim-form{flex:1 1 340px;display:grid;gap:14px;align-content:start}
.sim-form label{display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--nevoa);margin:0}
.sim-form select,.sim-form input[type=text]{min-height:44px}
.sim-form h2{margin:8px 0 0;font-size:18px}
.sim-form .sim-ck{flex-direction:row;align-items:flex-start;gap:10px}
.sim-form .sim-ck input{min-height:auto;width:auto;margin-top:3px;accent-color:#FFB000}
.sim-cadbox{padding:12px;border:1px solid rgba(255,200,87,.45);border-radius:12px;background:rgba(255,200,87,.07)}
.sim-form input:disabled{opacity:.45;cursor:not-allowed}
.sim-out{flex:1 1 380px;display:flex;flex-direction:column;gap:14px}
.sim-out h2,.card h2{font-size:18px}
.sim-kpis{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.sim-kpis div{padding:14px;border-radius:14px;background:rgba(4,28,52,.55);border:1px solid var(--linha);display:flex;flex-direction:column;gap:4px}
.sim-kpis span{font-size:12.5px;color:var(--cinza)}
.sim-kpis b{font-family:'Poppins',sans-serif;font-weight:500;font-size:24px;color:var(--ouro)}
.sim-txt{margin:0;font-size:15px}
.sim-aviso{margin:0;font-size:13.5px;color:var(--ouro)}
.sim-tab-w,.sim-itw{overflow-x:auto;margin-top:12px}
.sim-tab td,.sim-tab th{white-space:nowrap;padding:8px 10px}
.sim-tab td:last-child{white-space:normal}
.sim-tab tr.on td{background:rgba(255,176,0,.14);color:var(--nevoa)}
.sim-it input,.sim-it select{min-width:92px;min-height:40px;padding:6px 8px;font-size:14px}
.sim-it td:first-child input{min-width:150px}
.sim-it .i-x{height:40px;width:40px;padding:0;border-radius:10px;font-size:20px}
.sim-bt{display:flex;flex-wrap:wrap;gap:10px}
.sim-bt .sec,.sim-bt .btn{flex:1 1 200px}
.sim-file{position:relative;cursor:pointer}
.sim-file input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.sim-file:focus-within{outline:3px solid var(--ouro);outline-offset:2px}
.sim-form-l{display:flex;flex-direction:column;gap:6px;font-size:14px;margin-top:12px}
.sim-fontes{margin:8px 0;padding-left:20px}