/* ============================================================================
   aurora-reg.css — Regulação (#view-regulacao) · refinos de IA (lotes 1 e 2)
   Origem: painel de UX/UI (3 propostas + júri + síntese).

   NOTA: este arquivo continha 291 linhas MORTAS — um reskin `.au-*` escrito
   antes, cujo markup nunca foi gerado por JS/HTML algum (grep = 0 consumidores).
   Foi substituído pelo conteúdo abaixo, que estiliza markup REAL.

   A Regulação ainda NÃO foi migrada visualmente para o Aurora (onda posterior);
   aqui só entram os elementos novos criados pelos lotes 1 e 2.
   ============================================================================ */

/* ---- LOTE 2: card da lista ---- */

/* 8 pontinhos viraram barra fina: mesma informação, 1/3 da altura */
#view-regulacao .reg-card-prog{
  height:4px; border-radius:4px; background:rgba(77,90,54,.13); overflow:hidden; margin:2px 0 2px;
}
#view-regulacao .reg-card-prog > i{
  display:block; height:100%; border-radius:4px;
  background:linear-gradient(90deg,#394820,#7c974d); transition:width .3s ease;
}
body.theme-dark #view-regulacao .reg-card-prog{ background:rgba(157,190,99,.16) }

/* "No prazo" é o caso normal — vira texto discreto. A pílula fica reservada
   para EXCEÇÃO (perto do limite / estourado), então pílula volta a ser sinal. */
#view-regulacao .reg-card-sla-ok{
  font-size:12px; font-weight:700; color:#5b6250; font-variant-numeric:tabular-nums; white-space:nowrap;
}
body.theme-dark #view-regulacao .reg-card-sla-ok{ color:#9ca390 }

/* rodapé do card: status à esquerda, ação primária à direita */
#view-regulacao .reg-card-foot{ display:flex; align-items:center; justify-content:space-between; gap:8px }
#view-regulacao .reg-card-status{ font-size:12px; color:#5b6250; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
body.theme-dark #view-regulacao .reg-card-status{ color:#adba96 }
#view-regulacao .reg-card-act{ flex:none; padding:5px 12px; font-size:12px }

/* ---- LOTE 1: detalhe inline ---- */

/* As Ações eram a ÚLTIMA seção — depois da esteira de 8 etapas e de 8 campos.
   Agora abrem o detalhe e ficam grudadas no topo ao rolar: despachar deixa de
   custar uma rolagem por solicitação. */
#view-regulacao .reg-detail-scroll > .reg-detail-lbl:first-child{ margin-top:0 }
#view-regulacao .reg-detail-actions{
  position:sticky; top:0; z-index:2;
  display:flex; flex-wrap:wrap; gap:7px;
  padding-bottom:10px; margin-bottom:4px;
  background:inherit;
}

/* Esteira colapsada: continua a um clique, mas não empurra mais os dados
   e as ações para fora da tela. */
#view-regulacao .reg-esteira-box{ margin-top:14px; border-top:1px solid #e2e8d7; padding-top:10px }
body.theme-dark #view-regulacao .reg-esteira-box{ border-top-color:rgba(157,190,99,.18) }
#view-regulacao .reg-esteira-sum{
  cursor:pointer; list-style:none; user-select:none;
  font-size:10.5px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; color:#5b6250;
  display:flex; align-items:center; gap:7px; padding:4px 0;
}
#view-regulacao .reg-esteira-sum::-webkit-details-marker{ display:none }
#view-regulacao .reg-esteira-sum::before{
  content:""; width:5px; height:5px; flex:none;
  border-right:2px solid currentColor; border-bottom:2px solid currentColor;
  transform:rotate(-45deg); transition:transform .2s;
}
#view-regulacao .reg-esteira-box[open] > .reg-esteira-sum::before{ transform:rotate(45deg) }
#view-regulacao .reg-esteira-sum:hover{ color:#394820 }
#view-regulacao .reg-esteira-box > .reg-esteira{ margin-top:10px }

/* ============================================================================
   CASCA AURORA — migracao aditiva: o markup agora emite a classe do kit AO LADO
   da legada (reg-header topbar glass, reg-tab tab, reg-filter-band filters...).
   O css/16/07.css continua mandando no CONTEUDO (cards, tabelas, detalhe), que
   ainda NAO foi migrado — por isso aqui so a CASCA e neutralizada. Especificidade
   (1,2,0) para vencer o `#view-regulacao .reg-*` (1,1,0) do legado, sem !important.
   ============================================================================ */
#view-regulacao.aur .reg-shell.shell{ background:transparent; border:none; box-shadow:none; padding:18px 18px 40px; max-width:1560px }

#view-regulacao .reg-header.topbar{
  background:var(--glass); border:1px solid var(--glass-brd); border-radius:20px;
  backdrop-filter:blur(22px) saturate(1.5); -webkit-backdrop-filter:blur(22px) saturate(1.5);
  box-shadow:var(--shadow), inset 0 1px 0 rgba(255,255,255,.5); color:var(--ink);
}
#view-regulacao .reg-header.topbar .reg-header-title{ color:var(--ink); font-size:19px; font-weight:700; letter-spacing:-.02em }
#view-regulacao .reg-header.topbar .reg-header-sub{ color:var(--ink-soft); font-size:12px }
#view-regulacao .reg-header-ico.mark{ background:linear-gradient(135deg,var(--brand),#64793f); color:#fff }
#view-regulacao .reg-header-perfil{ color:var(--brand2); background:rgba(92,111,58,.12); border:none; border-radius:20px; padding:3px 10px; font-size:10.5px; font-weight:700; text-transform:uppercase; letter-spacing:.06em }

#view-regulacao .reg-tabs.tabs{
  background:var(--glass); border:1px solid var(--glass-brd); border-radius:18px;
  backdrop-filter:blur(22px) saturate(1.5); -webkit-backdrop-filter:blur(22px) saturate(1.5);
  box-shadow:var(--shadow); padding:6px;
}
#view-regulacao .reg-tab.tab{ background:transparent; border:none; color:var(--ink-soft); box-shadow:none }
#view-regulacao .reg-tab.tab.active{
  color:#fff; background:linear-gradient(135deg,var(--brand),#64793f);
  box-shadow:0 8px 20px -8px rgba(78,98,44,.7);
}

#view-regulacao .reg-filter-band.filters{
  background:var(--glass); border:1px solid var(--glass-brd); border-radius:20px;
  backdrop-filter:blur(22px) saturate(1.5); -webkit-backdrop-filter:blur(22px) saturate(1.5);
  box-shadow:var(--shadow);
}
#view-regulacao .reg-filt-lbl.lbl{ color:var(--ink-soft) }

/* botoes do cabecalho seguem o kit (o legado pintava branco sobre a faixa roxa) */
#view-regulacao .reg-hbtn.btn{ background:rgba(255,255,255,.35); border:1px solid var(--line); color:var(--ink) }
#view-regulacao .reg-hbtn.btn.primary{ background:linear-gradient(135deg,var(--brand) 0%,#64793f 55%,#7f9b4e 100%); color:#fff; border:none }
#view-regulacao .reg-hbtn.btn.soft{ background:rgba(92,111,58,.12); color:var(--brand); border-color:rgba(92,111,58,.22) }
#view-regulacao .reg-hbtn.btn.danger{ background:linear-gradient(135deg,var(--err),#ff7a9a); color:#fff; border:none }
body.theme-dark #view-regulacao .reg-hbtn.btn{ background:rgba(255,255,255,.06) }

/* chips de prioridade herdam as cores P0-P3 do kit */
#view-regulacao .reg-prio-chip.chip{ border-radius:10px }
#view-regulacao .reg-prio-chip.chip.active.p0{ background:linear-gradient(135deg,#e23a6d,#ff7aa0); color:#fff; border:none }
#view-regulacao .reg-prio-chip.chip.active.p1{ background:linear-gradient(135deg,#e8863a,#ffb066); color:#fff; border:none }
#view-regulacao .reg-prio-chip.chip.active.p2{ background:linear-gradient(135deg,#c68a2c,#e6c150); color:#fff; border:none }
#view-regulacao .reg-prio-chip.chip.active.p3{ background:linear-gradient(135deg,#3f9d6a,#66d69a); color:#fff; border:none }

/* ============================================================================
   CONTEUDO — o markup agora emite .glass nas superficies (cards de solicitacao,
   vagas, paineis do dashboard, listas). O css/16/07.css continua responsavel pelo
   LAYOUT interno (grid de cards, detalhe, esteira), mas pinta fundo branco com
   especificidade (1,1,0). Esta regra empata em (1,1,0) e vence por ORDEM DE CARGA
   (aurora-reg.css e linkado depois), sem precisar de !important.
   ============================================================================ */
#view-regulacao .glass{
  background:var(--glass);
  backdrop-filter:blur(22px) saturate(1.5); -webkit-backdrop-filter:blur(22px) saturate(1.5);
  border:1px solid var(--glass-brd);
  border-radius:20px;
  box-shadow:var(--shadow), inset 0 1px 0 rgba(255,255,255,.5);
}
/* o cartao da lista e clicavel: mantem o realce de selecao por cima do vidro */
#view-regulacao .reg-solic-card.glass.is-sel{ box-shadow:var(--shadow), inset 0 0 0 1.5px var(--brand2) }
#view-regulacao .reg-solic-card.glass:hover{ transform:translateY(-2px) }

/* titulos das secoes migradas */
#view-regulacao .reg-fila-title{ margin:0; font-size:16px; font-weight:700; letter-spacing:-.02em; color:var(--ink) }
#view-regulacao .reg-fila-note{ margin:3px 0 0; font-size:12px; color:var(--ink-soft) }
#view-regulacao .reg-dash-panel-t{ font-size:16px; font-weight:700; letter-spacing:-.02em; color:var(--ink); margin-bottom:12px }
#view-regulacao .reg-dash-2col{ display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:16px; margin-top:16px }
#view-regulacao .reg-dash-panel{ padding:18px 20px }
#view-regulacao .reg-esp-bar{ margin-bottom:12px }
#view-regulacao .reg-esp-bar-top{ display:flex; justify-content:space-between; font-size:12px; color:var(--ink-soft); margin-bottom:5px }
#view-regulacao .reg-prio-stat{ display:flex; align-items:center; gap:10px; padding:9px 0 }
#view-regulacao .reg-prio-stat-lbl{ flex:1; font-size:13px; color:var(--ink-soft) }
#view-regulacao .reg-prio-stat-count{ font-weight:800; font-size:14.5px; color:var(--ink) }