/* Akita Hōshin — extra.css (v3.3)
   Cabeçalho fixo (sticky) nas tabelas ao rolar + apoio às novas telas.
   Arquivo separado para não alterar o style.css existente. */

/* A tabela rola dentro do próprio contêiner; o cabeçalho permanece visível no topo */
.tabela-scroll{
  max-height:calc(100vh - 190px);
  overflow:auto;
  position:relative;
  -webkit-overflow-scrolling:touch;
}
.tabela-scroll table thead th{
  position:sticky;
  top:0;
  z-index:15;
  background:#0F151C;
  box-shadow:0 1px 0 var(--borda,#25303C);
}
[data-theme="light"] .tabela-scroll table thead th{
  background:#EDF1F5;
}

/* Matriz de acesso: primeira coluna (usuário) também fixa na rolagem horizontal */
table.matriz-acesso th:first-child,
table.matriz-acesso td:first-child{
  position:sticky;
  left:0;
  z-index:16;
  background:#0F151C;
}
table.matriz-acesso thead th:first-child{ z-index:18; }
[data-theme="light"] table.matriz-acesso th:first-child,
[data-theme="light"] table.matriz-acesso td:first-child{
  background:#EDF1F5;
}
table.matriz-acesso th{ white-space:normal; min-width:130px; }

/* Plano com IA — campos da revisão */
.ia-fase input, .ia-fase select{ font-size:13px; }
table.ia-ativs input[type="date"]{ min-width:128px; }

/* Impressão: sem limite de altura, tabela completa */
@media print{
  .tabela-scroll{ max-height:none; overflow:visible; }
  .tabela-scroll table thead th{ position:static; box-shadow:none; }
}

/* Celular: cabeçalho fixo com altura menor disponível */
@media (max-width:700px){
  .tabela-scroll{ max-height:calc(100vh - 230px); }
}

/* ===== Central de Atas — atualização de projetos por reunião ===== */
.ata-proj{border:1px solid var(--slate);border-radius:12px;margin-bottom:16px;overflow:hidden;background:var(--onyx)}
.ata-proj>.ph{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;background:var(--carbon);border-bottom:2px solid var(--cyan);flex-wrap:wrap}
.ata-proj .pn{font-weight:700;font-size:15px}
.ata-atv{padding:10px 16px 4px;border-top:1px solid var(--slate)}
.ata-atv:first-of-type{border-top:none}
.ata-atv .anome{font-size:13.5px;font-weight:600}
.ata-atv .ameta{font-size:11.5px;color:var(--steel);margin:1px 0 8px}
.ata-prop{display:flex;gap:14px;align-items:flex-start;border-left:4px solid var(--cyan);background:rgba(0,212,255,.06);border-radius:0 8px 8px 0;padding:10px 12px;margin:0 0 10px 10px;flex-wrap:wrap}
.ata-prop.risco{border-left-color:var(--spark);background:rgba(255,107,53,.08)}
.ata-prop.nova{border-left-color:var(--dcyan);background:rgba(0,168,204,.10)}
.ata-prop.off .info{opacity:.45}
.ata-prop .info{flex:1;min-width:300px}
.ata-prop .campo-rot{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--cyan);margin-bottom:6px}
.ata-prop.risco .campo-rot{color:var(--spark)}
.ata-prop.nova .campo-rot{color:var(--dcyan)}
.ata-prop .linha{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:13px}
.ata-prop .de{color:var(--steel);text-decoration:line-through}
.ata-prop .seta{color:var(--cyan);font-weight:700}
.ata-prop.risco .seta{color:var(--spark)}
.ata-prop .trecho{font-size:11.5px;color:var(--steel);font-style:italic;margin-top:7px;line-height:1.5}
.ata-nv-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:8px}
.ata-nv-grid label{display:block;font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--steel);margin-bottom:3px}
.ata-nv-grid input{width:100%}
.ata-vx{display:flex;gap:8px;align-items:center;padding-top:8px}
.ata-vx .bv,.ata-vx .bx{width:34px;height:34px;border-radius:50%;border:1.5px solid var(--slate);background:var(--carbon);color:var(--steel);font-size:15px;line-height:1;padding:0}
.ata-vx .bv:hover{border-color:var(--cyan);color:var(--cyan)}
.ata-vx .bx:hover{border-color:var(--steel);color:var(--frost)}
.ata-vx .bv.sel{background:var(--cyan);border-color:var(--cyan);color:var(--void)}
.ata-vx .bx.sel{background:var(--slate);border-color:var(--steel);color:var(--frost)}
.ata-vx .stx{font-size:10px;font-weight:700;letter-spacing:.04em;color:var(--steel);width:64px}
.ata-foot{position:fixed;left:0;right:0;bottom:0;background:var(--carbon);border-top:3px solid var(--cyan);box-shadow:0 -2px 14px rgba(0,0,0,.35);z-index:60}
.ata-foot .in{max-width:1100px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:11px 22px;flex-wrap:wrap}
.ata-foot .cnt{font-size:13px;color:var(--steel)}
.ata-foot .cnt b{font-size:15px;color:var(--frost)}
.ata-foot .oblig{font-size:10.5px;color:var(--steel);font-style:italic;margin-top:2px}
.ata-foot .fbar{flex:1;max-width:260px;height:8px;background:var(--slate);border-radius:4px;overflow:hidden}
.ata-foot .fbar i{display:block;height:100%;background:var(--cyan);transition:width .3s}
body.com-ata-foot .conteudo{padding-bottom:100px}
@media (max-width:1100px){ body.com-ata-foot .conteudo{padding-bottom:150px} .ata-foot{bottom:58px} }
[data-theme="light"] .ata-prop{background:rgba(0,168,204,.07)}
[data-theme="light"] .ata-prop.risco{background:rgba(255,107,53,.09)}
[data-theme="light"] .ata-prop.nova{background:rgba(0,168,204,.12)}

/* v3.4.1 — análise assíncrona */
.ata-load{display:flex;gap:14px;align-items:flex-start;color:var(--frost);font-size:13.5px}
.ata-load i{flex:0 0 20px;width:20px;height:20px;margin-top:2px;border:2.5px solid var(--cyan);border-top-color:transparent;border-radius:50%;display:inline-block;animation:atarot .8s linear infinite}
@keyframes atarot{to{transform:rotate(360deg)}}
