/* Aurora — painel: sigtap
   Arquivo EXCLUSIVO deste grupo. Carrega depois do kit e antes do
   aurora-legacy-reset.css (que segue sendo a ultima camada antidoto).

   Tudo aqui e escopado em #view-sigtap. Cor sempre por token: os do aurora-core
   mais quatro tints locais (--sg-tint*), declarados uma unica vez logo abaixo —
   sao os mesmos roxos translucidos do kit, que nao existem como token la.
   Duas regras existem para REPOR layout que antes vinha de style= inline na
   view (max-width do .shell e o flex do campo de busca) — ver marcacoes. */

/* ── casca ──────────────────────────────────────────────────────────────
   [REPOE INLINE] a view tinha style="max-width:1200px" no .shell. O kit usa
   1560 (padrao do sistema); aqui o conteudo e uma barra + uma tabela de 3
   colunas, entao 1360 evita a linha de texto quilometrica sem sobrar tela. */
#view-sigtap .sg-shell{ max-width:1360px }

/* tints translucidos do painel: ponto unico de manutencao (claro + escuro) */
#view-sigtap{
  --sg-tint:rgba(92,111,58,.1);       /* fundo suave (pilula de unidade, hover) */
  --sg-tint-2:rgba(92,111,58,.12);    /* fundo da pilula de codigo */
  --sg-tint-brd:rgba(92,111,58,.22);  /* borda da pilula de codigo */
  --sg-tint-soft:rgba(92,111,58,.08); /* fundo do bloco de metrica */
}
body.theme-dark #view-sigtap{
  --sg-tint:rgba(147,185,80,.12);
  --sg-tint-2:rgba(147,185,80,.14);
  --sg-tint-brd:rgba(147,185,80,.24);
  --sg-tint-soft:rgba(147,185,80,.08);
}

#view-sigtap .sg-who{
  display:inline-block; margin-top:2px; font-size:12px; font-weight:600;
  color:var(--ink-soft); background:var(--sg-tint);
  padding:2px 9px; border-radius:20px;
}
#view-sigtap .sg-who:empty{ display:none }

/* ── barra de comando (acao primaria, largura total) ────────────────── */
#view-sigtap .sg-cmd{ align-items:center; padding:14px 16px; gap:12px; position:relative; z-index:5 }
/* [REPOE INLINE] antes era style="flex:1 1 260px" no .field */
#view-sigtap .sg-cmd-wrap{ position:relative; flex:1 1 420px; min-width:240px }
#view-sigtap .sg-cmd-field{ width:100%; padding:12px 14px }
#view-sigtap .sg-cmd-ico{ display:grid; place-items:center; flex:none; color:var(--brand2) }
#view-sigtap .sg-cmd-field input{ font-size:14.5px }
#view-sigtap .sg-go{ flex:none; min-height:44px; padding-left:22px; padding-right:22px }

/* typeahead: ancorado no wrapper da busca, nunca empurra o layout */
#view-sigtap .sg-sug{
  position:absolute; top:calc(100% + 7px); left:0; right:0; z-index:40;
  max-height:320px; overflow-y:auto; scrollbar-width:thin;
  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:16px;
  box-shadow:var(--shadow); padding:6px;
  display:flex; flex-direction:column; gap:2px;
}
#view-sigtap .sg-sug-item,
#view-sigtap .sg-escolha-item{
  display:flex; align-items:center; gap:10px; width:100%; text-align:left;
  font-family:inherit; font-size:13px; color:var(--ink);
  background:transparent; border:none; border-radius:11px;
  padding:9px 11px; cursor:pointer; transition:.14s;
}
#view-sigtap .sg-sug-item:hover,
#view-sigtap .sg-sug-item.is-on,
#view-sigtap .sg-escolha-item:hover{ background:var(--sg-tint) }
#view-sigtap .sg-sug-item:focus-visible,
#view-sigtap .sg-escolha-item:focus-visible{ outline:2px solid var(--brand2); outline-offset:-2px }
#view-sigtap .sg-sug-nome,
#view-sigtap .sg-escolha-nome{ min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }

/* codigo do procedimento: sempre a mesma pilula tabular, em qualquer estado */
#view-sigtap .sg-cod{
  flex:none; font-size:12px; font-weight:700; letter-spacing:.04em;
  font-variant-numeric:tabular-nums; color:var(--brand);
  background:var(--sg-tint-2); border:1px solid var(--sg-tint-brd);
  border-radius:8px; padding:3px 8px;
}
body.theme-dark #view-sigtap .sg-cod{ color:var(--lilac) }

/* ── estado: varios procedimentos casaram com o termo ────────────────── */
#view-sigtap .sg-escolha-list{ display:flex; flex-direction:column; gap:2px; padding:4px 10px 12px }

/* ── resultado: identidade do procedimento ───────────────────────────── */
#view-sigtap .sg-proc-head{ align-items:center }
#view-sigtap .sg-proc-id{ min-width:0; flex:1 1 420px }
#view-sigtap .sg-proc-top{ display:flex; align-items:center; gap:9px; flex-wrap:wrap; margin-bottom:6px }
#view-sigtap .sg-proc-id h2{ font-size:18px; line-height:1.25 }
#view-sigtap .sg-meta{ display:flex; gap:7px; flex-wrap:wrap; margin-top:8px }
/* chip aqui e rotulo, nao controle: sem cursor de clique */
#view-sigtap .sg-chip{ cursor:default; font-weight:600 }
#view-sigtap .sg-desc{
  margin:10px 0 0; font-size:12px; line-height:1.5; color:var(--ink-soft); max-width:76ch;
}

/* metrica unica do painel: numero contido (nunca KPI gigante) + microbarra */
#view-sigtap .sg-ratio{
  flex:none; min-width:186px; display:flex; flex-direction:column; gap:7px;
  padding:12px 14px; border-radius:16px;
  background:var(--sg-tint-soft); border:1px solid var(--line);
}
#view-sigtap .sg-ratio-num{
  font-size:22px; font-weight:750; letter-spacing:-.03em; line-height:1;
  color:var(--ink); display:flex; align-items:baseline; gap:6px;
}
#view-sigtap .sg-ratio-num em{ font-style:normal; font-size:12px; font-weight:600; color:var(--ink-soft) }
#view-sigtap .sg-ratio .k-bar{ margin-top:0 }
#view-sigtap .sg-ratio-lbl{ font-size:12px; color:var(--ink-soft) }

/* ── resultado: corpo ────────────────────────────────────────────────── */
#view-sigtap .sg-proc-body{ padding:0 16px 16px }
#view-sigtap .sg-aviso{ margin:0 0 12px }
#view-sigtap .sg-cats{ display:flex; align-items:center; gap:7px; flex-wrap:wrap; margin-bottom:12px }
#view-sigtap .sg-cats-lbl{
  font-size:10.5px; font-weight:700; text-transform:uppercase; letter-spacing:.07em; color:var(--ink-soft);
}

#view-sigtap .sg-filtros{ margin-bottom:10px; gap:10px }
#view-sigtap .sg-filtro-busca{ flex:1 1 240px; min-width:180px; padding:9px 12px }
#view-sigtap .sg-chips{ flex-wrap:wrap }
#view-sigtap .sg-contagem{
  margin-left:auto; font-size:12px; font-weight:600; color:var(--ink-soft);
  font-variant-numeric:tabular-nums;
}

#view-sigtap .sg-table td.sg-cel-cod{ font-variant-numeric:tabular-nums; font-weight:650; white-space:nowrap }
#view-sigtap .sg-table td.sg-cel-vazia{ text-align:center; color:var(--ink-soft); padding:22px 12px }

/* ── rodape: exportacao do catalogo (natureza diferente da busca) ────── */
#view-sigtap .sg-catalogo{ margin-bottom:0 }
#view-sigtap .sg-cat-card{
  display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap;
  padding:14px 18px;
}
#view-sigtap .sg-cat-txt h2{ margin:0; font-size:14.5px; font-weight:700; letter-spacing:-.02em }
#view-sigtap .sg-cat-txt p{ margin:3px 0 0; font-size:12px; color:var(--ink-soft) }

/* ── estados vazios: cada um com sua identidade ──────────────────────── */
#view-sigtap .sg-vazio,
#view-sigtap .sg-carregando,
#view-sigtap .sg-erro{ margin:0 }

@media (max-width:760px){
  #view-sigtap .sg-cmd{ align-items:stretch }
  #view-sigtap .sg-go{ width:100% }
  #view-sigtap .sg-ratio{ width:100%; min-width:0 }
  #view-sigtap .sg-contagem{ margin-left:0 }
}