/* =====================================================================
   Portal Moraes & Oliveira — identidade da marca M&O
   Cores tiradas da logomarca (9-LOGO MARCA/logo nova.png): noite #00091D,
   azul eletrico #0090F0, ciano #00C8F0, brilho gelo #E4FFFF. O azul do acento
   foi escurecido para texto branco passar no contraste AA; o ciano entra so
   como brilho e destaque sobre fundo escuro, nunca como texto sobre branco.
   ===================================================================== */
:root {
  --e1: 4px; --e2: 8px; --e3: 12px; --e4: 16px; --e5: 24px; --e6: 32px; --e7: 48px; --e8: 64px;
  --t-micro: 11px; --t-p: 13px; --t-base: 15px; --t-g: 19px; --t-gg: 25px; --t-titulo: 33px;
  --titulo: Bahnschrift, "DIN Alternate", "Segoe UI Semibold", "Segoe UI", sans-serif;
  --sans: "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --mono: "Cascadia Mono", Consolas, "Courier New", monospace;
  --noite: #00091d; --noite-2: #001935; --eletrico: #0090f0; --ciano: #00c8f0; --gelo: #e4ffff;
  --fundo-0: #edf3f9;
  --fundo-1: #ffffff;
  --fundo-2: #e0e9f3;
  --texto: #00091d;
  --texto-2: #3a4e66;
  --texto-3: #3a4e66;
  --regua: #d2deea;
  --regua-forte: #a5b9cf;
  --acento: #0067d1;
  --acento-tinta: #e4f4ff;
  --acento-suave: #dbeafb;
  --ok: #0d7a4c;      --ok-f: #dcf2e7;
  --atencao: #8a5800; --atencao-f: #fbefcf;
  --erro: #c0261b;    --erro-f: #fbe0dc;
  --neutro: #4b5d72;  --neutro-f: #e5ecf3;
  --lateral: #00091d; --lateral-texto: #e4f4ff; --lateral-2: #8fb3d6;
  --lateral-linha: #0d2747; --lateral-real: #04203f;
  --raio-p: 6px; --raio: 14px;
  --sombra-1: 0 1px 2px rgba(0, 25, 53, .06), 0 2px 8px rgba(0, 25, 53, .06);
  --sombra-2: 0 16px 40px rgba(0, 9, 29, .28);
  --brilho: 0 0 0 1px rgba(0, 200, 240, .35), 0 6px 20px rgba(0, 144, 240, .35);
  --foco: 0 0 0 3px rgba(0, 144, 240, .45);
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-tema="claro"]) {
    --fundo-0: #000b1f; --fundo-1: #021530; --fundo-2: #062240;
    --texto: #cfe0f0; --texto-2: #a9c3dd; --texto-3: #a9c3dd;
    --regua: #0e2c4d; --regua-forte: #1d4775;
    --acento: #00c8f0; --acento-tinta: #00091d; --acento-suave: #04304f;
    --ok: #52d39c; --ok-f: #072e22;
    --atencao: #f2c14e; --atencao-f: #33280a;
    --erro: #ff8a80; --erro-f: #3a1210;
    --neutro: #a9c3dd; --neutro-f: #0b2442;
    --sombra-1: 0 1px 2px rgba(0, 0, 0, .5);
    --sombra-2: 0 16px 40px rgba(0, 0, 0, .65);
    color-scheme: dark;
  }
}
/* mesma coisa quando a pessoa escolhe a tela escura no botao do topo */
  :root[data-tema="escuro"] {
    --fundo-0: #000b1f; --fundo-1: #021530; --fundo-2: #062240;
    --texto: #cfe0f0; --texto-2: #a9c3dd; --texto-3: #a9c3dd;
    --regua: #0e2c4d; --regua-forte: #1d4775;
    --acento: #00c8f0; --acento-tinta: #00091d; --acento-suave: #04304f;
    --ok: #52d39c; --ok-f: #072e22;
    --atencao: #f2c14e; --atencao-f: #33280a;
    --erro: #ff8a80; --erro-f: #3a1210;
    --neutro: #a9c3dd; --neutro-f: #0b2442;
    --sombra-1: 0 1px 2px rgba(0, 0, 0, .5);
    --sombra-2: 0 16px 40px rgba(0, 0, 0, .65);
    color-scheme: dark;
  }

* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0; background: var(--fundo-0); color: var(--texto);
  font: 400 var(--t-base)/1.55 var(--sans); font-variant-numeric: tabular-nums;
}
a { color: var(--acento); text-underline-offset: 3px; }
a:hover { text-decoration-thickness: 2px; }
h1, h2, h3 { font-family: var(--titulo); font-weight: 600; color: var(--texto); margin: 0; letter-spacing: -.005em; }
h1 { font-size: var(--t-titulo); line-height: 1.15; }
h2 { font-size: var(--t-g); line-height: 1.3; margin-bottom: var(--e3); }
h3 { font-size: var(--t-base); margin: var(--e4) 0 var(--e2); }
p { margin: 0 0 var(--e3); }
code { font-family: var(--mono); font-size: var(--t-p); }
.quebra { word-break: break-all; }
.texto-livre { white-space: pre-wrap; overflow-wrap: anywhere; }
.sub { color: var(--texto-2); font-size: var(--t-p); }
.vazio { color: var(--texto-3); font-style: italic; }
.vazio a { font-style: normal; font-weight: 600; }   /* o proximo passo de uma tela vazia se destaca do texto */
.ajuda { color: var(--texto-2); font-size: var(--t-p); }
.rotulo { font-size: var(--t-micro); letter-spacing: .12em; text-transform: uppercase; color: var(--texto-2); font-weight: 700; }
hr { border: 0; border-top: 1px solid var(--regua); margin: var(--e4) 0; }
svg.ic { width: 18px; height: 18px; flex: none; vertical-align: -3px; }
svg.ic-g { width: 22px; height: 22px; }
:focus-visible { outline: none; box-shadow: var(--foco); border-radius: var(--raio-p); }

/* ---------------- estrutura: lateral + area ---------------- */
.estrutura { display: grid; grid-template-columns: 256px minmax(0, 1fr); min-height: 100vh; }
.lateral {
  background: var(--lateral); color: var(--lateral-texto); display: flex; flex-direction: column;
  position: sticky; top: 0; height: 100vh; overflow-y: auto; padding: var(--e5) var(--e4);
}
.marca { display: flex; gap: var(--e3); align-items: center; text-decoration: none; color: var(--lateral-texto); margin-bottom: var(--e5); }
.selo-marca {
  display: inline-grid; place-items: center; width: 40px; height: 40px; border-radius: 50%;
  border: 2px solid currentColor; font: 700 var(--t-p)/1 var(--titulo); letter-spacing: .02em; flex: none;
}
.marca-nome { font: 600 var(--t-base)/1.2 var(--titulo); }
.marca-nome small { display: block; font: 400 var(--t-micro)/1.4 var(--sans); color: var(--lateral-2); letter-spacing: .1em; text-transform: uppercase; }
.lateral .empresa-ativa {
  display: block; padding: var(--e3); border: 1px solid var(--lateral-linha); border-radius: var(--raio-p);
  color: var(--lateral-texto); text-decoration: none; margin-bottom: var(--e5); font-size: var(--t-p);
}
.lateral .empresa-ativa small { display: block; color: var(--lateral-2); font-size: var(--t-micro); letter-spacing: .1em; text-transform: uppercase; }
.lateral .empresa-ativa:hover { border-color: var(--lateral-2); }
.nav-grupo { margin-bottom: var(--e5); }
.nav-grupo .rotulo { color: var(--lateral-2); display: block; padding: 0 var(--e3) var(--e2); }
.nav a {
  display: flex; gap: var(--e3); align-items: center; padding: var(--e2) var(--e3); border-radius: var(--raio-p);
  color: var(--lateral-texto); text-decoration: none; font-size: var(--t-base); border-left: 3px solid transparent;
}
.nav a:hover { background: var(--lateral-real); }
.nav a[aria-current="page"] { background: var(--lateral-real); border-left-color: var(--ciano); font-weight: 600; }
.nav .contagem { margin-left: auto; font-size: var(--t-micro); background: var(--ciano); color: #fff; border-radius: 999px; padding: 0 var(--e2); line-height: 18px; }
.busca-lateral { display: flex; gap: var(--e2); margin-bottom: var(--e5); }
.busca-lateral input { background: var(--lateral-real); border-color: var(--lateral-linha); color: var(--lateral-texto); }
.busca-lateral input::placeholder { color: var(--lateral-2); }
.lateral-pe { margin-top: auto; border-top: 1px solid var(--lateral-linha); padding-top: var(--e4); display: grid; gap: var(--e2); }
.lateral-pe .usuario { font-size: var(--t-p); color: var(--lateral-2); }
.lateral-pe .usuario strong { display: block; color: var(--lateral-texto); font-size: var(--t-base); }
.lateral-pe a, .lateral-pe button { color: var(--lateral-texto); }
.botao-lateral {
  display: flex; gap: var(--e2); align-items: center; background: none; border: 0; padding: var(--e2) 0;
  font: inherit; font-size: var(--t-p); cursor: pointer; text-decoration: none;
}
.botao-lateral:hover { text-decoration: underline; }

.area { display: flex; flex-direction: column; min-width: 0; }
.barra-topo {
  display: flex; align-items: center; justify-content: flex-end; gap: var(--e3); padding: var(--e3) var(--e6);
  border-bottom: 1px solid var(--regua); background: var(--fundo-0); position: sticky; top: 0; z-index: 5;
}
.barra-topo .abrir-menu { display: none; margin-right: auto; }
.conteudo { width: 100%; max-width: 1240px; padding: var(--e6); flex: 1; }
.rodape { color: var(--texto-3); font-size: var(--t-micro); letter-spacing: .1em; text-transform: uppercase; padding: var(--e5) var(--e6); border-top: 1px solid var(--regua); }

@media (max-width: 960px) {
  .estrutura { grid-template-columns: 1fr; }
  .lateral { position: fixed; inset: 0 auto 0 0; width: min(300px, 86vw); z-index: 20; transform: translateX(-100%); transition: transform .2s; box-shadow: var(--sombra-2); }
  body.menu-aberto .lateral { transform: none; }
  .barra-topo { padding: var(--e3) var(--e4); }
  .barra-topo .abrir-menu { display: inline-flex; }
  .conteudo { padding: var(--e5) var(--e4); }
  h1 { font-size: var(--t-gg); }
}

/* avisos (sino) */
details.avisos { position: relative; }
details > summary { cursor: pointer; list-style: none; }
details > summary::-webkit-details-marker { display: none; }
.avisos > summary { display: inline-flex; gap: var(--e2); align-items: center; padding: var(--e2) var(--e3); border-radius: var(--raio-p); border: 1px solid var(--regua); background: var(--fundo-1); font-size: var(--t-p); }
.avisos[open] > summary { border-color: var(--regua-forte); }
.contador { background: var(--acento); color: var(--acento-tinta); border-radius: 999px; padding: 0 var(--e2); font-size: var(--t-micro); font-weight: 700; line-height: 18px; }
.avisos-lista { position: absolute; right: 0; top: calc(100% + var(--e2)); z-index: 10; width: min(360px, 90vw); background: var(--fundo-1); border: 1px solid var(--regua); border-radius: var(--raio); box-shadow: var(--sombra-2); padding: var(--e2); max-height: 70vh; overflow: auto; }
.aviso-item { display: grid; gap: var(--e1); width: 100%; text-align: left; background: none; border: 0; border-bottom: 1px solid var(--regua); padding: var(--e3); color: var(--texto); cursor: pointer; font: inherit; }
.aviso-item:hover { background: var(--fundo-2); }
.aviso-item span { font-size: var(--t-p); color: var(--texto-2); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.4; }
.aviso-item strong { line-height: 1.3; }
.aviso-item { border-left: 3px solid var(--acento); border-radius: var(--raio-p); margin-bottom: var(--e1); }
.aviso-item small { font-size: var(--t-micro); color: var(--texto-3); }

.faixa { display: flex; gap: var(--e2); align-items: flex-start; padding: var(--e2) var(--e6); font-size: var(--t-p); border-bottom: 1px solid var(--regua); }
.faixa-equipe { background: var(--neutro-f); color: var(--texto); }
.faixa-homologacao { background: var(--atencao-f); color: var(--atencao); }

/* ---------------- cabecalho de pagina ---------------- */
.cabecalho-pagina { display: flex; justify-content: space-between; align-items: flex-end; gap: var(--e4); flex-wrap: wrap; margin-bottom: var(--e6); padding-bottom: var(--e4); border-bottom: 3px double var(--regua-forte); }
.cabecalho-pagina .sub { margin: var(--e2) 0 0; }
.sobretitulo { font-size: var(--t-micro); letter-spacing: .14em; text-transform: uppercase; color: var(--acento); font-weight: 700; margin-bottom: var(--e2); display: block; }
.acoes, .acoes-linha { display: flex; gap: var(--e2); flex-wrap: wrap; align-items: center; }
.migalha { font-size: var(--t-p); color: var(--texto-2); margin-bottom: var(--e3); }
.migalha a { color: var(--texto-2); }

/* ---------------- folha (painel) ---------------- */
.painel { background: var(--fundo-1); border: 1px solid var(--regua); border-radius: var(--raio); padding: var(--e5); box-shadow: var(--sombra-1); margin-bottom: var(--e5); }
.painel > h2:first-child, .painel-cab { display: flex; justify-content: space-between; align-items: baseline; gap: var(--e3); }
.painel-cab { margin-bottom: var(--e3); }
.painel > h2:first-child:not(:has(> a, > form, > button)) { justify-content: flex-start; align-items: center; }
.painel-cab h2 { margin: 0; }
.painel-cab a { font-size: var(--t-p); }
.painel-destaque { border-top: 4px solid var(--acento); }
.grade-2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--e5); align-items: start; }
.grade-larga { grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr); }
.grade-3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--e5); align-items: start; }
.coluna { display: flex; flex-direction: column; }
@media (max-width: 1100px) { .grade-3 { grid-template-columns: 1fr 1fr; } }
@media (max-width: 860px) { .grade-2, .grade-larga, .grade-3 { grid-template-columns: 1fr; } }

/* ---------------- numeros-chave ---------------- */
.cards-impostos { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--e4); margin-bottom: var(--e5); }
.cards-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.cards-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
@media (max-width: 1100px) { .cards-5 { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 860px) { .cards-5 { grid-template-columns: 1fr 1fr; } }
@media (max-width: 480px) { .cards-5 { grid-template-columns: 1fr; } }
@media (max-width: 860px) { .cards-impostos, .cards-4 { grid-template-columns: 1fr 1fr; } }
@media (max-width: 480px) { .cards-impostos, .cards-4 { grid-template-columns: 1fr; } }
.card {
  display: grid; gap: var(--e1); padding: var(--e4) var(--e5); background: var(--fundo-1); border: 1px solid var(--regua);
  border-radius: var(--raio); text-decoration: none; color: var(--texto); box-shadow: var(--sombra-1); position: relative;
}
a.card:hover { border-color: var(--regua-forte); }
.card-rotulo { font-size: var(--t-micro); letter-spacing: .12em; text-transform: uppercase; color: var(--texto-2); font-weight: 700; }
.card-valor { font: 600 var(--t-gg)/1.2 var(--titulo); }
.card-nota { font-size: var(--t-p); color: var(--texto-2); }
.card-alerta { border-color: var(--erro); background: var(--erro-f); }
.card-alerta .card-valor, .card-alerta .card-rotulo { color: var(--erro); }
.card-ok { border-color: var(--ok); background: var(--ok-f); }
.card-ok .card-valor { color: var(--ok); }
/* linha concluida em tabela (ex.: DCTFWeb transmitida): fundo e filete verdes */
tr.linha-ok > td { background: var(--ok-f); }
tr.linha-ok > td:first-child { box-shadow: inset 4px 0 0 var(--ok); }
tr.linha-ok .selo-ok { background: var(--ok); border-color: var(--ok); color: #fff; }
tr.linha-ok .selo-ok svg { color: #fff; }

/* ---------------- listas e tabelas ---------------- */
.lista-linhas { list-style: none; margin: 0 0 var(--e3); padding: 0; }
.lista-linhas li { display: flex; gap: var(--e3); align-items: center; justify-content: space-between; flex-wrap: wrap; padding: var(--e3) 0; border-bottom: 1px solid var(--regua); }
.lista-linhas li:last-child { border-bottom: 0; }
.lista-linhas .valor { font-weight: 600; }
.tabela-rolagem { position: relative; overflow-x: auto; background: var(--fundo-1); border: 1px solid var(--regua); border-radius: var(--raio); box-shadow: var(--sombra-1); margin-bottom: var(--e5); }
.tabela { width: 100%; border-collapse: collapse; }
.tabela th, .tabela td { padding: var(--e3) var(--e4); text-align: left; vertical-align: top; }
.tabela th { font-size: var(--t-micro); letter-spacing: .12em; text-transform: uppercase; color: var(--texto-2); border-bottom: 3px double var(--regua-forte); white-space: normal; }  /* titulo longo quebra: a tabela cabe sem arrastar */
.tabela td { border-bottom: 1px solid var(--regua); }
.tabela tbody tr:last-child td { border-bottom: 0; }
.tabela tbody tr:hover td { background: var(--fundo-0); }
.tabela .num { text-align: right; white-space: nowrap; }
.tabela tfoot td { border-top: 3px double var(--regua-forte); font-weight: 700; }
.tabela.compacta td { font-size: var(--t-p); padding: var(--e2) var(--e3); }
.linha-atraso td { background: var(--erro-f); }
.linha-atraso td:first-child { border-left: 3px solid var(--erro); }
.linha-inativa { opacity: .6; }
.dados { display: grid; grid-template-columns: max-content 1fr; gap: var(--e2) var(--e4); margin: 0; }
.dados dt { color: var(--texto-2); font-size: var(--t-p); }
.dados dd { margin: 0; }
.destaque { font: 600 var(--t-gg)/1.2 var(--titulo); }
.texto { white-space: pre-wrap; margin: var(--e1) 0; }

/* ---------------- selos (estado sempre com texto) ---------------- */
.selo { display: inline-flex; align-items: center; gap: var(--e1); font-size: var(--t-micro); font-weight: 700; letter-spacing: .06em; text-transform: uppercase; padding: 2px var(--e2); border-radius: var(--raio-p); border: 1px solid currentColor; white-space: nowrap; }
.selo-ok { color: var(--ok); background: var(--ok-f); }
.selo-aviso { color: var(--atencao); background: var(--atencao-f); }
.selo-erro { color: var(--erro); background: var(--erro-f); }
.selo-info { color: var(--texto); background: var(--fundo-2); }
.selo-neutro { color: var(--neutro); background: var(--neutro-f); }
.semaforo { display: inline-flex; align-items: center; gap: var(--e2); font-size: var(--t-micro); font-weight: 700; letter-spacing: .06em; text-transform: uppercase; padding: 2px var(--e2); border-radius: var(--raio-p); vertical-align: middle; font-family: var(--sans); }
.semaforo::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: currentColor; }
.semaforo-verde { color: var(--ok); background: var(--ok-f); }
.semaforo-amarelo { color: var(--atencao); background: var(--atencao-f); }
.semaforo-vermelho { color: var(--erro); background: var(--erro-f); }

/* ---------------- formularios ---------------- */
.formulario { display: grid; gap: var(--e4); }
.formulario label { display: grid; gap: var(--e1); font-size: var(--t-p); color: var(--texto-2); font-weight: 600; }
.formulario label.check { display: flex; align-items: flex-start; gap: var(--e2); color: var(--texto); font-weight: 400; }
input, select, textarea {
  font: inherit; color: var(--texto); background: var(--fundo-1); border: 1px solid var(--regua-forte);
  border-radius: var(--raio-p); padding: var(--e2) var(--e3); width: 100%; min-height: 40px;
}
textarea { min-height: 96px; }
input[type="checkbox"], input[type="radio"] { width: 18px; flex: none; min-height: 18px; height: 18px; margin: var(--e1) 0 0; accent-color: var(--acento); }
input[type="file"] { padding: var(--e2); background: var(--fundo-0); border-style: dashed; }
input:focus, select:focus, textarea:focus { outline: none; border-color: var(--acento); box-shadow: var(--foco); }
.em-linha { display: flex; gap: var(--e2); align-items: center; flex-wrap: wrap; }
.em-linha input:not([type="checkbox"]) { width: auto; flex: 1; min-width: 160px; }
.campos-2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--e4); }
.campos-3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--e4); }
@media (max-width: 640px) { .campos-2, .campos-3 { grid-template-columns: 1fr; } }
fieldset.grupo { border: 1px solid var(--regua); border-radius: var(--raio-p); padding: var(--e4); display: grid; gap: var(--e3); margin: 0; }
fieldset.grupo legend { font: 600 var(--t-base) var(--titulo); padding: 0 var(--e2); }
.filtro { display: flex; gap: var(--e2); align-items: flex-end; flex-wrap: wrap; }
.filtro label { display: grid; gap: var(--e1); font-size: var(--t-micro); letter-spacing: .1em; text-transform: uppercase; color: var(--texto-2); font-weight: 600; }
.filtro input:not([type="checkbox"]), .filtro select { min-width: 140px; }
.detalhe summary { color: var(--acento); font-size: var(--t-p); font-weight: 600; margin: var(--e1) 0; }
.passos-entrega { max-width: 100%; }
.passos-entrega summary { min-height: 24px; display: flex; align-items: center; cursor: pointer; }
.passos-entrega ul { list-style: none; padding: 0; margin: var(--e1) 0 0; }
.passos-entrega li { margin: var(--e1) 0; }
.passos-entrega label { display: flex; gap: var(--e2); align-items: flex-start; min-height: 24px; font-size: var(--t-p); color: var(--texto); font-weight: 400; cursor: pointer; }
.passos-entrega label span { min-width: 0; overflow-wrap: anywhere; }
.passos-entrega input[type="checkbox"] { width: 24px; height: 24px; min-height: 24px; margin: 0; }
/* celular: a lista de obrigacoes vira cartoes (sem rolagem lateral) */
@media (max-width: 640px) {
  .tabela-empilhada thead { display: none; }
  .tabela-empilhada, .tabela-empilhada tbody, .tabela-empilhada tr, .tabela-empilhada td { display: block; width: 100%; }
  .tabela-empilhada tr { border-bottom: 1px solid var(--regua); padding: var(--e2) 0; }
  .tabela-empilhada td { border-bottom: 0; padding: var(--e1) var(--e3); overflow-wrap: anywhere; }
  .tabela-empilhada .sem-quebra { white-space: normal; }
  .tabela-empilhada .obs-curta { width: 100%; min-width: 0; }
  .tabela-empilhada .botao.pequeno { min-height: 32px; }
}
.passos-entrega label.feito span { color: var(--texto-2); text-decoration: line-through; }
.previa { color: var(--texto); min-height: 1.2em; margin: 0; font-size: var(--t-p); }

/* ---------------- botoes ---------------- */
.botao {
  display: inline-flex; align-items: center; justify-content: center; gap: var(--e2); min-height: 40px;
  font: 600 var(--t-p)/1 var(--sans); letter-spacing: .02em; padding: var(--e2) var(--e4); border-radius: var(--raio-p);
  border: 1px solid var(--regua-forte); background: var(--fundo-1); color: var(--texto); cursor: pointer; text-decoration: none;
}
.botao:hover { border-color: var(--texto-2); background: var(--fundo-2); }
.botao.primario { background: var(--acento); border-color: var(--acento); color: var(--acento-tinta); }
.botao.primario:hover { filter: brightness(1.1); background: var(--acento); }
.botao.perigo { color: var(--erro); border-color: var(--erro); }
.botao.perigo:hover { background: var(--erro-f); }
.botao.pequeno { min-height: 32px; padding: var(--e1) var(--e3); font-size: var(--t-micro); }
.botao.largo { width: 100%; }
.botao[disabled] { opacity: .6; cursor: progress; }
.link { background: none; border: 0; font: inherit; color: var(--acento); cursor: pointer; padding: 0; }

/* ---------------- recados ---------------- */
.flash { display: flex; gap: var(--e3); align-items: flex-start; padding: var(--e3) var(--e4); border-radius: var(--raio-p); margin-bottom: var(--e5); border: 1px solid currentColor; border-left-width: 4px; }
.flash ul { margin: var(--e1) 0 0; padding-left: var(--e5); }
.flash-ok { background: var(--ok-f); color: var(--ok); }
.flash-erro { background: var(--erro-f); color: var(--erro); }
.flash-info { background: var(--fundo-2); color: var(--texto); }
.flash-aviso { background: var(--atencao-f); color: var(--atencao); }

/* ---------------- acesso ---------------- */
.tela-acesso { min-height: 100vh; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.acesso-capa {
  background: var(--lateral); color: var(--lateral-texto); padding: var(--e8) var(--e7); display: flex; flex-direction: column; justify-content: space-between;
  background-image: repeating-linear-gradient(0deg, transparent 0 31px, rgba(233, 225, 211, .06) 31px 32px);
}
.acesso-capa h1 { color: var(--lateral-texto); font-size: var(--t-titulo); max-width: 14ch; margin: var(--e6) 0 var(--e4); }
.acesso-capa p { color: var(--lateral-2); max-width: 40ch; }
.acesso-capa ul { list-style: none; padding: 0; margin: 0; display: grid; gap: var(--e3); color: var(--lateral-texto); }
.acesso-capa li { display: flex; gap: var(--e3); align-items: center; }
.acesso-folha { display: grid; place-items: center; padding: var(--e6) var(--e4); }
.cartao-acesso { width: min(420px, 100%); }
.cartao-acesso h1 { font-size: var(--t-gg); margin-bottom: var(--e2); }
.cartao-acesso .sub { margin-bottom: var(--e5); }
@media (max-width: 860px) { .tela-acesso { grid-template-columns: 1fr; } .acesso-capa { padding: var(--e6) var(--e4); } .acesso-capa ul { display: none; } }
.chave-totp code { display: block; font-size: var(--t-g); text-align: center; letter-spacing: .1em; padding: var(--e3); background: var(--fundo-2); border-radius: var(--raio-p); }
.passos { padding-left: var(--e5); color: var(--texto-2); font-size: var(--t-p); }
.lista-cartoes { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: var(--e4); }
.cartao-escolha { width: 100%; display: grid; gap: var(--e1); padding: var(--e4); background: var(--fundo-1); border: 1px solid var(--regua); border-radius: var(--raio); cursor: pointer; font: inherit; color: var(--texto); text-align: left; box-shadow: var(--sombra-1); }
.cartao-escolha strong { font: 600 var(--t-base) var(--titulo); }
.cartao-escolha:hover { border-color: var(--acento); }
.cartao-escolha span { color: var(--texto-2); font-size: var(--t-p); }
.contador-nome { font: 600 var(--t-g) var(--titulo); margin: 0; }

/* ---------------- proximas acoes (dominante do cliente) ---------------- */
.agenda { list-style: none; margin: 0; padding: 0; }
.agenda li { display: grid; grid-template-columns: 64px minmax(0, 1fr) auto; gap: var(--e4); align-items: center; padding: var(--e3) 0; border-bottom: 1px solid var(--regua); }
.agenda li:last-child { border-bottom: 0; }
.agenda .dia { text-align: center; border: 1px solid var(--regua-forte); border-radius: var(--raio-p); padding: var(--e1) 0; background: var(--fundo-0); line-height: 1.1; }
.agenda .dia strong { display: block; font: 600 var(--t-g) var(--titulo); }
.agenda .dia small { font-size: var(--t-micro); letter-spacing: .1em; text-transform: uppercase; color: var(--texto-2); }
.agenda .atrasado .dia { border-color: var(--erro); color: var(--erro); background: var(--erro-f); }
.agenda .atrasado .dia small { color: var(--erro); }
.agenda .o-que strong { display: block; }
.agenda .o-que span { color: var(--texto-2); font-size: var(--t-p); }
@media (max-width: 520px) { .agenda li { grid-template-columns: 52px minmax(0, 1fr); } .agenda li > :last-child { grid-column: 2; justify-self: start; } }

/* Missoes do mes (tela inicial do cliente): trilhas com barra de progresso */
.missoes-prog { display: flex; flex-wrap: wrap; gap: var(--e1) var(--e4); justify-content: space-between; margin: 0 0 var(--e2); font-size: var(--t-p); color: var(--texto-2); }
.barra-missoes { height: 10px; border-radius: 8px; background: var(--regua); overflow: hidden; }
.barra-missoes i { display: block; height: 100%; background: linear-gradient(90deg, var(--eletrico), var(--ciano)); }
.barra-missoes .pct-0 { width: 0; } .barra-missoes .pct-5 { width: 5%; } .barra-missoes .pct-10 { width: 10%; }
.barra-missoes .pct-15 { width: 15%; } .barra-missoes .pct-20 { width: 20%; } .barra-missoes .pct-25 { width: 25%; }
.barra-missoes .pct-30 { width: 30%; } .barra-missoes .pct-35 { width: 35%; } .barra-missoes .pct-40 { width: 40%; }
.barra-missoes .pct-45 { width: 45%; } .barra-missoes .pct-50 { width: 50%; } .barra-missoes .pct-55 { width: 55%; }
.barra-missoes .pct-60 { width: 60%; } .barra-missoes .pct-65 { width: 65%; } .barra-missoes .pct-70 { width: 70%; }
.barra-missoes .pct-75 { width: 75%; } .barra-missoes .pct-80 { width: 80%; } .barra-missoes .pct-85 { width: 85%; }
.barra-missoes .pct-90 { width: 90%; } .barra-missoes .pct-95 { width: 95%; } .barra-missoes .pct-100 { width: 100%; }
.missao-passos-cab { display: block; margin-top: var(--e2); font-size: var(--t-micro); letter-spacing: .06em; text-transform: uppercase; color: var(--texto-2); }
.missoes-seq { margin: var(--e2) 0 0; font-size: var(--t-p); color: var(--texto-2); }
.missoes-seq strong { color: var(--ok); }
.trilha-tit { margin: var(--e4) 0 var(--e2); font: 600 var(--t-micro) var(--sans); letter-spacing: .08em; text-transform: uppercase; color: var(--texto-2); display: flex; gap: var(--e1); align-items: center; }
.trilha-tit .ic { width: 16px; height: 16px; }
.trilha-tit.atrasado-tit { color: var(--erro); }
.missoes-lista { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--e2); }
.missao { display: grid; grid-template-columns: 36px minmax(0, 1fr) auto; gap: var(--e3); align-items: center; padding: var(--e3); border: 1px solid var(--regua); border-radius: var(--raio-p); background: var(--fundo-1); min-width: 0; }
.missao.atrasada { border: 2px solid var(--erro); background: var(--erro-f); }
.missao.cumprida { border-color: var(--ok); }
.missao.adiante { border-style: dashed; }
.missao-icone { width: 36px; height: 36px; border-radius: 50%; display: grid; place-items: center; background: var(--acento-suave); color: var(--acento); }
.missao.cumprida .missao-icone { background: var(--ok-f); color: var(--ok); }
.missao.atrasada .missao-icone { background: var(--fundo-1); color: var(--erro); }
.missao-corpo { min-width: 0; }
.missao-corpo strong { display: block; overflow-wrap: anywhere; }
.missao-corpo > span { display: block; font-size: var(--t-p); color: var(--texto-2); overflow-wrap: anywhere; }
.missao-passos { margin: var(--e2) 0 0; padding-left: var(--e4); font-size: var(--t-p); color: var(--texto-2); }
.missao-passos a { color: inherit; overflow-wrap: anywhere; }
.missao-passos li.cumprida a { text-decoration: line-through; opacity: .75; }
.missao-feito { font-size: var(--t-p); font-weight: 600; color: var(--ok); white-space: nowrap; display: inline-flex; gap: var(--e1); align-items: center; }
@media (max-width: 520px) {
  .missao { grid-template-columns: 36px minmax(0, 1fr); }
  .missao > .botao, .missao > .missao-feito { grid-column: 2; justify-self: start; }
}

/* ---------------- graficos em SVG (gerados no servidor) ---------------- */
.grafico { width: 100%; height: auto; display: block; }
.grafico .eixo { stroke: var(--regua-forte); stroke-width: 1; }
.grafico .grade { stroke: var(--regua); stroke-width: 1; stroke-dasharray: 2 4; }
.grafico .barra-a { fill: var(--acento); }
.grafico .barra-b { fill: var(--regua-forte); }
.grafico text { fill: var(--texto-2); font: 11px var(--sans); }
.legenda { display: flex; gap: var(--e4); flex-wrap: wrap; font-size: var(--t-p); color: var(--texto-2); margin-top: var(--e2); }
.legenda span { display: inline-flex; gap: var(--e2); align-items: center; }
.legenda i { width: 12px; height: 12px; border-radius: 999px; display: inline-block; }
.legenda .la { background: var(--acento); }
.legenda .lb { background: var(--regua-forte); }
.grafico.grafico-b-alerta .barra-b { fill: var(--erro); }
.legenda.grafico-b-alerta .lb { background: var(--erro); }
.medidor { height: 8px; background: var(--fundo-2); border-radius: 999px; overflow: hidden; }
.medidor span { display: block; height: 100%; background: var(--ok); }
.medidor.baixo span { background: var(--erro); }
.medidor.medio span { background: var(--atencao); }

/* ---------------- calendario ---------------- */
.calendario { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: var(--e1); }
.calendario .cab { font-size: var(--t-micro); letter-spacing: .1em; text-transform: uppercase; color: var(--texto-2); text-align: center; padding-bottom: var(--e1); }
.calendario .d { min-height: 44px; border: 1px solid var(--regua); border-radius: var(--raio-p); padding: var(--e1); font-size: var(--t-p); background: var(--fundo-1); display: grid; align-content: space-between; }
.calendario .fora { visibility: hidden; }
.calendario .hoje { border: 2px solid var(--texto); }
.calendario .tem { background: var(--acento-suave); border-color: var(--acento); }
.calendario .tem b { font-size: var(--t-micro); color: var(--acento); }
.calendario .vencido { background: var(--erro-f); border-color: var(--erro); }
.calendario .vencido b { color: var(--erro); }

/* ---------------- documentos ---------------- */
.lista-pedidos { display: grid; gap: var(--e3); margin-bottom: var(--e5); }
.pedido { background: var(--fundo-1); border: 1px solid var(--regua); border-left: 4px solid var(--regua-forte); border-radius: var(--raio-p); padding: var(--e4); }
.pedido header { display: flex; justify-content: space-between; gap: var(--e3); flex-wrap: wrap; align-items: center; }
.pedido header strong { font: 600 var(--t-base) var(--titulo); }
.pedido-pendente { border-left-color: var(--atencao); }
.pedido-recusado { border-left-color: var(--erro); }
.pedido-recebido, .pedido-aceito, .pedido-nada_a_enviar { border-left-color: var(--ok); }
.pedido p { margin: var(--e1) 0; }
.pedido-acoes { display: flex; gap: var(--e2); flex-wrap: wrap; align-items: center; margin-top: var(--e3); }
/* "Enviar agora" do Inicio cai aqui: a linha chamada ganha o contorno do acento */
.pedido:target { border-color: var(--acento); box-shadow: var(--foco); scroll-margin-top: 90px; }
.pedidos-prontos { display: grid; gap: var(--e3); }
.pedidos-prontos > summary { cursor: pointer; color: var(--texto-2); font-size: var(--t-p); padding: var(--e2) 0; }
/* cartao de documentos do Inicio: "Faltam X de Y" com o botao ao lado */
.docs-falta { display: flex; gap: var(--e3); align-items: center; justify-content: space-between; flex-wrap: wrap;
  padding: var(--e3) var(--e4); margin-bottom: var(--e3); border: 1px solid var(--regua); border-radius: var(--raio-p); background: var(--fundo-2, var(--fundo-1)); }
.docs-falta-texto { margin: 0; color: var(--texto); font-size: var(--t-base); display: grid; gap: var(--e1); min-width: 0; }
.docs-falta-texto strong { color: var(--acento); font-weight: 600; }
.docs-falta-texto .sub { overflow-wrap: anywhere; }
/* telas irmas numa so (Comunicados, Configurar e-mail, Atendimento, Contas) */
.abas-tela a { display: inline-flex; align-items: center; gap: var(--e2); }
.abas-tela .contagem { background: var(--atencao-f); color: var(--atencao); border-radius: 999px; padding: 0 var(--e2); font-size: var(--t-micro); }
@media (max-width: 600px) { .abas-tela a { padding: var(--e2) var(--e3); } }  /* celular: as abas quebram linha, todas visiveis, sem barra de rolagem */
.regua-docs { margin-top: var(--e5); }
.regua-form input[type="checkbox"] { width: 24px; height: 24px; flex: none; }
.observacao { color: var(--erro); font-size: var(--t-p); }

/* ---------------- conversa ---------------- */
.conversa { list-style: none; padding: 0; margin: 0 0 var(--e5); display: grid; gap: var(--e3); }
.mensagem { max-width: 78%; background: var(--fundo-1); border: 1px solid var(--regua); border-radius: var(--raio); padding: var(--e3) var(--e4); }
.mensagem header { display: flex; gap: var(--e2); align-items: baseline; flex-wrap: wrap; font-size: var(--t-p); }
.mensagem time { margin-left: auto; color: var(--texto-3); font-size: var(--t-micro); }
.mensagem-equipe { justify-self: start; border-left: 4px solid var(--acento); }
.mensagem-cliente { justify-self: end; background: var(--fundo-2); }
.mensagem-interna { background: var(--atencao-f); border-style: dashed; }
@media (max-width: 640px) { .mensagem { max-width: 100%; } }

/* ---------------- conferencia ---------------- */
.barra-lote { display: flex; justify-content: space-between; align-items: center; gap: var(--e4); flex-wrap: wrap; padding: var(--e3) var(--e4); background: var(--ok-f); color: var(--ok); border: 1px solid var(--ok); border-radius: var(--raio-p); margin-bottom: var(--e4); }
.item-conferencia { background: var(--fundo-1); border: 1px solid var(--regua); border-left: 4px solid var(--atencao); border-radius: var(--raio-p); padding: var(--e4); margin-bottom: var(--e3); }
.item-conferencia.confianca-alta { border-left-color: var(--ok); }
.item-conferencia header { display: flex; gap: var(--e3); align-items: center; flex-wrap: wrap; margin-bottom: var(--e3); }
.grade-conferencia { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr 1fr; gap: var(--e3); align-items: end; }
.grade-conferencia label:nth-of-type(6) { grid-column: 1 / 4; }
.grade-conferencia .acoes-linha { grid-column: 4 / 6; justify-content: flex-end; }
@media (max-width: 900px) { .grade-conferencia { grid-template-columns: 1fr 1fr; } .grade-conferencia label:nth-of-type(6), .grade-conferencia .acoes-linha { grid-column: 1 / -1; } }
.zona-envio { border: 2px dashed var(--regua-forte); border-radius: var(--raio); padding: var(--e5); text-align: center; background: var(--fundo-0); }
.zona-envio.arrastando { border-color: var(--acento); background: var(--acento-suave); }
.confirmar { display: grid; gap: var(--e3); }
.resumo-nota { display: grid; gap: var(--e2); }
.resumo-nota .linha { display: flex; justify-content: space-between; gap: var(--e3); padding: var(--e2) 0; border-bottom: 1px solid var(--regua); }
.resumo-nota .total { font: 600 var(--t-g) var(--titulo); border-bottom: 3px double var(--regua-forte); }

/* abas simples */
.abas { display: flex; gap: var(--e1); border-bottom: 1px solid var(--regua-forte); margin-bottom: var(--e5); flex-wrap: wrap; }
.abas a { padding: var(--e2) var(--e4); text-decoration: none; color: var(--texto-2); border-bottom: 3px solid transparent; margin-bottom: -1px; font-weight: 600; font-size: var(--t-p); }
.abas a[aria-current="true"] { color: var(--texto); border-bottom-color: var(--acento); }

/* ranking */
.ranking li { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--e1); }
.ranking .medidor-svg { width: 100%; }

@media (prefers-reduced-motion: reduce) { * { transition: none !important; animation: none !important; } }
@media print { .lateral, .barra-topo, .rodape, .acoes, form { display: none !important; } .estrutura { display: block; } body { background: #fff; } }

/* ---------------- ficha em abas (sem script: a aba e o #endereco) ---------------- */
.ficha-abas { position: sticky; top: 64px; z-index: 4; background: var(--fundo-0); padding-top: var(--e2); }
.ficha-abas a { display: inline-flex; align-items: center; gap: var(--e2); }
.ficha-abas .contagem { background: var(--atencao-f); color: var(--atencao); border-radius: 999px; padding: 0 var(--e2); font-size: var(--t-micro); }
.aba-painel { display: none; }
.aba-painel, .aba-painel [id] { scroll-margin-top: 130px; }
.aba-painel:target, .aba-painel:has(:target) { display: block; }
.ficha:not(:has(.aba-painel:target, .aba-painel :target)) #aba-resumo { display: block; }
.ficha:not(:has(.aba-painel:target, .aba-painel :target)) .ficha-abas a[data-aba="resumo"],
.ficha:has(#aba-cadastro:target, #aba-cadastro :target) .ficha-abas a[data-aba="cadastro"],
.ficha:has(#aba-nfse:target, #aba-nfse :target) .ficha-abas a[data-aba="nfse"],
.ficha:has(#aba-obrigacoes:target, #aba-obrigacoes :target) .ficha-abas a[data-aba="obrigacoes"],
.ficha:has(#aba-acessos:target, #aba-acessos :target) .ficha-abas a[data-aba="acessos"],
.ficha:has(#aba-contabil:target, #aba-contabil :target) .ficha-abas a[data-aba="contabil"],
.ficha:has(#aba-historico:target, #aba-historico :target) .ficha-abas a[data-aba="historico"],
.ficha:has(#aba-documentos:target, #aba-documentos :target) .ficha-abas a[data-aba="documentos"],
.ficha:has(#aba-exigencias:target, #aba-exigencias :target) .ficha-abas a[data-aba="exigencias"],
.ficha:has(#aba-resumo:target) .ficha-abas a[data-aba="resumo"] { color: var(--texto); border-bottom-color: var(--acento); }
.dados-ficha { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--e3) var(--e5); margin: 0; }
.dados-ficha dt { font-size: var(--t-micro); letter-spacing: .08em; text-transform: uppercase; color: var(--texto-3); }
.dados-ficha dd { margin: 0; font-variant-numeric: tabular-nums; }
.lista-falta li form { display: inline; }
.ajuda-dobra summary { cursor: pointer; color: var(--texto-2); font-size: var(--t-p); }
details > summary.botao { list-style: none; display: inline-flex; margin: var(--e2) 0; }
details > summary.botao::-webkit-details-marker { display: none; }
.contato-cartao > summary { cursor: pointer; padding: var(--e2) 0; }
@media (max-width: 720px) {
  .ficha-abas { top: 56px; flex-wrap: nowrap; overflow-x: auto; }
  .ficha-abas a { white-space: nowrap; }
  .dados-ficha { grid-template-columns: minmax(0, 1fr); }
}
.linha-etapas { list-style: none; margin: 0; padding: 0; }
.linha-etapas li { display: flex; gap: var(--e3); align-items: baseline; padding: var(--e2) 0; border-bottom: 1px solid var(--regua); }
.linha-etapas li:last-child { border-bottom: 0; }
.linha-etapas .selo { min-width: 84px; justify-content: center; }
.linha-etapas .etapa-concluida > span:last-child, .linha-etapas .etapa-dispensada > span:last-child { color: var(--texto-2); }

/* painel: o que pede acao vem primeiro; cartao zerado fica discreto */
.indicadores-painel .card-alerta, .indicadores-painel .card-destaque { order: -1; }
.indicadores-painel .card:not(.card-alerta):not(.card-destaque) .card-valor { color: var(--texto-2); }
.lateral .nav-grupo { margin-bottom: var(--e4); }
@media (max-width: 720px) { .cards-impostos.cards-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* botao de tema: mostra so a opcao contraria a tela que esta valendo */
.tema-para-claro { display: none; }
@media (prefers-color-scheme: dark) {
  :root:not([data-tema="claro"]) .tema-para-claro { display: inline-flex; }
  :root:not([data-tema="claro"]) .tema-para-escuro { display: none; }
}
:root[data-tema="escuro"] .tema-para-claro { display: inline-flex; }
:root[data-tema="escuro"] .tema-para-escuro { display: none; }

/* Emissor e financeiro (EmissorItaborai) num quadro dentro do portal */
.emissor-quadro { display: block; width: 100%; height: calc(100vh - 140px); min-height: 640px; border: 1px solid var(--regua-forte); border-radius: var(--raio); background: var(--fundo-0); box-shadow: var(--sombra-1); }
.emissor-controle .filtro + .filtro { margin-top: var(--e3); }
/* no lugar de style="..." (a CSP do portal bloqueia estilo inline): guia antecipada, resumo da IA, formulario */
.texto-erro { color: var(--erro); }  .pre-linha { white-space: pre-line; }  .margem-baixo { margin: 0 0 .5rem; }


/* Empresas: as quatro acoes (cadastrar, contatos, Acessorias, financeiro) numa linha de botoes;
   a que for aberta desce para a linha de baixo, em largura cheia */
.acoes-carteira { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 16px; }
.acoes-carteira > .acao-dobra { margin: 0; padding: 0; flex: 0 1 auto; background: none; border: 0; box-shadow: none; }
.acoes-carteira > .acao-dobra > summary { list-style: none; cursor: pointer; display: inline-flex; align-items: center;
  padding: 6px 12px; border: 1px solid var(--regua); border-radius: 999px;
  background: var(--fundo-1); }
.acoes-carteira > .acao-dobra > summary::-webkit-details-marker { display: none; }
.acoes-carteira > .acao-dobra > summary h2 { font-size: .85rem; margin: 0; }  /* sem nowrap: o titulo longo quebra a 375 px */
.acoes-carteira > .acao-dobra[open] { order: 9; flex: 1 1 100%; padding: 16px; border: 1px solid var(--regua);
  border-radius: 12px; background: var(--fundo-1); }
.acoes-carteira > .acao-dobra[open] > summary { margin-bottom: 12px; border-color: var(--acento); }

/* 2a via na Receita: aviso de cobranca fixo e janela de ciencia */
.aviso-cobranca { display: flex; gap: var(--e2); align-items: flex-start; padding: var(--e3); border-radius: var(--raio-p); border: 1px solid var(--regua); background: var(--fundo-2); }
.receita-form { display: flex; flex-wrap: wrap; gap: var(--e2); align-items: flex-end; margin-top: var(--e2); }
.dialogo-ciencia { max-width: min(480px, calc(100vw - 32px)); border: 1px solid var(--regua); border-radius: var(--raio); background: var(--fundo-1); color: var(--texto); padding: var(--e5); box-shadow: var(--sombra-2); }
.dialogo-ciencia::backdrop { background: rgba(0, 11, 31, .6); }
.dialogo-ciencia .check { align-items: flex-start; margin: var(--e3) 0; }
/* Impostos: a lista ocupa a largura toda (calendario embaixo) e nada obriga a arrastar para o lado:
   so data, valor e situacao ficam numa linha; tributo e botoes quebram (Fabio, 20/10/2026) */
.impostos-lista { display: grid; gap: var(--e5); }
.linha-guia td { vertical-align: middle; }
.linha-guia .g-comp, .linha-guia .g-venc, .linha-guia .g-valor, .linha-guia .g-sit { white-space: nowrap; }
.linha-guia .acoes-guia { white-space: normal; }
.acoes-guia .botao, .acoes-guia .segunda-via { display: inline-flex; margin: 2px var(--e2) 2px 0; }
.acoes-guia .segunda-via .botao { margin: 0; }
.segunda-via { display: inline; margin: 0; }
.linha-guia .dialogo-ciencia { white-space: normal; }

/* Impostos no celular: cada guia vira um cartao, sem arrastar para o lado */
.g-rot { display: none; }
@media (max-width: 1100px) {   /* abaixo de 1100 px cada guia vira cartao: nada de arrastar para o lado */
  .tabela-guias thead, .tabela-guias tfoot { display: none; }
  .tabela-guias, .tabela-guias tbody { display: block; width: 100%; min-width: 0; }
  .tabela-guias tr.linha-guia { display: grid; grid-template-columns: 1fr auto; gap: var(--e1) var(--e3);
    padding: var(--e3); border-bottom: 1px solid var(--regua); }
  .tabela-guias tr.linha-guia td { display: block; padding: 0; border: 0; white-space: normal; }
  .tabela-guias .g-tributo { grid-column: 1; grid-row: 1; }
  .tabela-guias .g-valor { grid-column: 2; grid-row: 1; font-weight: 700; }
  .tabela-guias .g-comp { grid-column: 1; grid-row: 2; }
  .tabela-guias .g-venc { grid-column: 1; grid-row: 3; }
  .tabela-guias .g-comp, .tabela-guias .g-venc { color: var(--texto-2); font-size: var(--t-p); }
  .tabela-guias .g-sit { grid-column: 2; grid-row: 2 / 4; justify-self: end; align-self: center; }
  .tabela-guias .acoes-guia { grid-column: 1 / -1; grid-row: 4; display: flex; flex-wrap: wrap; gap: var(--e2); margin-top: var(--e1); }
  .tabela-guias .acoes-guia .botao { margin-right: 0; }
  .g-rot { display: inline; }
  .tabela-guias tr.linha-atraso { background: var(--erro-f); border-left: 3px solid var(--erro); }
  .tabela-guias tr.linha-atraso td, .tabela-guias tr.linha-atraso td:first-child { background: transparent; border-left: 0; }
}
.dados-verificacao { display: grid; grid-template-columns: max-content 1fr; gap: var(--e2) var(--e4); margin: var(--e4) 0; }
.dados-verificacao dt { font-weight: 700; }
.dados-verificacao dd { margin: 0; }
@media (max-width: 640px) { .dados-verificacao { grid-template-columns: 1fr; } }

/* Tela Equipe > Acessos: blocos de caixas de marcar, quebram linha em telas estreitas */
.acessos-form { max-width: 100%; }
.acessos-bloco { border: 0; padding: 0; margin: var(--e3) 0; min-width: 0; }
.acessos-bloco legend { font-weight: 700; margin-bottom: var(--e2); }
.acessos-botoes { display: flex; flex-wrap: wrap; gap: var(--e2); margin-bottom: var(--e2); }
.acessos-form label.check { overflow-wrap: anywhere; }

/* conferencia da nota: cada item e um botao que volta ao formulario no campo certo */
.dados-editar dd { margin: 0; }
.item-editar { display: flex; justify-content: space-between; gap: var(--e3); width: 100%; padding: var(--e1) var(--e2); margin: 0 calc(-1 * var(--e2));
  background: none; border: 0; border-radius: var(--raio); color: inherit; font: inherit; text-align: left; cursor: pointer; }
.item-editar:hover, .item-editar:focus-visible { background: var(--acento-suave); outline: none; }
.item-editar::after { content: "editar"; flex: none; font-size: var(--t-micro); color: var(--acento); opacity: 0; }
.item-editar:hover::after, .item-editar:focus-visible::after { opacity: 1; }
.item-editar .texto { white-space: pre-line; }
.resumo-nota .linha.item-editar { padding: var(--e2); }
.campo-foco { box-shadow: 0 0 0 3px var(--acento) !important; transition: box-shadow .4s; }

/* distribuicao: IRRF do mes por socio */
.sub-titulo{margin:1.2rem 0 .2rem;font-size:1.05rem}
.linha-alerta td{background:rgba(255,99,99,.08)}

/* filtro por coluna em qualquer tabela (data-filtro-colunas), 21/10/2026 */
.tabela thead tr.filtros th { padding-top: 0; text-transform: none; }
.tabela thead tr.filtros input, .tabela thead tr.filtros select { width: 100%; min-width: 0; height: 30px; padding: 0 var(--e2); font-size: var(--t-p); }
.filtro-com-limpar { display: flex; gap: var(--e1); align-items: center; }

/* andamento da consulta de todas as empresas (Radar e-CAC), 21/10/2026 */
.lote-andamento { margin-top: var(--e4); padding: var(--e3) var(--e4); border: 1px solid var(--regua); border-radius: var(--raio-p); display: grid; gap: var(--e2); }
.lote-cab { display: flex; justify-content: space-between; gap: var(--e3); flex-wrap: wrap; }
.lote-andamento .progresso-trilho span { transition: width .4s ease; }
/* documentos para assinar (ciclo 7): cartao com folga e botao com icone na cor do botao */
.bloco-assinar { margin-bottom: var(--e4); display: grid; gap: var(--e2); justify-items: start; }
.bloco-assinar ul { margin: 0; padding-left: var(--e4); }
.bloco-assinar .botao .ic { color: currentColor; }
/* pergunta do escritorio na linha da conciliacao (ciclo 8) */
.conc-pergunta { margin: var(--e2) 0; }
.conc-pergunta .formulario { margin-top: var(--e2); }
/* ordem de assinatura: numero curto ao lado do nome (23/10/2026) */
.em-linha input.campo-ordem { flex: 0 0 auto; width: 5em; min-width: 0; }

/* Aba Integra Contador (24/10/2026): grupos do catalogo e a resposta da Receita */
.grupo-integra { border-top: 1px solid var(--regua); padding: var(--e2) 0; }
.grupo-integra > summary { cursor: pointer; padding: var(--e1) 0; }
.grupo-integra > summary .sub { display: block; }
.dados-receita { margin: 0; padding-left: var(--e4); font-size: var(--t-p); }
dl.dados-receita { display: grid; grid-template-columns: minmax(120px, max-content) 1fr; gap: var(--e1) var(--e3); padding-left: 0; }
dl.dados-receita dt { color: var(--texto-2); font-family: var(--mono); word-break: break-word; }
dl.dados-receita dd { margin: 0; word-break: break-word; }

/* Noticias importantes no Inicio do cliente (24/10/2026) */
.lista-noticias { list-style: none; margin: 0; padding: 0; }
.lista-noticias li { display: flex; flex-direction: column; gap: 2px; padding: var(--e2) 0; border-bottom: 1px solid var(--regua); }
.lista-noticias li:last-child { border-bottom: 0; }
.lista-noticias a { font-weight: 600; line-height: 1.35; overflow-wrap: anywhere; }

/* Duvidas frequentes do Financeiro e da Conciliacao, e o botao de ajuda no tour (25/10/2026) */
.duvidas-financeiro { margin-top: var(--e5); }
.duvidas-financeiro .duvida { border-top: 1px solid var(--regua); padding: var(--e2) 0; }
.duvidas-financeiro .duvida summary { cursor: pointer; font-weight: 600; padding: var(--e1) 0; }
.duvidas-financeiro .duvida p { margin: var(--e1) 0 var(--e2); color: var(--texto-2); max-width: 75ch; }
.tour-ajuda { margin: var(--e2) 0 0; }
/* Documentos do cliente: o que o escritorio publicou, em tabela como as demais listas */
.tabela-docs td { vertical-align: middle; }
.tabela-docs tr.novo td:first-child { box-shadow: inset 3px 0 0 var(--acento); }
.tabela-docs td.acoes-linha { white-space: nowrap; text-align: right; }
.do-escritorio h2 svg.ic, .entregas-escritorio h2 svg.ic { width: 20px; height: 20px; vertical-align: -3px; margin-right: var(--e1); color: var(--acento); }
.tabela-docs td.acoes-linha { display: table-cell; }
.tabela-docs .selo-novo { background: var(--acento); color: #fff; border-color: var(--acento); }
@media (max-width: 720px) {
  .tabela-docs { min-width: 0; }
  .tabela-docs thead { display: none; }
  .tabela-docs tr { display: grid; grid-template-columns: auto 1fr auto; gap: var(--e1) var(--e3); padding: var(--e3); border-bottom: 1px solid var(--regua); align-items: center; }
  .tabela-docs td { display: block; padding: 0; border: 0; }
  .tabela-docs td:first-child { grid-column: 1 / -1; box-shadow: none; }
  .tabela-docs tr.novo { box-shadow: inset 3px 0 0 var(--acento); }
  .tabela-docs tr.novo td:first-child { box-shadow: none; }
  .tabela-docs td.acoes-linha { grid-column: 1 / -1; text-align: left; }
  .tabela-docs td, .tabela-docs tr:nth-child(even) td { background: transparent; }
  .tabela-docs td.acoes-linha { display: block; text-align: right; }
}
/* Relatorios da empresa: DRE mes a mes */
.rel-kpis { display: grid; grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr)); gap: var(--e3); margin-bottom: var(--e4); }
.tabela-dre th[scope="row"] { text-align: left; white-space: nowrap; font-weight: 400; }
.tabela-dre td.num, .tabela-dre th.num { white-space: nowrap; }
.tabela-dre tr.dre-sub th[scope="row"] { padding-left: var(--e5); color: var(--texto-2); }
.tabela-dre tr.dre-total th, .tabela-dre tr.dre-total td, .tabela-dre tr.dre-resultado th, .tabela-dre tr.dre-resultado td { font-weight: 700; border-top: 1px solid var(--regua-forte); }
.tabela-dre tr.dre-subtotal th, .tabela-dre tr.dre-subtotal td { font-weight: 600; }
.tabela-dre tr.dre-resultado { background: var(--fundo-2); }
.tabela-dre td.neg { color: var(--erro); }
.tabela-dre td.total { font-weight: 600; }
.tabela-dre th.mes-atual { color: var(--acento); }
.tabela-dre th[scope="row"] { position: sticky; left: 0; background: var(--fundo-1); z-index: 1; }
.dre-fontes { margin-top: var(--e3); }
.dre-fontes ul { margin: var(--e2) 0; padding-left: var(--e5); }
.tabela-dre tbody th[scope="row"] { text-transform: none; letter-spacing: 0; font-size: var(--t-p); color: var(--texto); }
.tabela-dre tbody tr.dre-sub th[scope="row"] { color: var(--texto-2); }
.texto-ok { color: var(--ok, #1a7f4b); }
/* pagina do link unico do pacote de documentos (sem login) */
.pagina-pacote { background: var(--fundo-0); }
.pacote-publico { max-width: 40rem; margin: 0 auto; padding: var(--e6) var(--e4); }
.pacote-publico .lista-linhas li { display: flex; justify-content: space-between; align-items: center; gap: var(--e3); }
.pacote-publico .botao.largo { margin: var(--e4) 0; }

/* Assinatura sem login (assinar_publico.html): faixa compacta no lugar da capa, cartao de 720px, so nesta pagina */
.tela-acesso:has(.assinar-pagina) .acesso-capa { display: none; }
.tela-acesso:has(.assinar-pagina) .cartao-acesso { width: min(720px, 100%); padding-top: 0; }
.assinar-marca { display: flex; justify-content: center; border-radius: var(--raio) var(--raio) 0 0; background: var(--noite); margin: 0 calc(var(--e6) * -1) var(--e5); padding: var(--e3) var(--e6); }
.assinar-marca img { height: 72px; width: auto; mix-blend-mode: screen; }
.tela-acesso:has(.assinar-pagina) { grid-template-columns: 1fr; }
.tela-acesso:has(.assinar-pagina) .acesso-folha { place-items: start center; }
.assinar-pagina h1 { padding-right: calc(48px + var(--e3)); }
.assinar-pagina .entrada .sub { max-width: none; }
#doc_env .em-linha { align-items: flex-end; }
#doc_env .em-linha .chk { display: flex; align-items: center; min-height: 40px; }
.tabela-assinaturas .acoes-linha .botao.pequeno { white-space: nowrap; }
.assinar-pagina .dados { margin-bottom: var(--e4); }
.assinar-pagina details[open] > summary { margin-bottom: var(--e3); }
.assinar-pagina .sobretitulo { display: block; padding-right: calc(48px + var(--e3)); }
.assinar-pagina details.recusa, .assinar-pagina details.alterar-dados { margin-top: var(--e4); }
.assinar-pagina details.recusa > summary, .assinar-pagina details.alterar-dados > summary { display: inline-block; padding: var(--e2) var(--e3); border: 1px solid var(--regua-forte); border-radius: 8px; cursor: pointer; font-weight: 600; }
.assinar-pagina fieldset.canais { border: 0; padding: 0; margin: var(--e3) 0; min-width: 0; }
.assinar-pagina fieldset.canais legend { padding: 0; margin-bottom: var(--e2); font-weight: 600; color: var(--texto-2); }
@media (max-width: 600px) {
  .assinar-pagina .dados { grid-template-columns: minmax(0, 1fr); gap: var(--e1) 0; }
  .assinar-pagina .dados dt { margin-top: var(--e2); font-weight: 700; }
  .assinar-pagina .dados .quebra { font-family: var(--mono); font-size: var(--t-p); word-break: break-all; }
}