/* ============================================================================
   22-glass-uniform.css — Padronizacao de VIDRO das familias de card legadas.
   Carregada por ULTIMO (depois de aurora.css e de todas as folhas 16/*, panels,
   console etc.) para vencer os backgrounds solidos por cascata + !important.

   PROPOSITO
   ---------
   aurora.css:54 ja tem uma allowlist que envidraca as familias "canonicas"
   (.card/.ds-card/.reg-card/.fat-card/.mst-card/.rh-dashboard-panel...). Esta
   folha estende a MESMA receita de vidro as familias que ficaram de fora e
   ainda pintam superficie solida (#fff / var(--surface) / var(--panel) /
   rgba branco alto / gradientes claros).

   RECEITA (kit-pattern — usa SEMPRE os tokens --au-* de aurora.css :root e
   body.theme-dark; nunca hex de marca, nunca roxo — a marca e verde musgo):
     background: var(--au-glass) !important;
     backdrop-filter: blur(20px) saturate(1.4);
     border: 1px solid var(--au-glass-brd) !important;
     border-radius: 20px !important;
     box-shadow: var(--au-shadow), inset 0 1px 0 rgba(255,255,255,.45) !important;
   Como var(--au-glass)/--au-glass-brd/--au-shadow ja tem override em
   body.theme-dark, o modo escuro sai correto de graca.

   POLITICA APLICADA AQUI
   ----------------------
   - NAO tocamos em cores de status/semaforo: tags/badges/pills/chips e
     variantes .*.st-*, .*.tone-*, .*.status-*, .*.sel, .*.is-accent,
     .*.wait etc. ficam intactas (so o CONTAINER do card vira vidro).
   - Cards com BORDA-ACENTO de status na esquerda (border-left colorido) sao
     envidracados SEM sobrescrever `border`, para preservar o acento:
     .fk2-card (border-left:var(--cc)), .ag-kpi (.is-primary),
     .ubs-flow-card, .agv-diff-card (.status-added/.status-removed),
     .agv-prof-card.
   - .intranet-notice.intranet-style-dark tem fundo escuro proprio (estilo
     escolhido pelo autor) -> excluido via :not(.intranet-style-dark).
   - .ds-kpi.is-accent e um tile de gradiente de destaque -> excluido via
     :not(.is-accent).
   - .criterio-item.sel (selecionado) preserva o realce -> :not(.sel).
   - Escopado por #view-* onde a familia e generica (regulacao, admin,
     transporte) para nao vazar; famílias de prefixo unico (fat-*, fatd-*,
     fk2-*, fin-*, ubs-*, ag*, prontuario-*) ficam sem escopo.
   ============================================================================ */

/* ---------------------------------------------------------------------------
   1) FATURAMENTO legado — .fat-* injetados via <style> em js/fat/04.js e
      js/fat/05.js, .fatd-* de css/16/02.css e .fat-*-card de
      css/10-capacitacao-intranet.css. Todos hoje #fff / var(--surface) /
      gradiente claro.
   --------------------------------------------------------------------------- */
.fat-kt-kpi,
.fat-kt-chartbox,
.fat-kt-tablewrap,
.fat-prod-wrap,
.fat-acomp-table-wrap,
.fat-ctr-table-wrap,
.fatd-table-card,
.fat-metric-card,
.fat-chart-card,
.fat-table-wrap{
  background:var(--au-glass) !important;
  backdrop-filter:blur(20px) saturate(1.4); -webkit-backdrop-filter:blur(20px) saturate(1.4);
  border:1px solid var(--au-glass-brd) !important;
  border-radius:20px !important;
  box-shadow:var(--au-shadow), inset 0 1px 0 rgba(255,255,255,.45) !important;
}
/* .fk2-card tem border-left:4px solid var(--cc) (categoria/prioridade) — vidro
   SEM mexer na borda para preservar o acento. */
.fk2-card{
  background:var(--au-glass) !important;
  backdrop-filter:blur(20px) saturate(1.4); -webkit-backdrop-filter:blur(20px) saturate(1.4);
  border-radius:20px !important;
  box-shadow:var(--au-shadow), inset 0 1px 0 rgba(255,255,255,.45) !important;
}

/* ---------------------------------------------------------------------------
   2) FINANCEIRO — CSS-in-JS em financeiro.js (tudo dentro de .fin-root, que usa
      var local --surface:#fff). .fin-root vira TRANSPARENTE (o vidro sao os
      cards internos, nao a moldura).
   --------------------------------------------------------------------------- */
.fin-root{ background:transparent !important; }
.fin-root .fin-kpi,
.fin-root .fin-card,
.fin-root .fin-search,
.fin-root .fin-table-wrap,
.fin-root .fin-empty{
  background:var(--au-glass) !important;
  backdrop-filter:blur(20px) saturate(1.4); -webkit-backdrop-filter:blur(20px) saturate(1.4);
  border:1px solid var(--au-glass-brd) !important;
  border-radius:20px !important;
  box-shadow:var(--au-shadow), inset 0 1px 0 rgba(255,255,255,.45) !important;
}

/* ---------------------------------------------------------------------------
   3) CAPACITACAO / INTRANET legado — css/10-capacitacao-intranet.css.
   --------------------------------------------------------------------------- */
.cap-card,
.intranet-notice:not(.intranet-style-dark),
.notice-detail-media-item,
.intranet-panels-grid .panel-choice,
.criterio-item:not(.sel){
  background:var(--au-glass) !important;
  backdrop-filter:blur(20px) saturate(1.4); -webkit-backdrop-filter:blur(20px) saturate(1.4);
  border:1px solid var(--au-glass-brd) !important;
  border-radius:20px !important;
  box-shadow:var(--au-shadow), inset 0 1px 0 rgba(255,255,255,.45) !important;
}

/* ---------------------------------------------------------------------------
   4) COMPROVANTE TRANSPORTE — .ts-* (css/10). Escopado em #view-transporte.
   --------------------------------------------------------------------------- */
#view-transporte .ts-stat,
#view-transporte .ts-proof-card,
#view-transporte .ts-proof-section{
  background:var(--au-glass) !important;
  backdrop-filter:blur(20px) saturate(1.4); -webkit-backdrop-filter:blur(20px) saturate(1.4);
  border:1px solid var(--au-glass-brd) !important;
  border-radius:20px !important;
  box-shadow:var(--au-shadow), inset 0 1px 0 rgba(255,255,255,.45) !important;
}

/* ---------------------------------------------------------------------------
   5) UBS legado + AGENDA — css/04-utils-views-units.css, css/09-reception.css,
      css/14-kanban-ubs-agenda.css, css/16/02.css, css/16/03.css.
   --------------------------------------------------------------------------- */
.ubs-home-panel,
.ubs-placeholder-panel,
.ubs-panel-card,
.ubs-sidebar,
.ubs-calendar-card,
.prontuario-history,
.prontuario-section,
.ag-chart-card,
.agv-hero{
  background:var(--au-glass) !important;
  backdrop-filter:blur(20px) saturate(1.4); -webkit-backdrop-filter:blur(20px) saturate(1.4);
  border:1px solid var(--au-glass-brd) !important;
  border-radius:20px !important;
  box-shadow:var(--au-shadow), inset 0 1px 0 rgba(255,255,255,.45) !important;
}
/* Cards com border-left de status/categoria — vidro SEM sobrescrever a borda:
   .ag-kpi (.is-primary), .ubs-flow-card, .agv-diff-card
   (.status-added/.status-removed), .agv-prof-card. */
.ag-kpi,
.ubs-flow-card,
.agv-diff-card,
.agv-prof-card{
  background:var(--au-glass) !important;
  backdrop-filter:blur(20px) saturate(1.4); -webkit-backdrop-filter:blur(20px) saturate(1.4);
  border-radius:20px !important;
  box-shadow:var(--au-shadow), inset 0 1px 0 rgba(255,255,255,.45) !important;
}

/* ---------------------------------------------------------------------------
   6) REGULACAO conteudo — css/16/07.css, escopado em #view-regulacao.
      As linhas de lista (reg-fila-row/reg-inter-row) tambem viram vidro
      (kit-pattern permite).
   --------------------------------------------------------------------------- */
#view-regulacao .reg-detail-card,
#view-regulacao .reg-detail-empty,
#view-regulacao .reg-filters-wrap,
#view-regulacao .reg-fila-row,
#view-regulacao .reg-inter-row{
  background:var(--au-glass) !important;
  backdrop-filter:blur(20px) saturate(1.4); -webkit-backdrop-filter:blur(20px) saturate(1.4);
  border:1px solid var(--au-glass-brd) !important;
  border-radius:20px !important;
  box-shadow:var(--au-shadow), inset 0 1px 0 rgba(255,255,255,.45) !important;
}

/* ---------------------------------------------------------------------------
   7) ADMIN nao-cobertos — css/16/05.css, css/16/06.css e CSS-in-JS de
      js/app/admin/02.js, escopado em #view-admin.
   --------------------------------------------------------------------------- */
#view-admin .adm-live-card,
#view-admin .adms-card,
#view-admin .admh-card,
#view-admin .chk-card,
#view-admin .pv2-stat,
#view-admin .sd-wrap,
#view-admin .sd-drop{
  background:var(--au-glass) !important;
  backdrop-filter:blur(20px) saturate(1.4); -webkit-backdrop-filter:blur(20px) saturate(1.4);
  border:1px solid var(--au-glass-brd) !important;
  border-radius:20px !important;
  box-shadow:var(--au-shadow), inset 0 1px 0 rgba(255,255,255,.45) !important;
}
/* .sd-drop e popover (autocomplete) sobre conteudo — sombra forte p/ separar. */
#view-admin .sd-drop{
  box-shadow:var(--au-shadow), 0 18px 40px -12px rgba(20,26,12,.45), inset 0 1px 0 rgba(255,255,255,.45) !important;
  z-index:50;
}

/* ---------------------------------------------------------------------------
   8) KIT DS — .ds-kpi acompanha .ds-card (que ja e allowlist). Exclui o tile
      de destaque .ds-kpi.is-accent (gradiente de marca).
   --------------------------------------------------------------------------- */
.ds-kpi:not(.is-accent){
  background:var(--au-glass) !important;
  backdrop-filter:blur(20px) saturate(1.4); -webkit-backdrop-filter:blur(20px) saturate(1.4);
  border:1px solid var(--au-glass-brd) !important;
  border-radius:20px !important;
  box-shadow:var(--au-shadow), inset 0 1px 0 rgba(255,255,255,.45) !important;
}

/* ---------------------------------------------------------------------------
   9) BUG DARK RH — 20-panel-console.css:494 pinta
      `body.theme-dark #view-rh .rh-dashboard-panel { background:#1a1c15 }`
      (solido) e vence o vidro da allowlist no tema escuro. Neutralizamos aqui,
      por ultimo, devolvendo o vidro dark.
   --------------------------------------------------------------------------- */
body.theme-dark #view-rh .rh-dashboard-panel{
  background:var(--au-glass) !important;
  backdrop-filter:blur(20px) saturate(1.4); -webkit-backdrop-filter:blur(20px) saturate(1.4);
}

/* ============================================================================
   10) PAINEIS SEM CARTAO DE FUNDO (pedido: "todos os paineis sem esse fundo, so o
   app atras"). O container PRINCIPAL de conteudo de cada painel deixa de ser um
   cartao de vidro e fica transparente -> mostra o fundo do app. Os cards INTERNOS
   (KPIs, secoes, task-cards) mantem o vidro. Carrega por ultimo p/ vencer a cascata.
   ============================================================================ */
.aur #ubs-main-content,
.aur .ubs-main-card,
.ds-main,
#view-regulacao.aur .reg-shell,
#view-servidor.aur #servidor-main-content,
#view-rh.aur #rh-main-content{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  backdrop-filter:none !important; -webkit-backdrop-filter:none !important;
}

/* 10b) DEMAIS paineis sem cartao de fundo: cascas/superficies de conteudo dos
   outros dominios (master, reg sub-shells, sigtap, transporte...). KIOSKS
   (tv/totem/issued) FICAM DE FORA (opacos por legibilidade publica). */
.aur .master-shell, .aur .ubs-shell, .aur .ops, .aur .mmap,
.aur .rc-shell, .aur .rf-shell, .aur .sg-shell, .aur .tsv-shell{
  background:transparent !important; border:none !important; box-shadow:none !important;
  backdrop-filter:none !important; -webkit-backdrop-filter:none !important;
}
/* mata o fio iridescente ::after (o "box") nessas superficies e nas ja tratadas */
.aur :is(.master-shell,.ubs-shell,.ops,.mmap,.rc-shell,.rf-shell,.sg-shell,.tsv-shell,
  .reg-shell,.ubs-main-card,.ds-main)::after{ content:none !important; }

/* 10c) PAINEIS LEGADOS (nao-.aur) sem cartao de fundo: o global-card.css da um
   cartao de vidro a .panel-container e aos roots proprios (almox/fatsus/auditoria/
   fila-estadual/retornos). Aqui zeramos essa superficie -> fundo do app atras.
   Os cards INTERNOS desses paineis (ja envidracados no bloco 1-9) ficam. */
.view-section:not(.aur) > .panel-container,
.view-section:not(.aur) .panel-container,
#almoxarifado-root, #fatsus-root, #auditoria-root,
#fila-estadual-host, #retornos-host, #fatd-root, #faturamento-root{
  background:transparent !important; border:none !important; box-shadow:none !important;
  backdrop-filter:none !important; -webkit-backdrop-filter:none !important;
  min-height:auto !important;
}

/* Recepcao: estado vazio ("Nenhum paciente carregado") SEM cartao/fundo — so o app atras */
#view-reception #rec-empty-state,
#view-reception #rec-empty-state:hover{
  background:transparent !important; border:none !important; box-shadow:none !important;
  backdrop-filter:none !important; -webkit-backdrop-filter:none !important;
}
#view-reception #rec-empty-state::after{ content:none !important; }

/* Modais NAO transparentes: o card de vidro dentro de um overlay fica OPACO
   (o backdrop do overlay ja escurece o fundo; o card em si nao pode vazar). */
.modal-overlay > .glass,
.modal-overlay > .rc-modal{
  background:rgba(250,252,246,.99) !important;
  backdrop-filter:blur(24px) saturate(1.5) !important; -webkit-backdrop-filter:blur(24px) saturate(1.5) !important;
}
body.theme-dark .modal-overlay > .glass,
body.theme-dark .modal-overlay > .rc-modal{
  background:rgba(40,46,30,.99) !important;
}
.modal-overlay > .glass::after,
.modal-overlay > .rc-modal::after{ content:none !important; }