/* aurora-panels.css — sistema Aurora fiel por painel (fleet de design). Escopado por id, aditivo, por ultimo. */


/* ===== ADMIN ===== */
/* ============================================================
   AURORA — Administração (Admin v2)  · escopo #view-admin
   Superficies = vidro frosted translucido (aurora aparece atras).
   Usa tokens globais --au-*. Vence o skin adm-v2 (que usa !important).
   ============================================================ */

/* ---- 0. Raiz: solta o fundo p/ a aurora global aparecer ---- */
#view-admin{
  background:transparent !important;              /* remove o gradiente opaco antigo */
  color:var(--au-ink) !important;
}
#view-admin .adm-panel{ background:transparent !important; }

/* mixin de vidro reaproveitado nos blocos abaixo (aplicado por seletor) */

/* ---- 1. CABEÇALHO = faixa gradiente roxa, texto branco ---- */
#view-admin .intranet-header{
  background:linear-gradient(135deg,#394820 0%,#5c6f3a 55%,#7f9b4e 100%) !important;
  background-image:linear-gradient(135deg,#394820 0%,#5c6f3a 55%,#7f9b4e 100%) !important;
  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,.35) !important;
  color:#fff !important;
}
#view-admin .intranet-header::before,
#view-admin .intranet-header::after{ content:none !important; }
/* logo: vidro branco translucido sobre a faixa */
#view-admin .adm-h-logo{
  background:rgba(255,255,255,.18) !important;
  border:1px solid rgba(255,255,255,.35) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.4) !important;
  color:#fff !important;
}
#view-admin .adm-h-title{ color:#fff !important; }
#view-admin .adm-h-sub{ color:rgba(255,255,255,.82) !important; opacity:1 !important; }
/* badge de escopo = pilula translucida */
#view-admin .adm-scope-badge{
  color:#fff !important;
  background:rgba(255,255,255,.20) !important;
  border:1px solid rgba(255,255,255,.3) !important;
}
#view-admin.adm-scope-unit .adm-scope-badge{
  color:#fff !important; background:rgba(255,255,255,.20) !important;
}
/* seletor de escopo = vidro sobre a faixa */
#view-admin .intranet-header-actions .adm-scope-select{
  background:rgba(255,255,255,.16) !important;
  border:1px solid rgba(255,255,255,.32) !important;
  color:#fff !important;
}
#view-admin .adm-scope-select option{ color:var(--au-ink); }

/* ---- 2. Botões do cabeçalho: ghost = vidro; "Abrir Painel" = primario ---- */
#view-admin .intranet-header .intranet-header-actions .btn{
  background:rgba(255,255,255,.16) !important;
  background-image:none !important;
  border:1px solid rgba(255,255,255,.32) !important;
  color:#fff !important;
  border-radius:12px !important;
  box-shadow:none !important;
}
#view-admin .intranet-header .intranet-header-actions .btn:hover{
  background:rgba(255,255,255,.28) !important;
}
#view-admin .intranet-header .intranet-header-actions .btn svg,
#view-admin .intranet-header .intranet-header-actions .btn i{
  color:#fff !important; stroke:currentColor !important;
}
#view-admin .intranet-header .intranet-header-actions button.btn.btn-primary.btn-sm{
  background:rgba(255,255,255,.16) !important; background-image:none !important;
  color:#fff !important; border:1px solid rgba(255,255,255,.32) !important;
}
#view-admin .intranet-header .intranet-header-actions button.btn.btn-primary.btn-sm svg,
#view-admin .intranet-header .intranet-header-actions button.btn.btn-primary.btn-sm i{
  color:#fff !important; stroke:#fff !important;
}
/* Abrir Painel = pilula solida escura p/ destaque na faixa */
#view-admin .intranet-header .intranet-header-actions #btn-admin-menu-toggle{
  background:rgba(22,29,11,.32) !important; background-image:none !important;
  border:1px solid rgba(255,255,255,.4) !important;
  color:#fff !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.25) !important;
}
#view-admin .intranet-header .intranet-header-actions #btn-admin-menu-toggle:hover{
  background:rgba(22,29,11,.48) !important;
}
/* timer de sessao = pilula translucida */
#view-admin .adm-session-timer{
  background:rgba(255,255,255,.16) !important;
  border:1px solid rgba(255,255,255,.32) !important;
  color:#fff !important;
}

/* dropdown "Abrir Painel" = vidro (fica sobre conteudo, nao sobre a faixa) */
#view-admin .adm-menu-dropdown{
  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;
  box-shadow:var(--au-shadow), inset 0 1px 0 rgba(255,255,255,.45) !important;
}
#view-admin .adm-menu-title{ color:var(--au-ink-soft) !important; }
#view-admin .adm-menu-item{ color:var(--au-ink) !important; background:transparent !important; }
#view-admin .adm-menu-item:hover{ background:rgba(92,111,58,.12) !important; }
#view-admin .adm-menu-item.btn-danger{ color:var(--au-err) !important; }

/* ---- 3. LAYOUT: sidebar + conteudo = VIDRO translucido + glow ---- */
#view-admin .adm-side,
#view-admin .adm-content{
  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;
  box-shadow:var(--au-shadow), inset 0 1px 0 rgba(255,255,255,.45) !important;
  position:relative;
}
#view-admin .adm-side{ border-radius:20px !important; }
#view-admin .adm-content{ border-radius:20px !important; }
/* borda gradient-glow (mask) — como no mockup */
#view-admin .adm-side::after,
#view-admin .adm-content::after,
#view-admin .adm-matrix-wrap::after,
#view-admin #adm-tab-dashboard .dash-panel::after,
#view-admin #dashboard-metrics .dash-kpi::after{
  content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;
  background:linear-gradient(135deg,rgba(92,111,58,.5),transparent 40%,transparent 60%,rgba(143,175,87,.4));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.7;z-index:2;
}
#view-admin .adm-grp-adm > summary{ color:var(--au-brand) !important; }
#view-admin .adm-grp-op  > summary{ color:var(--au-info) !important; }
#view-admin .adm-grp-rel > summary{ color:var(--au-ok) !important; }
#view-admin .adm-tab{ color:var(--au-ink-soft) !important; background:transparent !important; }
#view-admin .adm-tab:hover{ background:rgba(92,111,58,.12) !important; color:var(--au-ink) !important; }
/* aba ativa = pilula gradiente */
#view-admin .adm-tab.active{
  background:linear-gradient(135deg,var(--au-brand),var(--au-brand2)) !important;
  color:#fff !important;
  box-shadow:0 8px 20px -8px rgba(78,98,44,.7) !important;
}
#view-admin .adm-tab.admin-central-only::after{
  color:var(--au-brand) !important; background:rgba(92,111,58,.12) !important;
}
#view-admin .adm-tab.active.admin-central-only::after{
  color:#fff !important; background:rgba(255,255,255,.22) !important;
}

/* ---- 5. TOOLBAR + segmento Tabela/Matriz ---- */
#view-admin .adm-toolbar-title{ color:var(--au-ink) !important; }
#view-admin .adm-toolbar-sub{ color:var(--au-ink-soft) !important; }
#view-admin .adm-uview-seg{
  background:var(--au-glass2) !important;
  border:1px solid var(--au-glass-brd) !important;
}
#view-admin .adm-uview-seg button{ color:var(--au-ink-soft) !important; background:transparent !important; }
#view-admin .adm-uview-seg button.on{
  background:linear-gradient(135deg,var(--au-brand),var(--au-brand2)) !important;
  color:#fff !important;
  box-shadow:0 4px 12px -4px rgba(78,98,44,.6) !important;
}

/* ---- 6. BOTÕES gerais do conteudo (primario=gradiente, resto=vidro) ---- */
#view-admin .adm-content .btn-primary,
#view-admin .adm-content .btn-accent{
  background:linear-gradient(135deg,var(--au-brand) 0%,var(--au-brand2) 55%,#7f9b4e 100%) !important;
  background-image:linear-gradient(135deg,var(--au-brand) 0%,var(--au-brand2) 55%,#7f9b4e 100%) !important;
  color:#fff !important; border:none !important; border-radius:12px !important;
  box-shadow:0 10px 24px -8px rgba(78,98,44,.7) !important;
}
#view-admin .adm-content .btn:not(.btn-primary):not(.btn-accent):not(.btn-danger){
  background:var(--au-glass2) !important;
  border:1px solid var(--au-glass-brd) !important;
  color:var(--au-ink) !important; border-radius:12px !important; box-shadow:none !important;
}
#view-admin .adm-content .btn:not(.btn-primary):not(.btn-accent):not(.btn-danger):hover{
  background:rgba(92,111,58,.14) !important;
}

/* ---- 7. INPUTS / SELECTS = vidro com foco roxo ---- */
#view-admin .adm-content input:not([type="checkbox"]):not([type="radio"]),
#view-admin .adm-content select,
#view-admin .adm-content textarea{
  background:var(--au-glass2) !important;
  border:1px solid var(--au-glass-brd) !important;
  color:var(--au-ink) !important;
  border-radius:11px !important;
}
#view-admin .adm-content input:focus,
#view-admin .adm-content select:focus,
#view-admin .adm-content textarea:focus{
  border-color:var(--au-brand2) !important;
  box-shadow:0 0 0 3px rgba(92,111,58,.18) !important; outline:none !important;
}
#view-admin .adm-content input::placeholder{ color:var(--au-ink-soft) !important; }

/* card genérico (users-toolbar, add-user-form, etc.) = vidro */
#view-admin .adm-content .card{
  background:var(--au-glass) !important;
  backdrop-filter:blur(18px) saturate(1.3); -webkit-backdrop-filter:blur(18px) saturate(1.3);
  border:1px solid var(--au-glass-brd) !important;
  box-shadow:var(--au-shadow), inset 0 1px 0 rgba(255,255,255,.4) !important;
  border-radius:18px !important; color:var(--au-ink) !important;
}
#view-admin .adm-content h4,
#view-admin .adm-content .dash-title,
#view-admin .adm-content .adm-patient-title{ color:var(--au-ink) !important; }
#view-admin .adm-content .small,
#view-admin .adm-content .text-muted,
#view-admin .adm-content label.small{ color:var(--au-ink-soft) !important; }

/* ---- 8. TABELAS: cabecalho tonal, linhas hover lilas ---- */
#view-admin .adm-content table{ color:var(--au-ink) !important; }
#view-admin .adm-content table thead th,
#view-admin .adm-content table th{
  background:rgba(92,111,58,.10) !important;
  color:var(--au-ink-soft) !important;
  border:none !important;
}
#view-admin .adm-content table td{
  border-top:1px solid var(--au-line) !important;
  color:var(--au-ink) !important;
}
#view-admin .adm-content table tbody tr:hover{
  background:rgba(92,111,58,.08) !important;
}

/* ---- 9. MATRIZ RBAC = vidro + toggles Aurora ---- */
#view-admin .adm-matrix-wrap{
  background:var(--au-glass) !important;
  border:1px solid var(--au-glass-brd) !important;
  box-shadow:var(--au-shadow) !important;
  border-radius:18px !important; position:relative;
}
#view-admin table.adm-matrix th{
  background:rgba(92,111,58,.12) !important; color:var(--au-ink-soft) !important;
}
#view-admin table.adm-matrix td{ border-top:1px solid var(--au-line) !important; }
#view-admin table.adm-matrix td.adm-mx-user{
  background:transparent !important; color:var(--au-ink) !important;
}
#view-admin table.adm-matrix tbody tr:hover td{ background:rgba(92,111,58,.07) !important; }
#view-admin .adm-mx-toggle{ background:rgba(77,90,54,.28) !important; }
#view-admin .adm-mx-toggle.on{
  background:linear-gradient(135deg,var(--au-brand),var(--au-brand2)) !important;
}
#view-admin .adm-mx-note{ color:var(--au-ink-soft) !important; }

/* ---- 10. DASHBOARD KPIs = cards vidro, numero comedido, heroi gradiente ---- */
#view-admin #dashboard-metrics .dash-kpi{
  background:var(--au-glass) !important;
  backdrop-filter:blur(18px) saturate(1.3); -webkit-backdrop-filter:blur(18px) saturate(1.3);
  border:1px solid var(--au-glass-brd) !important;
  box-shadow:var(--au-shadow), inset 0 1px 0 rgba(255,255,255,.4) !important;
  border-radius:20px !important; position:relative;
}
/* numero comedido (nao gigante) + barra fina embaixo via ::before do wrapper de valor */
#view-admin #dashboard-metrics .dash-kpi-val{
  font-size:26px !important; font-weight:750 !important; color:var(--au-ink) !important;
}
#view-admin #dashboard-metrics .dash-kpi-lbl{ color:var(--au-ink-soft) !important; }
#view-admin #dashboard-metrics .dash-kpi[data-tone="green"] .dash-kpi-val{ color:var(--au-ok) !important; }
#view-admin #dashboard-metrics .dash-kpi[data-tone="blue"]  .dash-kpi-val{ color:var(--au-info) !important; }
#view-admin #dashboard-metrics .dash-kpi[data-tone="amber"] .dash-kpi-val{ color:var(--au-warn) !important; }
/* barra fina de acento no rodape de cada KPI */
#view-admin #dashboard-metrics .dash-kpi::before{
  content:"" !important; position:absolute; left:18px; right:18px; bottom:12px; height:4px;
  border-radius:4px; background:linear-gradient(90deg,var(--au-brand),#7c974d); opacity:.55; z-index:1;
}
/* 1o card = heroi gradiente roxo */
#view-admin #dashboard-metrics .dash-kpi:nth-child(1){
  background:linear-gradient(140deg,var(--au-brand),var(--au-brand2) 60%,#7f9b4e) !important;
  border:1px solid rgba(255,255,255,.25) !important;
  box-shadow:0 14px 30px -10px rgba(60,74,37,.55) !important;
}
#view-admin #dashboard-metrics .dash-kpi:nth-child(1) .dash-kpi-val{ color:#fff !important; }
#view-admin #dashboard-metrics .dash-kpi:nth-child(1) .dash-kpi-lbl{ color:rgba(255,255,255,.9) !important; }
#view-admin #dashboard-metrics .dash-kpi:nth-child(1)::before{ background:rgba(255,255,255,.45); }
#view-admin #dashboard-metrics .dash-kpi:nth-child(1)::after{ opacity:0; }

/* paineis de grafico = vidro */
#view-admin #adm-tab-dashboard .dash-panel{
  background:var(--au-glass) !important;
  backdrop-filter:blur(18px) saturate(1.3); -webkit-backdrop-filter:blur(18px) saturate(1.3);
  border:1px solid var(--au-glass-brd) !important;
  box-shadow:var(--au-shadow), inset 0 1px 0 rgba(255,255,255,.4) !important;
  border-radius:20px !important; position:relative;
}
#view-admin #adm-tab-dashboard .dash-panel-h{ color:var(--au-ink) !important; }
#view-admin #adm-tab-dashboard .dash-sub,
#view-admin #adm-tab-dashboard .dash-f-label{ color:var(--au-ink-soft) !important; }

/* ---- 11. Depts / Patient / Unit cards = vidro Aurora ---- */
#view-admin .dept-create-card{
  background:var(--au-glass) !important; border:1px solid var(--au-glass-brd) !important;
  box-shadow:var(--au-shadow) !important; border-radius:18px !important;
}
#view-admin .dept-create-title{ color:var(--au-ink) !important; }
#view-admin .dept-create-btn{
  background:linear-gradient(135deg,var(--au-brand),var(--au-brand2)) !important;
  color:#fff !important; border:none !important;
}
#view-admin .adm-patient-wrap{
  background:var(--au-glass) !important; border:1px solid var(--au-glass-brd) !important;
  box-shadow:var(--au-shadow) !important; border-radius:20px !important;
}
#view-admin .adm-patient-title{ color:var(--au-ink) !important; }
#view-admin .adm-patient-sub{ color:var(--au-ink-soft) !important; }
#view-admin .adm-patient-search{
  background:var(--au-glass2) !important; border:1px solid var(--au-glass-brd) !important;
  border-radius:12px !important;
}
#view-admin .adm-patient-search:focus-within{
  border-color:var(--au-brand2) !important; box-shadow:0 0 0 3px rgba(92,111,58,.18) !important;
}
#view-admin .adm-unit-card{
  background:var(--au-glass2) !important; border:1px solid var(--au-glass-brd) !important;
  color:var(--au-ink) !important; border-radius:16px !important;
}
#view-admin .adm-unit-card:hover{ background:rgba(92,111,58,.12) !important; }
#view-admin .adm-unit-card small{ color:var(--au-ink-soft) !important; }

/* container translucido da aba Agenda (miolo do calendario usa inline styles) */
#view-admin #adm-tab-agenda{ color:var(--au-ink) !important; }

/* ============================================================
   TEMA ESCURO — plum translucido, nunca preto (tokens ja invertem)
   ============================================================ */
body.theme-dark #view-admin{ background:transparent !important; color:var(--au-ink) !important; }
/* cabecalho mantem a faixa gradiente (fica bem no escuro tambem) */
body.theme-dark #view-admin .adm-side,
body.theme-dark #view-admin .adm-content,
body.theme-dark #view-admin .adm-content .card,
body.theme-dark #view-admin .adm-matrix-wrap,
body.theme-dark #view-admin #dashboard-metrics .dash-kpi,
body.theme-dark #view-admin #adm-tab-dashboard .dash-panel,
body.theme-dark #view-admin .dept-create-card,
body.theme-dark #view-admin .adm-patient-wrap,
body.theme-dark #view-admin .adm-menu-dropdown{
  background:var(--au-glass) !important;
  border:1px solid var(--au-glass-brd) !important;
  box-shadow:var(--au-shadow), inset 0 1px 0 rgba(255,255,255,.10) !important;
  color:var(--au-ink) !important;
}
body.theme-dark #view-admin .adm-content input,
body.theme-dark #view-admin .adm-content select,
body.theme-dark #view-admin .adm-content textarea,
body.theme-dark #view-admin .adm-uview-seg,
body.theme-dark #view-admin .adm-unit-card,
body.theme-dark #view-admin .adm-patient-search{
  background:var(--au-glass2) !important; border:1px solid var(--au-glass-brd) !important;
  color:var(--au-ink) !important;
}
body.theme-dark #view-admin .adm-content table th,
body.theme-dark #view-admin table.adm-matrix th{
  background:rgba(147,185,80,.14) !important; color:var(--au-ink-soft) !important;
}
body.theme-dark #view-admin .adm-content table tbody tr:hover,
body.theme-dark #view-admin table.adm-matrix tbody tr:hover td{
  background:rgba(147,185,80,.10) !important;
}
body.theme-dark #view-admin .adm-tab:hover{ background:rgba(147,185,80,.12) !important; }
body.theme-dark #view-admin #dashboard-metrics .dash-kpi-val{ color:var(--au-ink) !important; }


/* ===== TRANSPORTE ===== */
/* ============================================================
   AURORA · Painel "Transporte em Saúde"  (escopo #view-transporte)
   Superfícies em vidro frosted translúcido + cabeçalho gradiente,
   tabs/chips/botões/inputs/tabelas/KPIs/modais no sistema Aurora.
   Usa apenas tokens --au-* (globais, invertem no body.theme-dark).
   ============================================================ */

/* 1) FUNDO DO PAINEL — remove o gradiente sólido opaco para a
      aurora global (canvas + blobs do aurora.css) aparecer atrás. */
#view-transporte .tsv-shell{
  background:transparent !important;
}

/* 2) VIDRO BASE — mixin aplicado às superfícies principais.
      Translúcido + blur + borda de vidro + sombra + brilho interno. */
#view-transporte .tsv-main,
#view-transporte .tsv-card,
#view-transporte .tsv-panel,
#view-transporte .tsv-kpi,
#view-transporte .tsv-tabs{
  background:var(--au-glass) !important;
  -webkit-backdrop-filter:blur(20px) saturate(1.4);
  backdrop-filter:blur(20px) saturate(1.4);
  border:1px solid var(--au-glass-brd) !important;
  box-shadow:var(--au-shadow), inset 0 1px 0 rgba(255,255,255,.45) !important;
  position:relative;
}

/* 2b) BORDA GRADIENT-GLOW (pseudo ::after com máscara, como no mockup) */
#view-transporte .tsv-main::after,
#view-transporte .tsv-card::after,
#view-transporte .tsv-panel::after,
#view-transporte .tsv-kpi::after{
  content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;
  background:linear-gradient(135deg,rgba(92,111,58,.5),transparent 40%,transparent 60%,rgba(143,175,87,.4));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;
  pointer-events:none;opacity:.7;z-index:0;
}
/* garante que o conteúdo fique acima do glow */
#view-transporte .tsv-kpi > *{position:relative;z-index:1;}

/* 3) CABEÇALHO = faixa gradiente roxa, texto branco (Aurora header) */
#view-transporte .tsv-header{
  background:linear-gradient(135deg,#394820,#5c6f3a 55%,#7f9b4e) !important;
  border:1px solid transparent !important;
  box-shadow:var(--au-shadow), inset 0 1px 0 rgba(255,255,255,.35) !important;
}
/* força todo texto do header para branco (vence os inline color:var(--ds-*)) */
#view-transporte .tsv-header > div,
#view-transporte .tsv-header > div *{color:#fff !important;}
/* badge "TFD · Regulação" (bg claro inline) -> pílula translúcida */
#view-transporte .tsv-header [style*="#e7efd9"]{
  background:rgba(255,255,255,.16) !important;
}
/* pílula do relógio (bg claro inline) -> vidro translúcido */
#view-transporte .tsv-header [style*="#f0f4e9"]{
  background:rgba(255,255,255,.14) !important;
  border-color:rgba(255,255,255,.28) !important;
}
/* botão "Voltar" dentro do header -> vidro branco sobre o gradiente */
#view-transporte .tsv-header .tsv-btn{
  background:rgba(255,255,255,.16) !important;
  border-color:rgba(255,255,255,.32) !important;
  color:#fff !important;
}
#view-transporte .tsv-header .tsv-btn:hover{background:rgba(255,255,255,.26) !important;}

/* 4) TABS — trilho de vidro; aba ativa = pílula gradiente */
#view-transporte .tsv-tabs{padding:6px !important;}
#view-transporte .op-tr-tab{
  color:var(--au-ink-soft) !important;background:transparent !important;
}
#view-transporte .op-tr-tab:hover{
  background:rgba(92,111,58,.10) !important;color:var(--au-brand) !important;
}
#view-transporte .op-tr-tab.active{
  color:#fff !important;
  background:linear-gradient(135deg,var(--au-brand),#64793f) !important;
  box-shadow:0 8px 18px -6px rgba(78,98,44,.6) !important;
}
#view-transporte .op-tr-tab.active svg{stroke:#fff !important;}

/* 5) BOTÕES — primário gradiente, soft tonal, secundário vidro */
#view-transporte .tsv-btn{
  background:var(--au-glass2) !important;
  border:1px solid var(--au-glass-brd) !important;
  color:var(--au-ink) !important;
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  transition:transform .16s ease,background .16s ease;
}
#view-transporte .tsv-btn:hover{transform:translateY(-1px);background:var(--au-glass) !important;}
#view-transporte .tsv-btn.pri{
  color:#fff !important;border:none !important;
  background:linear-gradient(135deg,var(--au-brand) 0%,#64793f 55%,#7f9b4e 100%) !important;
  box-shadow:0 10px 22px -8px rgba(78,98,44,.65) !important;
}
#view-transporte .tsv-btn.pri:hover{background:linear-gradient(135deg,#435326,#64793f 55%,#7f9b4e 100%) !important;}
#view-transporte .tsv-btn.soft{
  color:var(--au-brand) !important;
  background:rgba(92,111,58,.12) !important;
  border-color:rgba(92,111,58,.24) !important;
}
#view-transporte .tsv-btn.soft:hover{background:rgba(92,111,58,.20) !important;}

/* 6) INPUTS / SELECT / TEXTAREA — vidro com foco roxo */
#view-transporte .tsv-in{
  background:var(--au-glass2) !important;
  border:1px solid var(--au-glass-brd) !important;
  color:var(--au-ink) !important;
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
}
#view-transporte .tsv-in::placeholder{color:var(--au-ink-soft);opacity:.75;}
#view-transporte .tsv-in:focus{
  border-color:var(--au-brand2) !important;
  box-shadow:0 0 0 3px rgba(92,111,58,.18) !important;
}
#view-transporte .tsv-in[readonly],
#view-transporte .tsv-in:disabled{
  background:rgba(92,111,58,.10) !important;color:var(--au-brand) !important;
}

/* 7) TÍTULOS E RÓTULOS — usam tinta Aurora (legível claro/escuro) */
#view-transporte .tsv-h1{color:var(--au-ink) !important;}
#view-transporte .tsv-sub,
#view-transporte .tsv-lbl,
#view-transporte .tsv-group-lbl,
#view-transporte .tsv-kpi-lbl{color:var(--au-ink-soft) !important;}
#view-transporte .tsv-step-t,
#view-transporte .tsv-panel-h{color:var(--au-ink) !important;}
#view-transporte .tsv-panel-h{border-bottom:1px solid var(--au-line) !important;}
#view-transporte .tsv-step-n{
  background:rgba(92,111,58,.14) !important;color:var(--au-brand) !important;
}

/* 8) CHIPS (tipo de passagem / casa de apoio) — pílula tonal + ativo gradiente */
#view-transporte .tsv-chips{
  background:var(--au-glass2) !important;border:1px solid var(--au-glass-brd) !important;
}
#view-transporte .tsv-chip{color:var(--au-ink-soft) !important;}
#view-transporte .tsv-chip.on{
  background:linear-gradient(135deg,var(--au-brand),#64793f) !important;color:#fff !important;
}

/* 9) CRITÉRIOS (radios como pílulas) — vidro + selecionado tonal roxo */
#view-transporte .criterio-item{
  background:var(--au-glass2) !important;
  border:1px solid var(--au-glass-brd) !important;
  color:var(--au-ink-soft) !important;
}
#view-transporte .criterio-item:has(input:checked){
  background:rgba(92,111,58,.14) !important;
  border-color:var(--au-brand2) !important;
  color:var(--au-brand) !important;
  box-shadow:0 4px 12px -4px rgba(57,72,32,.30) !important;
}

/* 10) KPIs — número comedido (não gigante), ícone e cartão de vidro */
#view-transporte .tsv-kpi-val{font-size:26px !important;font-weight:750 !important;letter-spacing:-.02em;}
#view-transporte .tsv-kpi-ico{box-shadow:inset 0 1px 0 rgba(255,255,255,.4);}

/* 11) TABELAS — cabeçalho tonal, linhas com hover lilás translúcido */
#view-transporte .tsv-table th{
  background:rgba(92,111,58,.10) !important;
  color:var(--au-ink-soft) !important;
}
#view-transporte .tsv-table td{
  color:var(--au-ink-soft) !important;
  border-top:1px solid var(--au-line) !important;
}
#view-transporte .tsv-table tr:hover td{background:rgba(92,111,58,.08) !important;}
#view-transporte .tsv-table .empty-row td{color:var(--au-ink-soft) !important;background:transparent !important;}

/* 12) TAG DE PROTOCOLO — pílula tonal roxa */
#view-transporte .ts-proto-tag{
  color:var(--au-brand) !important;
  background:rgba(92,111,58,.12) !important;
  border:1px solid rgba(92,111,58,.24) !important;
}

/* 13) ALERTAS — pílulas de status tonais (ok / warn / err) */
#view-transporte .ts-alert-success.show{
  background:color-mix(in srgb,var(--au-ok) 16%,transparent) !important;
  border:1px solid color-mix(in srgb,var(--au-ok) 40%,transparent) !important;
  color:var(--au-ok) !important;
}
#view-transporte .ts-alert-warn.show{
  background:color-mix(in srgb,var(--au-warn) 16%,transparent) !important;
  border:1px solid color-mix(in srgb,var(--au-warn) 40%,transparent) !important;
  color:var(--au-warn) !important;
}
#view-transporte .ts-alert-error.show{
  background:color-mix(in srgb,var(--au-err) 16%,transparent) !important;
  border:1px solid color-mix(in srgb,var(--au-err) 40%,transparent) !important;
  color:var(--au-err) !important;
}

/* 14) AUTOCOMPLETE — dropdown de vidro, item com hover lilás */
#view-transporte .ts-ac-dropdown{
  background:var(--au-glass) !important;
  -webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);
  border:1px solid var(--au-glass-brd) !important;
  box-shadow:var(--au-shadow) !important;
}
#view-transporte .ts-ac-item{color:var(--au-ink) !important;border-bottom:1px solid var(--au-line) !important;}
#view-transporte .ts-ac-item:hover{background:rgba(92,111,58,.10) !important;color:var(--au-brand) !important;}
#view-transporte .ts-ac-arrow{color:var(--au-ink-soft) !important;}

/* 15) MODAIS (aviso central / cancelamento) — caixa de vidro Aurora */
#view-transporte .ts-center-box{
  background:var(--au-glass) !important;
  -webkit-backdrop-filter:blur(22px) saturate(1.4);backdrop-filter:blur(22px) saturate(1.4);
  border:1px solid var(--au-glass-brd) !important;
  box-shadow:var(--au-shadow), inset 0 1px 0 rgba(255,255,255,.45) !important;
}
#view-transporte .ts-center-title{color:var(--au-ink) !important;}
#view-transporte .ts-center-msg{color:var(--au-ink-soft) !important;}

/* ============================================================
   16) TEMA ESCURO — os tokens --au-* já invertem; aqui só
       corrige textos com cor inline (var(--ds-*)) que não
       acompanham o tema, garantindo legibilidade no plum escuro.
   ============================================================ */
body.theme-dark #view-transporte [style*="var(--ds-t-mid)"]{color:var(--au-ink) !important;}
body.theme-dark #view-transporte [style*="var(--ds-t-soft)"]{color:var(--au-ink-soft) !important;}
body.theme-dark #view-transporte [style*="var(--ds-primary)"]{color:var(--au-brand2) !important;}
/* títulos de seção inline dos gráficos ("Viagens por dia" etc.) */
body.theme-dark #view-transporte .tsv-panel [style*="font-weight:700"]{color:var(--au-ink) !important;}


/* ===== PORTAL ===== */
/* ======================================================================
   AURORA · Portal do Paciente  — escopo #view-portal (+ body.theme-dark)
   Superfícies vidro frosted translúcido p/ a aurora global aparecer atrás.
   Usa tokens --au-* globais (aurora.css). SOMENTE CSS, escopado.
   ====================================================================== */

/* 0) Tinta base + limpa fundo sólido do container p/ ver a aurora ---------- */
#view-portal { color: var(--au-ink); background: transparent !important; }
#view-portal .panel-container { background: transparent !important; }

/* 1) RECEITA DE VIDRO — todas as superfícies do painel viram frosted glass.
   .pp-header/.pp-card/.pp-stat/.pp-panel são as cascas brancas do reskin. */
#view-portal .pp-header,
#view-portal .pp-card,
#view-portal .pp-stat,
#view-portal .pp-panel {
  background: var(--au-glass) !important;
  -webkit-backdrop-filter: blur(20px) saturate(1.4);
  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;
  position: relative;
}
/* borda gradient-glow (pseudo com mask, igual ao mockup .glass::after) */
#view-portal .pp-header::after,
#view-portal .pp-card::after,
#view-portal .pp-stat::after,
#view-portal .pp-panel::after {
  content:""; position:absolute; inset:0; border-radius:inherit; padding:1px;
  background:linear-gradient(135deg,rgba(92,111,58,.5),transparent 40%,transparent 60%,rgba(143,175,87,.4));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor; mask-composite:exclude; pointer-events:none; opacity:.7; z-index:0;
}
/* .pp-panel tem overflow:hidden e cabeçalho gradiente próprio — deixa o glow por baixo */
#view-portal .pp-panel { overflow:hidden; }
#view-portal .pp-panel > * { position:relative; z-index:1; }

/* 2) CABEÇALHO do painel — mantém faixa gradiente aurora (linear 135deg) ---- */
#view-portal .pp-header-badge,
#view-portal .pp-panel-ic {
  background: linear-gradient(135deg,var(--au-brand),var(--au-brand2)) !important;
}
#view-portal .pp-header-kicker { color: var(--au-brand2) !important; }
#view-portal .pp-header-title { color: var(--au-ink) !important; }
/* faixa gradiente dos painéis internos = 135deg brand→brand2→lilás */
#view-portal .pp-panel-head {
  background: linear-gradient(135deg,#394820,#5c6f3a 55%,#7f9b4e) !important;
  color:#fff !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.25);
}
#view-portal .pp-panel-sub { color:#dde4d2 !important; }

/* 3) RAIL lateral — plum aurora (nunca preto), coerente no escuro ---------- */
#view-portal .pp-rail {
  background: linear-gradient(180deg,#283315 0%,#202811 100%) !important;
  border:1px solid var(--au-glass-brd);
  box-shadow: var(--au-shadow);
}
#view-portal .pp-rail-logo,
#view-portal .pp-rail-item.is-active,
#view-portal .pp-rail-avatar {
  background: linear-gradient(135deg,var(--au-brand2),#7f9854) !important;
}

/* Avatar do rail: as iniciais sao texto 12px (precisam AA 4.5). O gradiente
   compartilhado acima da branco~4.2 no claro. Escurece ~5% SO no claro; o
   escuro mantem o lilas (o texto la ja e escuro e passa 6.5). */
#view-portal .pp-rail-avatar{ background:linear-gradient(135deg,#576937,#7a8f55) !important; }
body.theme-dark #view-portal .pp-rail-avatar{ background:linear-gradient(135deg,var(--au-brand2),#7f9854) !important; }

/* 4) BOTÕES — primário = gradiente roxo; secundário/ghost = vidro ---------- */
#view-portal .pp-btn-primary,
#view-portal .pp-mini-qr {
  background: linear-gradient(135deg,var(--au-brand),var(--au-brand2)) !important;
  border:none !important; color:#fff !important;
  box-shadow:0 10px 24px -8px rgba(78,98,44,.7) !important;
}
#view-portal .pp-btn-ghost,
#view-portal .pp-mini-dl,
#view-portal .pp-user-chip,
#view-portal .pp-clock-chip {
  background: var(--au-glass2) !important;
  border:1px solid var(--au-glass-brd) !important;
  color: var(--au-ink) !important;
  -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);
}
#view-portal .pp-btn-ghost { color: var(--au-brand) !important; }
#view-portal .pp-btn-ghost:hover,
#view-portal .pp-user-chip:hover { background: rgba(92,111,58,.14) !important; }
#view-portal .pp-clock-dot { background: var(--au-ok) !important; }
#view-portal .pp-user-role { color: var(--au-ink-soft) !important; }
#view-portal .pp-user-name { color: var(--au-ink) !important; }
/* botão translúcido dentro da faixa gradiente do painel */
#view-portal .pp-panel-btn {
  background: rgba(255,255,255,.18) !important;
  border:1px solid rgba(255,255,255,.3) !important; color:#fff !important;
}

/* 5) KPIs elegantes — número comedido + barra/aro fino (nada gigante) ------ */
#view-portal .pp-stat-num { font-size:24px !important; color: var(--au-ink) !important; letter-spacing:-.03em; }
#view-portal .pp-stat-lbl { color: var(--au-ink-soft) !important; }
#view-portal .pp-stat-ic { background: rgba(92,111,58,.12) !important; color: var(--au-brand) !important; }
/* barra fina sob o número (usa ::after do card já livre? não — usa borda inferior sutil) */
#view-portal .pp-stat { padding-bottom:18px !important; }

/* 6) CARDS internos / textos / links ------------------------------------- */
#view-portal .pp-eyebrow,
#view-portal .pp-flabel { color: var(--au-ink-soft) !important; }
#view-portal .pp-link,
#view-portal .pp-sec-title,
#view-portal .pp-row-title,
#view-portal .pp-slots-title,
#view-portal .pp-cal-title { color: var(--au-ink) !important; }
#view-portal .pp-link { color: var(--au-brand) !important; }
#view-portal .pp-muted,
#view-portal .pp-row-sub,
#view-portal .pp-sec-sub,
#view-portal .pp-slot-sub,
#view-portal .pp-next-note,
#view-portal .pp-empty,
#view-portal .pp-cal-legend { color: var(--au-ink-soft) !important; }

/* 7) INÍCIO — atalhos + próximo agendamento em vidro tonal ---------------- */
#view-portal .pp-quick-item { color: var(--au-ink) !important; }
#view-portal .pp-quick-item:hover { background: rgba(92,111,58,.1) !important; }
#view-portal .pp-quick-ic { background: rgba(92,111,58,.12) !important; color: var(--au-brand) !important; }
#view-portal .pp-next-card {
  background: var(--au-glass2) !important; border:1px solid var(--au-glass-brd) !important;
  -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);
}
#view-portal .pp-next-date {
  background: rgba(255,255,255,.6) !important; border:1px solid var(--au-glass-brd) !important; color: var(--au-brand) !important;
}

/* 8) LINHAS/LISTAS — hover lilás translúcido, avatar gradiente, status pílula */
#view-portal .pp-row {
  background: var(--au-glass2) !important;
  border:1px solid var(--au-glass-brd) !important; border-radius:16px !important;
  -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px);
  transition:.16s;
}
#view-portal .pp-row:hover { background: rgba(92,111,58,.1) !important; }
#view-portal .pp-datebox,
#view-portal .pp-perf-ava,
#view-portal .pp-user-ini,
#view-portal .pp-ic-round {
  background: linear-gradient(135deg,var(--au-brand),var(--au-brand2)) !important; color:#fff !important;
}
#view-portal .pp-datebox { background: rgba(92,111,58,.14) !important; color: var(--au-brand) !important; }
#view-portal .pp-datebox.is-off { background: rgba(77,90,54,.1) !important; color: var(--au-ink-soft) !important; }

/* status/badges = pílula tonal aurora (ok/info/err/warn) */
#view-portal .pp-badge { border-radius:20px !important; font-weight:700 !important; }
#view-portal .pp-badge.b-blue  { color: var(--au-info) !important; background: rgba(58,111,216,.14) !important; }
#view-portal .pp-badge.b-green { color: var(--au-ok)   !important; background: rgba(63,157,106,.15) !important; }
#view-portal .pp-badge.b-red   { color: var(--au-err)  !important; background: rgba(226,58,109,.14) !important; }
#view-portal .pp-badge.b-amber { color: var(--au-warn) !important; background: rgba(232,134,58,.15) !important; }
#view-portal .pp-badge.b-gray  { color: var(--au-ink-soft) !important; background: rgba(77,90,54,.12) !important; }

/* 9) CALENDÁRIO (agendar) — dias em vidro, selecionado gradiente ---------- */
#view-portal .pp-cal-arrow {
  background: var(--au-glass2) !important; border:1px solid var(--au-glass-brd) !important; color: var(--au-ink) !important;
}
#view-portal .pp-cal-week div { color: var(--au-ink-soft) !important; }
#view-portal .pp-day.is-empty,
#view-portal .pp-day.is-past { background: rgba(77,90,54,.06) !important; color: var(--au-ink-soft) !important; }
#view-portal .pp-day.is-avail {
  background: var(--au-glass2) !important; border:1px solid var(--au-glass-brd) !important; color: var(--au-ink) !important;
}
#view-portal .pp-day.is-avail:hover { background: rgba(92,111,58,.14) !important; border-color: var(--au-brand2) !important; }
#view-portal .pp-day.is-selected {
  background: linear-gradient(135deg,var(--au-brand),var(--au-brand2)) !important; color:#fff !important;
  box-shadow:0 6px 14px -4px rgba(78,98,44,.6) !important;
}
#view-portal .pp-day.is-mine { background: rgba(92,111,58,.16) !important; color: var(--au-brand) !important; border:1.5px solid var(--au-brand2) !important; }

/* painel de horários + slots em vidro */
#view-portal .pp-slots-panel {
  background: var(--au-glass2) !important; border:1px solid var(--au-glass-brd) !important;
  -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);
}
#view-portal .pp-slots-empty { color: var(--au-ink-soft) !important; }
#view-portal .pp-slots-empty-ic { background: rgba(92,111,58,.14) !important; color: var(--au-brand2) !important; }
#view-portal .pp-slot {
  background: rgba(255,255,255,.5) !important; border:1.5px solid var(--au-glass-brd) !important; color: var(--au-ink) !important;
}
#view-portal .pp-slot:hover { border-color: var(--au-brand2) !important; }
#view-portal .pp-slot.is-full { background: rgba(77,90,54,.08) !important; color: var(--au-ink-soft) !important; }

/* 10) INPUTS/TEXTAREA/CHIPS = vidro com foco roxo ------------------------ */
#view-portal .pp-input,
#view-portal .pp-textarea {
  background: var(--au-glass2) !important; border:1px solid var(--au-glass-brd) !important; color: var(--au-ink) !important;
  -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);
}
#view-portal .pp-input:focus,
#view-portal .pp-textarea:focus {
  border-color: var(--au-brand2) !important; box-shadow:0 0 0 3px rgba(92,111,58,.18) !important;
}
#view-portal .pp-input-focus { background: rgba(255,255,255,.6) !important; border:1.5px solid var(--au-brand2) !important; }
#view-portal .pp-readonly { background: rgba(77,90,54,.08) !important; border:1px dashed var(--au-line) !important; color: var(--au-ink-soft) !important; }
/* chips (perfil/ouvidoria) = pílula tonal; ativo = gradiente */
#view-portal .pp-chip {
  background: var(--au-glass2) !important; border:1px solid var(--au-glass-brd) !important; color: var(--au-ink-soft) !important;
}
#view-portal .pp-chip.is-active {
  background: linear-gradient(135deg,var(--au-brand),var(--au-brand2)) !important; color:#fff !important; border:none !important;
}

/* 11) ABAS (histórico) = pílula/sublinhado ativo aurora ------------------- */
#view-portal .pp-tabs { border-bottom:1px solid var(--au-line) !important; }
#view-portal .pp-tab { color: var(--au-ink-soft) !important; }
#view-portal .pp-tab.is-active { color: var(--au-brand) !important; border-bottom-color: var(--au-brand) !important; }
#view-portal .pp-perf-summary { border-bottom:1px solid var(--au-line) !important; }
#view-portal .pp-divider { background: var(--au-line) !important; }

/* 12) ALERTAS inline tonais + justificativas ----------------------------- */
#view-portal .pp-inline-alert,
#view-portal .pp-err { color: var(--au-err) !important; }
#view-portal .pp-inline-alert { background: rgba(226,58,109,.1) !important; border:1px solid rgba(226,58,109,.28) !important; }
#view-portal .pp-inline-warn,
#view-portal .pp-just { background: rgba(232,134,58,.1) !important; border:1px solid rgba(232,134,58,.28) !important; color: var(--au-warn) !important; }
#view-portal .pp-mini-cancel { background: rgba(226,58,109,.08) !important; border:1px solid rgba(226,58,109,.3) !important; color: var(--au-err) !important; }

/* ======================================================================
   ESCURO — body.theme-dark: tokens já invertem (plum, nunca preto).
   Só ajusto vidros hardcoded p/ superfícies translúcidas escuras.
   ====================================================================== */
body.theme-dark #view-portal .pp-btn-ghost,
body.theme-dark #view-portal .pp-mini-dl,
body.theme-dark #view-portal .pp-user-chip,
body.theme-dark #view-portal .pp-clock-chip,
body.theme-dark #view-portal .pp-next-card,
body.theme-dark #view-portal .pp-row,
body.theme-dark #view-portal .pp-slots-panel,
body.theme-dark #view-portal .pp-slot,
body.theme-dark #view-portal .pp-input,
body.theme-dark #view-portal .pp-textarea,
body.theme-dark #view-portal .pp-chip,
body.theme-dark #view-portal .pp-day.is-avail,
body.theme-dark #view-portal .pp-cal-arrow {
  background: rgba(255,255,255,.06) !important;
  border-color: var(--au-glass-brd) !important;
}
body.theme-dark #view-portal .pp-next-date,
body.theme-dark #view-portal .pp-slot { background: rgba(255,255,255,.08) !important; }
body.theme-dark #view-portal .pp-header,
body.theme-dark #view-portal .pp-card,
body.theme-dark #view-portal .pp-stat,
body.theme-dark #view-portal .pp-panel {
  box-shadow: var(--au-shadow), inset 0 1px 0 rgba(255,255,255,.12) !important;
}
body.theme-dark #view-portal .pp-readonly { background: rgba(255,255,255,.05) !important; }


/* ===== FILA-ESTADUAL ===== */
/* =========================================================================
   AURORA · painel "Fila Pacientes Estadual"  (raiz #view-fila-estadual)
   Renderer real: public/fila-estadual.js -> #fila-estadual-host > .ds-root
   Usa o design system .ds-* (Poppins/#394820). Aqui só reskin visual,
   TODOS os seletores escopados a #view-fila-estadual. Tokens --au-* globais.
   Muitas superfícies têm cor sólida inline (#fff / #f7f9f4 / #edf3e4) → uso
   !important e alguns [style*=] p/ deixar tudo VIDRO e a aurora aparecer.
   ========================================================================= */

/* ---- 0. Root: transparente para o canvas aurora global aparecer atrás ---- */
#view-fila-estadual,
#view-fila-estadual #fila-estadual-host,
#view-fila-estadual .ds-root{
  background:transparent !important;
  color:var(--au-ink);
}

/* ---- 1. Mixin de VIDRO FROSTED (superfície padrão Aurora) ----
   aplicado a cards, tabelas, tabs, modal — translúcido + borda glow ::after */
#view-fila-estadual .ds-card,
#view-fila-estadual .ds-table,
#view-fila-estadual .ds-tabs,
#view-fila-estadual .ds-modal{
  background:var(--au-glass) !important;
  -webkit-backdrop-filter:blur(20px) saturate(1.4);
  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;
  position:relative;
}
/* borda gradient-glow (pseudo com mask, igual ao mockup) */
#view-fila-estadual .ds-card::after,
#view-fila-estadual .ds-table::after,
#view-fila-estadual .ds-tabs::after{
  content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;
  background:linear-gradient(135deg,rgba(92,111,58,.5),transparent 40%,transparent 60%,rgba(143,175,87,.4));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;
  pointer-events:none;opacity:.7;z-index:0;
}
/* conteúdo do card acima da borda-glow */
#view-fila-estadual .ds-card > *{position:relative;z-index:1;}

/* ---- 2. Cabeçalho do painel = faixa gradiente roxa Aurora ----
   .ds-module-header também é o cabeçalho do modal (mesma classe) */
#view-fila-estadual .ds-module-header{
  background:linear-gradient(135deg,var(--au-brand) 0%,var(--au-brand2) 55%,#7f9b4e 100%) !important;
  border:none !important;
  border-radius:20px !important;
  color:#fff !important;
  box-shadow:0 18px 40px -18px rgba(57,72,32,.55) !important;
}
#view-fila-estadual .ds-mh-title,
#view-fila-estadual .ds-mh-kicker{color:#fff !important;}
#view-fila-estadual .ds-mh-kicker{opacity:.9;}
/* ícone quadrado do header em vidro sobre a faixa */
#view-fila-estadual .ds-mh-ic{
  background:rgba(255,255,255,.16) !important;
  border:1px solid rgba(255,255,255,.28) !important;
  border-radius:13px !important;
}
/* pílula "AO VIVO" e relógio */
#view-fila-estadual .ds-live{
  background:rgba(255,255,255,.14) !important;
  border:1px solid rgba(255,255,255,.22) !important;
  color:#fff !important;border-radius:20px !important;
}
#view-fila-estadual .ds-live-clock{color:#fff !important;}

/* ---- 3. Abas = trilho vidro + pílula gradiente na ativa ---- */
#view-fila-estadual .ds-tabs{
  padding:6px !important;gap:4px;display:flex;flex-wrap:wrap;
}
#view-fila-estadual .ds-tab{
  border-radius:13px !important;
  color:var(--au-ink-soft) !important;
  background:transparent !important;border:none !important;
  font-weight:600;transition:color .2s, background .2s;
  position:relative;z-index:1;
}
#view-fila-estadual .ds-tab:hover{
  color:var(--au-brand) !important;
  background:rgba(92,111,58,.08) !important;
}
#view-fila-estadual .ds-tab.active{
  color:#fff !important;
  background:linear-gradient(135deg,var(--au-brand),var(--au-brand2)) !important;
  box-shadow:0 8px 20px -8px rgba(78,98,44,.7) !important;
}

/* ---- 4. KPIs elegantes: card vidro + número COMEDIDO + barra fina ----
   os números vêm inline com font-size:32px → reduzo e viro tabular */
#view-fila-estadual .ds-card{padding:16px 17px !important;overflow:hidden;}
#view-fila-estadual .ds-card [style*="font-size:32px"]{
  font-size:27px !important;font-weight:750 !important;letter-spacing:-.02em;
}
#view-fila-estadual .ds-field-label{
  color:var(--au-ink-soft) !important;
  text-transform:uppercase;letter-spacing:.06em;font-weight:700;
}
/* barra fina de acento no rodapé de cada KPI (decorativa, via ::before) */
#view-fila-estadual .ds-grid-4 > .ds-card::before,
#view-fila-estadual .ds-grid-3 > .ds-card::before{
  content:"";position:absolute;left:16px;right:16px;bottom:12px;height:4px;
  border-radius:6px;z-index:1;
  background:linear-gradient(90deg,var(--au-brand),var(--au-lilac));
  opacity:.65;
}

/* ---- 5. Tabelas / listas Aurora ---- */
/* cabeçalho da tabela (.ds-thead + sub-headers inline #f7f9f4) → tonal vidro */
#view-fila-estadual .ds-thead,
#view-fila-estadual #fila-estadual-host [style*="#f7f9f4"]{
  background:var(--au-glass2) !important;
  color:var(--au-ink-soft) !important;
  border-bottom:1px solid var(--au-line) !important;
}
/* linhas: base translúcida + hover lilás; anula bg sólido inline (#edf3e4) */
#view-fila-estadual .ds-trow{
  background:transparent !important;
  border-top:1px solid var(--au-line) !important;
  border-radius:12px;transition:background .16s;
}
#view-fila-estadual .ds-trow:hover{
  background:rgba(92,111,58,.10) !important;
}
#view-fila-estadual .ds-cell-sub{color:var(--au-ink-soft) !important;}
/* separadores internos das tabelas inline (#e8ede1) → linha Aurora */
#view-fila-estadual #fila-estadual-host [style*="#e8ede1"]{
  border-top-color:var(--au-line) !important;
}

/* avatares de iniciais (ranking) em gradiente Aurora */
#view-fila-estadual #fila-estadual-host [style*="background:#ecf0e5"]{
  background:linear-gradient(135deg,var(--au-brand),var(--au-brand2)) !important;
  color:#fff !important;
}

/* ---- 6. Chips / status = pílulas tonais Aurora ---- */
#view-fila-estadual .ds-badge{border-radius:20px !important;font-weight:700;}
#view-fila-estadual .ds-badge.is-ok{color:var(--au-ok) !important;background:color-mix(in srgb,var(--au-ok) 15%,transparent) !important;}
#view-fila-estadual .ds-badge.is-warn{color:var(--au-warn) !important;background:color-mix(in srgb,var(--au-warn) 15%,transparent) !important;}
#view-fila-estadual .ds-badge.is-err{color:var(--au-err) !important;background:color-mix(in srgb,var(--au-err) 15%,transparent) !important;}
#view-fila-estadual .ds-badge.is-info{color:var(--au-info) !important;background:color-mix(in srgb,var(--au-info) 15%,transparent) !important;}
#view-fila-estadual .ds-badge.is-neutral{color:var(--au-ink-soft) !important;background:rgba(92,111,58,.10) !important;}
/* chips de filtro do histórico (ativo/inativo, inline) */
#view-fila-estadual #fila-estadual-host [style*="background:#ecf0e5"][style*="cursor:pointer"]{
  background:rgba(92,111,58,.10) !important;color:var(--au-brand) !important;
}
#view-fila-estadual #fila-estadual-host [style*="background:#394820"][style*="cursor:pointer"]{
  background:linear-gradient(135deg,var(--au-brand),var(--au-brand2)) !important;color:#fff !important;
}

/* ---- 7. Botões Aurora ---- */
#view-fila-estadual .ds-btn{border-radius:11px !important;font-weight:600;transition:transform .16s, box-shadow .16s;}
#view-fila-estadual .ds-btn:hover{transform:translateY(-1px);}
/* primário = gradiente roxo (respeita override inline de cor quando houver) */
#view-fila-estadual .ds-btn-primary{
  background:linear-gradient(135deg,var(--au-brand) 0%,var(--au-brand2) 55%,#7f9b4e 100%) !important;
  color:#fff !important;border:none !important;
  box-shadow:0 10px 24px -8px rgba(78,98,44,.6) !important;
}
/* secundário / terciário = vidro */
#view-fila-estadual .ds-btn-secondary,
#view-fila-estadual .ds-btn-tertiary{
  background:var(--au-glass) !important;
  border:1px solid var(--au-glass-brd) !important;
  color:var(--au-brand) !important;
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
}
#view-fila-estadual .ds-btn-secondary:hover,
#view-fila-estadual .ds-btn-tertiary:hover{border-color:var(--au-brand2) !important;}

/* ---- 8. Inputs = vidro com foco roxo ---- */
/* busca da fila (wrapper inline branco com borda #91a66b) → vidro */
#view-fila-estadual #fila-estadual-host [style*="#91a66b"]{
  background:var(--au-glass) !important;
  border:1px solid var(--au-glass-brd) !important;
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
}
#view-fila-estadual input,
#view-fila-estadual textarea,
#view-fila-estadual .ds-input{
  background:transparent !important;color:var(--au-ink) !important;
}
#view-fila-estadual textarea.ds-input{
  background:var(--au-glass2) !important;
  border:1px solid var(--au-glass-brd) !important;border-radius:12px !important;
}
#view-fila-estadual input::placeholder,
#view-fila-estadual textarea::placeholder{color:var(--au-ink-soft) !important;opacity:.75;}
#view-fila-estadual input:focus,
#view-fila-estadual textarea:focus,
#view-fila-estadual .ds-input:focus{
  outline:none !important;
  border-color:var(--au-brand2) !important;
  box-shadow:0 0 0 3px rgba(92,111,58,.18) !important;
}

/* zona de upload da Importação (dashed) em tom Aurora */
#view-fila-estadual #fila-estadual-host [style*="dashed"]{
  background:var(--au-glass2) !important;
  border:2px dashed var(--au-glass-brd) !important;border-radius:18px !important;
}

/* ---- 9. Modal de regulação = overlay escuro + folha de vidro ---- */
#view-fila-estadual .ds-modal-overlay{
  background:rgba(29,34,21,.42) !important;
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
}
#view-fila-estadual .ds-modal{
  border-radius:24px !important;overflow:hidden;
}
#view-fila-estadual .ds-modal-body{background:transparent !important;color:var(--au-ink) !important;}
#view-fila-estadual .ds-modal-footer{
  background:var(--au-glass2) !important;
  border-top:1px solid var(--au-line) !important;
}

/* =========================================================================
   TEMA ESCURO (body.theme-dark) — plum colorido, nunca preto.
   Tokens --au-* já invertem; aqui só recupero textos com cor sólida inline
   (o renderer crava #24281d/#4d5243/#7e8474/#8d9977/#405023 no style).
   ========================================================================= */
body.theme-dark #view-fila-estadual #fila-estadual-host [style*="color:#24281d"],
body.theme-dark #view-fila-estadual #fila-estadual-host [style*="color:#212717"]{
  color:var(--au-ink) !important;
}
body.theme-dark #view-fila-estadual #fila-estadual-host [style*="color:#4d5243"],
body.theme-dark #view-fila-estadual #fila-estadual-host [style*="color:#5b6250"],
body.theme-dark #view-fila-estadual #fila-estadual-host [style*="color:#8d9977"]{
  color:var(--au-ink-soft) !important;
}
body.theme-dark #view-fila-estadual #fila-estadual-host [style*="color:#405023"],
body.theme-dark #view-fila-estadual #fila-estadual-host [style*="color:#394820"]{
  color:var(--au-brand2) !important;
}
/* superfícies tonais claras cravadas inline → vidro escuro no dark */
body.theme-dark #view-fila-estadual #fila-estadual-host [style*="#f7f9f4"],
body.theme-dark #view-fila-estadual #fila-estadual-host [style*="background:#edf3e4"],
body.theme-dark #view-fila-estadual #fila-estadual-host [style*="background:#fff"]{
  background:var(--au-glass2) !important;
}
body.theme-dark #view-fila-estadual .ds-btn-secondary,
body.theme-dark #view-fila-estadual .ds-btn-tertiary{color:var(--au-brand2) !important;}


/* ===== RETORNOS ===== */
/* ============================================================
   AURORA · Painel "Controle e Fila de Retornos"  (#view-retornos)
   ------------------------------------------------------------
   Reskin 100% CSS sobre marcacao 100% INLINE (retornos.js). Como
   todo estilo vem em style="...", TODO override usa !important.
   Alvos estruturais estaveis do host:
     #retornos-host > .ret-root > div(wrapper) > [ header | tabs | main ]
     #retornos-host > div(overlay modal, inset:0) + div(toast)  (irmaos)
   E ancoras por style-substring (validadas no codigo).
   Superficies viram VIDRO FROSTED translucido p/ a aurora global
   aparecer atras; cabecalho vira faixa gradiente; tokens --au-*.
   Prefixo #view-retornos #retornos-host em tudo (2 IDs) p/ vencer.
   ============================================================ */

/* 0 · FUNDO — apaga o gradiente plum OPACO do .ret-root (e o fundo
   da section/host) p/ revelar a aurora global (canvas+blobs). */
#view-retornos,
#view-retornos #retornos-host{ background:transparent !important; }
#view-retornos #retornos-host .ret-root{ background:transparent !important; }

/* 1 · SUPERFICIES BRANCAS SOLIDAS => VIDRO. Pega KPI "plain",
   cartoes de grafico, header de abas, card do modal, dropdown CID
   e a pilula ativa das sub-abas (todos usam background:#fff;). */
#view-retornos #retornos-host [style*="background:#fff;"]{
  background:var(--au-glass) !important;
  border:1px solid var(--au-glass-brd) !important;
  backdrop-filter:blur(16px) saturate(1.35) !important;
  -webkit-backdrop-filter:blur(16px) saturate(1.35) !important;
}

/* 2 · PAINEL PRINCIPAL (main, hoje rgba(255,255,255,.92)) => vidro forte
   com borda-glow interna, deixando a aurora atravessar. */
#view-retornos #retornos-host .ret-root > div > main{
  background:var(--au-glass) !important;
  border:1px solid var(--au-glass-brd) !important;
  backdrop-filter:blur(22px) saturate(1.5) !important;
  -webkit-backdrop-filter:blur(22px) saturate(1.5) !important;
  box-shadow:var(--au-shadow), inset 0 1px 0 rgba(255,255,255,.45) !important;
}

/* 3 · BARRA DE ABAS => vidro (aba ativa mantem sua pilula gradiente roxa). */
#view-retornos #retornos-host .ret-root > div > div:nth-child(2){
  background:var(--au-glass) !important;
  border:1px solid var(--au-glass-brd) !important;
  backdrop-filter:blur(20px) saturate(1.4) !important;
  -webkit-backdrop-filter:blur(20px) saturate(1.4) !important;
  box-shadow:var(--au-shadow) !important;
}

/* 4 · TONS CLAROS DE APOIO => vidro tonal translucido.
   #f7f9f4 inputs/select/textarea/CID · #f0f4e9 origem-selecionada,
   botoes "ver"/anexos-chip · #f6f8f2 cabecalho da tabela. */
#view-retornos #retornos-host [style*="background:#f7f9f4"],
#view-retornos #retornos-host [style*="background:#f0f4e9"],
#view-retornos #retornos-host [style*="background:#f6f8f2"]{
  background:var(--au-glass2) !important;
  border-color:var(--au-glass-brd) !important;
}
/* trilhas das barras / track das sub-abas / badges lilas => tinta translucida */
#view-retornos #retornos-host [style*="background:#eef1e7"],
#view-retornos #retornos-host [style*="background:#e7efd9"]{
  background:rgba(92,111,58,.12) !important;
}

/* 5 · TONS DE STATUS (KPIs coloridos, chips e botoes acao) => translucidos,
   deixando a aurora sangrar sem perder a cor semantica. */
#view-retornos #retornos-host [style*="background:#fdf6ec"]{ background:rgba(196,136,26,.12) !important; border-color:rgba(196,136,26,.24) !important; }
#view-retornos #retornos-host [style*="background:#eef4fd"]{ background:rgba(58,111,208,.12) !important; border-color:rgba(58,111,208,.24) !important; }
#view-retornos #retornos-host [style*="background:#eafaf0"]{ background:rgba(31,138,91,.12) !important; border-color:rgba(31,138,91,.24) !important; }

/* 6 · CABECALHO => FAIXA GRADIENTE aurora, texto branco.
   (vem depois dos blocos 1/4 p/ vencer o vidro branco generico) */
#view-retornos #retornos-host .ret-root > div > div:first-child{
  background:linear-gradient(135deg,var(--au-brand),var(--au-brand2) 55%,#7f9b4e) !important;
  border:1px solid transparent !important;
  box-shadow:var(--au-shadow) !important;
}
#view-retornos #retornos-host .ret-root > div > div:first-child *{
  color:#fff !important;
  border-color:rgba(255,255,255,.22) !important;
}
/* botoes "Voltar a Intranet"/box UNIDADE + badge "Regulacao" no header => vidro branco */
#view-retornos #retornos-host .ret-root > div > div:first-child [style*="background:#f0f4e9"],
#view-retornos #retornos-host .ret-root > div > div:first-child [style*="background:#e7efd9"]{
  background:rgba(255,255,255,.16) !important;
  border-color:rgba(255,255,255,.30) !important;
}

/* 7 · BOTOES PRIMARIOS roxos (#394820: "Registrar retorno") => gradiente aurora. */
#view-retornos #retornos-host [style*="background:#394820"]{
  background:linear-gradient(135deg,var(--au-brand),var(--au-brand2) 60%,#779249) !important;
  box-shadow:0 10px 24px -8px rgba(78,98,44,.6) !important;
}

/* 8 · INPUTS — foco roxo aurora (reforca o border JS #81965b). */
#view-retornos #retornos-host input:focus,
#view-retornos #retornos-host select:focus,
#view-retornos #retornos-host textarea:focus{
  border-color:var(--au-brand2) !important;
  box-shadow:0 0 0 3px rgba(92,111,58,.18) !important;
}

/* 9 · LINHAS DA FILA — hover lilas translucido (a marcacao nao tinha hover). */
#view-retornos #retornos-host [style*="border-top:1px solid #eff3e9"]:hover{
  background:rgba(92,111,58,.08) !important;
}

/* 10 · DROPDOWN CID — vidro mais opaco p/ leitura sobre o conteudo
   (sobrescreve o vidro generico do bloco 1). */
#view-retornos #retornos-host #ret-cid-drop > div{
  background:rgba(255,255,255,.9) !important;
  backdrop-filter:blur(18px) saturate(1.4) !important;
  -webkit-backdrop-filter:blur(18px) saturate(1.4) !important;
  border-color:var(--au-glass-brd) !important;
}

/* 11 · MODAL DE DETALHE — card em vidro (overlay ja e escuro c/ blur;
   o cabecalho interno do modal segue gradiente plum proprio). */
#view-retornos #retornos-host > div[style*="inset:0"] > div{
  background:var(--au-glass) !important;
  backdrop-filter:blur(26px) saturate(1.5) !important;
  -webkit-backdrop-filter:blur(26px) saturate(1.5) !important;
  border:1px solid var(--au-glass-brd) !important;
}

/* ============================================================
   ESCURO — body.theme-dark. Os tokens --au-* ja invertem p/ plum
   escuro (vidro fica escuro). So religamos as CORES DE TEXTO/linha
   inline (claras hardcoded) p/ tinta, senao somem no vidro escuro.
   ============================================================ */

/* tintas escuras (titulos/valores) => ink claro */
body.theme-dark #view-retornos #retornos-host [style*="color:#24281d"],
body.theme-dark #view-retornos #retornos-host [style*="color:#212717"],
body.theme-dark #view-retornos #retornos-host [style*="color:#2d3225"],
body.theme-dark #view-retornos #retornos-host [style*="color:#4d5243"]{
  color:var(--au-ink) !important;
}
/* cinzas de apoio => ink-soft */
body.theme-dark #view-retornos #retornos-host [style*="color:#5b6250"],
body.theme-dark #view-retornos #retornos-host [style*="color:#5d6352"],
body.theme-dark #view-retornos #retornos-host [style*="color:#8d9977"],
body.theme-dark #view-retornos #retornos-host [style*="color:#a6ad99"],
body.theme-dark #view-retornos #retornos-host [style*="color:#b3bca3"]{
  color:var(--au-ink-soft) !important;
}
/* roxos de texto => brand claro (contraste no plum escuro) */
body.theme-dark #view-retornos #retornos-host [style*="color:#394820"],
body.theme-dark #view-retornos #retornos-host [style*="color:#405023"],
body.theme-dark #view-retornos #retornos-host [style*="color:#586d34"]{
  color:var(--au-brand2) !important;
}
/* dropdown CID e superficies muito brancas do bloco 10 no escuro => plum translucido */
body.theme-dark #view-retornos #retornos-host #ret-cid-drop > div{
  background:rgba(41,47,31,.92) !important;
}


/* ===== AUDITORIA ===== */
/* =====================================================================
   AURORA · Painel "Auditoria Médica"  — escopo total: #view-auditoria
   Somente CSS. Todos os seletores começam por #view-auditoria (ou
   body.theme-dark #view-auditoria). Usa tokens globais --au-*.
   Classes reais tiradas de css/16/04.css: .aud, .aud-head, .aud-kicker,
   .aud-title, .aud-sub, .aud-kpis, .aud-kpi(.is-primary/.is-danger),
   .aud-kpi-v, .aud-kpi-l, .aud-section-t, .aud-mods/.aud-mod,
   .aud-actors/.aud-actor/.aud-actor-av, .aud-filters/.aud-f/.aud-f-grow/
   .aud-f-actions, .aud-tablewrap/.aud-table, .aud-td-*, .aud-nm/.aud-cpf,
   .aud-mod-badge, .aud-verb/.aud-res, .aud-det, .aud-status(.is-ok/.is-err),
   .aud-detail-btn, .aud-actions, .aud-empty/.aud-foot, .btn(+ -primary/
   -danger/-sm), .auddet-* (modal).
   ===================================================================== */

/* --- 0. Deixa o palco transparente pra AURORA global aparecer atrás ---- */
#view-auditoria,
#view-auditoria #auditoria-root,
#view-auditoria .view-section,
#view-auditoria .aud{
  background:transparent !important;
  color:var(--au-ink);
}

/* --- 1. Cabeçalho do painel = FAIXA GRADIENTE (135deg roxo→magenta) ----- */
#view-auditoria .aud-head{
  padding:20px 24px !important;
  border-radius:20px !important;
  color:#fff !important;
  background:linear-gradient(135deg,#394820 0%,#5c6f3a 55%,#7f9b4e 100%) !important;
  box-shadow:var(--au-shadow) !important;
}
#view-auditoria .aud-head .aud-kicker{ color:rgba(255,255,255,.85) !important; }
#view-auditoria .aud-head .aud-title{ color:#fff !important; letter-spacing:-.02em; }
#view-auditoria .aud-head .aud-sub{ color:rgba(255,255,255,.82) !important; }

/* --- 2. Superfície VIDRO FROSTED reutilizável ------------------------- */
/*  cartões, tabela-wrap, filtros, KPIs neutros, seções */
#view-auditoria .aud-kpi,
#view-auditoria .aud-filters,
#view-auditoria .aud-tablewrap,
#view-auditoria .aud-actor{
  background:var(--au-glass) !important;
  -webkit-backdrop-filter:blur(20px) saturate(1.4);
  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;
  position:relative;
}
/* Borda gradient-glow (::after com mask) — como no mockup ---------------- */
#view-auditoria .aud-kpi::after,
#view-auditoria .aud-filters::after,
#view-auditoria .aud-tablewrap::after{
  content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;
  background:linear-gradient(135deg,rgba(92,111,58,.5),transparent 40%,transparent 60%,rgba(143,175,87,.42));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.7;
}

/* --- 3. KPIs elegantes (número comedido, nada gigante) ---------------- */
#view-auditoria .aud-kpis{ gap:14px !important; }
#view-auditoria .aud-kpi{ padding:16px 18px !important; overflow:hidden; }
#view-auditoria .aud-kpi-v{
  font-size:1.7rem !important;         /* comedido, não estourado */
  font-weight:750 !important; letter-spacing:-.03em;
  color:var(--au-ink) !important;
}
#view-auditoria .aud-kpi-l{ color:var(--au-ink-soft) !important; font-weight:600; }
/* KPI primário = mini-faixa gradiente (destaque) */
#view-auditoria .aud-kpi.is-primary{
  background:linear-gradient(135deg,var(--au-brand),var(--au-brand2)) !important;
  border:none !important;
  box-shadow:0 12px 30px -10px rgba(57,72,32,.55),inset 0 1px 0 rgba(255,255,255,.3) !important;
}
#view-auditoria .aud-kpi.is-primary::after{ opacity:.35; }
#view-auditoria .aud-kpi.is-primary .aud-kpi-v,
#view-auditoria .aud-kpi.is-primary .aud-kpi-l{ color:#fff !important; }
/* KPI de erro/perigo = pílula tonal vermelha translúcida */
#view-auditoria .aud-kpi.is-danger{
  background:rgba(226,58,109,.12) !important;
  border:1px solid rgba(226,58,109,.28) !important;
}
#view-auditoria .aud-kpi.is-danger::after{ display:none; }
#view-auditoria .aud-kpi.is-danger .aud-kpi-v,
#view-auditoria .aud-kpi.is-danger .aud-kpi-l{ color:var(--au-err) !important; }

/* --- 4. Rótulos de seção / chips de módulos / atores ------------------ */
#view-auditoria .aud-section-t{
  color:var(--au-ink-soft) !important;
  font-weight:800; letter-spacing:.4px;
}
/* chips de módulo = pílula tonal + contador gradiente */
#view-auditoria .aud-mod{
  background:rgba(92,111,58,.12) !important;
  color:var(--au-brand) !important;
  border-radius:999px !important; font-weight:700;
}
body.theme-dark #view-auditoria .aud-mod{ color:var(--au-brand2) !important; background:rgba(147,185,80,.16) !important; }
#view-auditoria .aud-mod b{
  background:linear-gradient(135deg,var(--au-brand),var(--au-brand2)) !important;
  color:#fff !important; border-radius:999px !important;
}
/* atores = pílula vidro + avatar gradiente */
#view-auditoria .aud-actor{
  border-radius:999px !important; padding:4px 14px 4px 4px !important;
  color:var(--au-ink) !important; font-weight:600;
}
#view-auditoria .aud-actor::after{ display:none; }
#view-auditoria .aud-actor-av{
  background:linear-gradient(135deg,var(--au-brand),var(--au-brand2)) !important;
  color:#fff !important;
}
#view-auditoria .aud-actor b{ color:var(--au-brand) !important; }
body.theme-dark #view-auditoria .aud-actor b{ color:var(--au-brand2) !important; }

/* --- 5. Filtros: inputs/selects = VIDRO com foco roxo ----------------- */
#view-auditoria .aud-filters{ padding:16px !important; align-items:end; }
#view-auditoria .aud-f label{ color:var(--au-ink-soft) !important; font-weight:700; letter-spacing:.3px; }
#view-auditoria .aud-f select,
#view-auditoria .aud-f input{
  background:rgba(255,255,255,.5) !important;
  border:1px solid var(--au-line) !important;
  border-radius:12px !important;
  color:var(--au-ink) !important;
  font-family:inherit;
}
body.theme-dark #view-auditoria .aud-f select,
body.theme-dark #view-auditoria .aud-f input{ background:rgba(255,255,255,.06) !important; }
#view-auditoria .aud-f select:focus,
#view-auditoria .aud-f input:focus{
  outline:none !important;
  border-color:var(--au-brand2) !important;
  box-shadow:0 0 0 3px rgba(92,111,58,.2) !important;
  background:rgba(255,255,255,.66) !important;
}
body.theme-dark #view-auditoria .aud-f select:focus,
body.theme-dark #view-auditoria .aud-f input:focus{ background:rgba(255,255,255,.1) !important; }

/* --- 6. Botões AURORA (primário gradiente / secundário vidro) --------- */
#view-auditoria .btn{
  font-family:inherit; font-weight:600;
  border-radius:12px !important;
  border:1px solid var(--au-line) !important;
  background:rgba(255,255,255,.5) !important;
  color:var(--au-ink) !important;
  transition:transform .16s, box-shadow .16s;
}
body.theme-dark #view-auditoria .btn{ background:rgba(255,255,255,.08) !important; }
#view-auditoria .btn:hover{ transform:translateY(-1px); border-color:rgba(92,111,58,.4) !important; }
#view-auditoria .btn.btn-primary{
  color:#fff !important; border:none !important;
  background:linear-gradient(135deg,var(--au-brand) 0%,var(--au-brand2) 55%,#7f9b4e 100%) !important;
  box-shadow:0 10px 24px -8px rgba(78,98,44,.7) !important;
}
#view-auditoria .btn.btn-danger{
  color:#fff !important; border:none !important;
  background:linear-gradient(135deg,var(--au-err),#ff8a5e) !important;
  box-shadow:0 10px 24px -10px rgba(226,58,109,.7) !important;
}
#view-auditoria .btn.btn-sm{ border-radius:11px !important; }
/* coluna de ações dos cards da fila (regra real #view-auditoria .aud-actions) */
#view-auditoria .aud-actions > .btn,
#view-auditoria .aud-actions > select{ width:100%; margin:0; }
#view-auditoria .aud-actions > select{
  background:rgba(255,255,255,.5) !important;
  border:1px solid var(--au-line) !important;
  border-radius:12px !important; color:var(--au-ink) !important;
}
body.theme-dark #view-auditoria .aud-actions > select{ background:rgba(255,255,255,.08) !important; }

/* --- 7. Tabela / trilha: cabeçalho tonal + linhas hover lilás -------- */
#view-auditoria .aud-tablewrap{ overflow:hidden; }
#view-auditoria .aud-tablewrap::after{ opacity:.5; }
#view-auditoria .aud-table thead th{
  background:rgba(92,111,58,.12) !important;
  color:var(--au-brand) !important;
  -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px);
  letter-spacing:.3px; border:none !important;
}
body.theme-dark #view-auditoria .aud-table thead th{ color:var(--au-brand2) !important; background:rgba(147,185,80,.14) !important; }
#view-auditoria .aud-table tbody td{
  border-top:1px solid var(--au-line) !important;
  color:var(--au-ink) !important; background:transparent !important;
}
#view-auditoria .aud-table tbody tr{ background:transparent !important; transition:background .15s; }
#view-auditoria .aud-table tbody tr:nth-child(even){ background:rgba(255,255,255,.22) !important; }
body.theme-dark #view-auditoria .aud-table tbody tr:nth-child(even){ background:rgba(255,255,255,.04) !important; }
#view-auditoria .aud-table tbody tr:hover{ background:rgba(92,111,58,.1) !important; }
body.theme-dark #view-auditoria .aud-table tbody tr:hover{ background:rgba(147,185,80,.12) !important; }
#view-auditoria .aud-td-dt,
#view-auditoria .aud-td-unit,
#view-auditoria .aud-td-ip,
#view-auditoria .aud-cpf,
#view-auditoria .aud-res{ color:var(--au-ink-soft) !important; }
#view-auditoria .aud-nm,
#view-auditoria .aud-verb{ color:var(--au-ink) !important; font-weight:700; }

/* módulo badge = pílula tonal (usa --au-info azulado) */
#view-auditoria .aud-mod-badge{
  background:rgba(58,111,216,.14) !important;
  color:var(--au-info) !important;
  border-radius:999px !important; font-weight:700;
}

/* status pílula: ok=verde tonal, erro=vermelho tonal */
#view-auditoria .aud-status{ border-radius:999px !important; font-weight:800; }
#view-auditoria .aud-status.is-ok{ background:rgba(63,157,106,.16) !important; color:var(--au-ok) !important; }
#view-auditoria .aud-status.is-err{ background:rgba(226,58,109,.16) !important; color:var(--au-err) !important; }

/* --- 8. <details> "ver detalhe" + botão detalhe = vidro ------------- */
#view-auditoria .aud-det summary{ color:var(--au-brand) !important; font-weight:600; }
body.theme-dark #view-auditoria .aud-det summary{ color:var(--au-brand2) !important; }
#view-auditoria .aud-det pre{
  background:rgba(255,255,255,.4) !important;
  border:1px solid var(--au-glass-brd) !important;
  border-radius:12px !important; color:var(--au-ink) !important;
}
body.theme-dark #view-auditoria .aud-det pre{ background:rgba(255,255,255,.06) !important; }
#view-auditoria .aud-detail-btn{
  background:rgba(92,111,58,.12) !important;
  color:var(--au-brand) !important;
  border:1px solid rgba(92,111,58,.24) !important;
  border-radius:999px !important; font-weight:700;
}
body.theme-dark #view-auditoria .aud-detail-btn{ color:var(--au-brand2) !important; background:rgba(147,185,80,.16) !important; }
#view-auditoria .aud-detail-btn:hover{ background:rgba(92,111,58,.2) !important; }

/* --- 9. Vazio / rodapé ---------------------------------------------- */
#view-auditoria .aud-empty,
#view-auditoria .aud-foot{ color:var(--au-ink-soft) !important; }

/* --- 10. MODAL de evento (.auddet-*) = vidro frosted + cabeçalho ----- */
#view-auditoria .auddet-box,
#view-auditoria .modal-box.auddet-box{
  background:var(--au-glass) !important;
  -webkit-backdrop-filter:blur(24px) saturate(1.5); backdrop-filter:blur(24px) saturate(1.5);
  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;
}
#view-auditoria .auddet-kicker{ color:var(--au-brand) !important; }
body.theme-dark #view-auditoria .auddet-kicker{ color:var(--au-brand2) !important; }
#view-auditoria .auddet-title{ color:var(--au-ink) !important; }
#view-auditoria .auddet-x{
  background:rgba(92,111,58,.12) !important;
  color:var(--au-brand) !important; border:none !important; border-radius:50% !important;
}
body.theme-dark #view-auditoria .auddet-x{ color:var(--au-brand2) !important; background:rgba(147,185,80,.16) !important; }
#view-auditoria .auddet-x:hover{ background:rgba(92,111,58,.22) !important; }
#view-auditoria .auddet-info{
  background:rgba(255,255,255,.4) !important;
  border:1px solid var(--au-glass-brd) !important;
  border-radius:14px !important; color:var(--au-ink) !important;
}
body.theme-dark #view-auditoria .auddet-info{ background:rgba(255,255,255,.06) !important; }
#view-auditoria .auddet-info span,
#view-auditoria .auddet-sec-t,
#view-auditoria .auddet-k,
#view-auditoria .auddet-empty{ color:var(--au-ink-soft) !important; }
#view-auditoria .auddet-v{ color:var(--au-ink) !important; }
/* frase humanizada = cartão com barra gradiente */
#view-auditoria .auddet-summary{
  background:rgba(92,111,58,.1) !important;
  border-left:4px solid var(--au-acc) !important;
  border-radius:14px !important; color:var(--au-ink) !important;
}
#view-auditoria .auddet-note{
  background:rgba(255,255,255,.35) !important;
  border:1px dashed var(--au-glass-brd) !important;
  border-radius:14px !important; color:var(--au-ink-soft) !important;
}
body.theme-dark #view-auditoria .auddet-note{ background:rgba(255,255,255,.05) !important; }

/* --- 11. Foco acessível roxo em toda interação ---------------------- */
#view-auditoria button:focus-visible,
#view-auditoria input:focus-visible,
#view-auditoria select:focus-visible{
  outline:2px solid var(--au-brand2) !important; outline-offset:2px;
}