/* IAGU — o padrão comum das telas de trabalho (nucleo/telas; redesenho de 23-24/10/2026, PESQUISA_UX_CONCORRENTES.md,
   decisões 1 a 4, 9 e 14). Vem depois do estilo da marca e só acrescenta. Cores só das variáveis do tema (as da moldura,
   --iagu-*, com as da marca de reserva): nunca cor fixa (regra 6 do CLAUDE.md). */

/* o fichário: as abas de uma empresa, na ordem do trabalho do mês */
.fichario{display:flex;flex-wrap:wrap;gap:2px;border-bottom:1px solid var(--iagu-borda,var(--borda));margin:4px 0 0}
.fichario a{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid transparent;border-bottom:none;
  border-radius:8px 8px 0 0;text-decoration:none;color:inherit;margin-bottom:-1px;white-space:nowrap}
.fichario a:hover{background:var(--iagu-realce,rgba(127,127,127,.08))}
.fichario a[aria-current]{border-color:var(--iagu-borda,var(--borda));background:var(--iagu-superficie,var(--fundo-cartao,#fff));font-weight:600}
.fichario .num{display:inline-block;min-width:18px;padding:0 6px;border-radius:9px;font-size:11px;line-height:18px;text-align:center;
  background:var(--iagu-neutro-fundo,rgba(127,127,127,.18));font-weight:600}
.fichario .num.alerta{background:var(--iagu-erro);color:var(--iagu-superficie,#fff)}
.fichario .num.ok{background:var(--iagu-ok-fundo);color:var(--iagu-ok)}
.folha-fichario{border-top-left-radius:0;margin-top:0}
.trilha{margin:0 0 4px;font-size:13px}

/* a lista densa: números à direita em fonte tabular, zebra leve, linha sob o cursor, cabeçalho fixo na .tabela-fixa */
table td.n,table th.n{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
table tr:nth-child(even)>td{background:var(--iagu-realce,rgba(127,127,127,.045))}
table tr:hover>td{background:var(--iagu-neutro-fundo,rgba(54,150,255,.07))}
.tabela-fixa{max-height:65vh;overflow:auto}
.tabela-fixa th{position:sticky;top:0;z-index:1;background:var(--iagu-superficie,var(--fundo-cartao,#fff))}
td.vazio,p.vazio{padding:18px 8px;text-align:center;color:var(--iagu-suave,inherit)}
.filtro-lista{margin:0 0 8px;align-items:center}
.filtro-lista .conta{font-size:12px;white-space:nowrap}

/* os blocos comuns: os números do mês, as seções fechadas até clicar e a fileira de ações */
.numeros{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin:0 0 12px}
.numeros>div,.numeros>a{display:block;border:1px solid var(--iagu-borda,var(--borda));border-radius:var(--iagu-raio,8px);padding:10px 12px;
  text-decoration:none;color:inherit}
.numeros>a:hover{background:var(--iagu-realce,rgba(127,127,127,.08))}
.numeros b{display:block;font-size:20px;font-variant-numeric:tabular-nums}
.numeros span{font-size:12px;color:var(--iagu-suave,inherit)}
.secao{border-top:1px solid var(--iagu-linha,var(--borda))}
.secao:first-of-type{border-top:none}
.secao>summary{cursor:pointer;padding:10px 0;list-style:none;font-weight:600}
.secao>summary::-webkit-details-marker{display:none}
.secao>summary::before{content:"▸";display:inline-block;width:16px}
.secao[open]>summary::before{content:"▾"}
.secao>summary .suave{font-weight:400;font-size:12px;margin-left:6px}
.secao .corpo{padding:0 0 12px 16px}
.acoes{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:4px 0 10px}
.acoes form{margin:0}
.acoes a.botao{display:inline-block;padding:7px 14px;border:1px solid var(--iagu-borda,var(--borda));border-radius:6px;text-decoration:none;color:inherit}
.acoes a.botao:hover{background:var(--iagu-realce,rgba(127,127,127,.1))}
.atalhos{font-size:12px;color:var(--iagu-suave,inherit);margin:14px 0 0}
.atalhos kbd{font:11px/1 ui-monospace,monospace;padding:2px 5px;border:1px solid var(--iagu-borda,var(--borda));border-radius:4px}
.ajuda{font-size:12px;color:var(--iagu-suave,inherit)}
.passos{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;margin:6px 0 10px}
.passos>a,.passos>div{display:block;border:1px solid var(--iagu-borda,var(--borda));border-radius:var(--iagu-raio,8px);padding:10px 12px;
  text-decoration:none;color:inherit}
.passos>a:hover{background:var(--iagu-realce,rgba(127,127,127,.08))}
.passos b{display:block;margin-bottom:2px}
.passos span{font-size:12px;color:var(--iagu-suave,inherit)}

/* os quatro sinais de situação, iguais em todo o sistema e sempre com legenda (decisão 14) */
.sinal{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;text-decoration:none;color:inherit;font-size:13px}
.sinal::before{content:"";width:9px;height:9px;border-radius:50%;flex:none;background:var(--iagu-neutro,#8a8f98)}
.sinal.verde::before{background:var(--iagu-ok)}
.sinal.amarelo::before{background:var(--iagu-atencao)}
.sinal.vermelho::before{background:var(--iagu-erro)}
.sinal.vermelho{font-weight:600}
a.sinal:hover{text-decoration:underline}
.legenda{font-size:12px;color:var(--iagu-suave,inherit)}
.legenda .sinal{margin-right:12px;font-size:12px}
table.semaforo td{padding-top:7px;padding-bottom:7px}
.fichario .sinal{gap:0}
button[disabled]{opacity:.5;cursor:not-allowed}