/* ============================================================================
   aurora.css — Sistema visual "Aurora Premium" aplicado ao portal inteiro.
   Fundacao global: canvas aurora + blobs + tratamento glass nas superficies,
   botoes, inputs, abas, chips e modais. Carregado por ULTIMO.
   Claro por padrao; escuro via body.theme-dark (plum colorido, nunca preto).
   ============================================================================ */

:root{
  --au-brand:#394820; --au-brand2:#5c6f3a; --au-lilac:#8faf57; --au-acc:#4e5f2f;
  --au-ink:#1d2215; --au-ink-soft:#5b6250; --au-line:rgba(57,72,32,.14);
  --au-glass:rgba(255,255,255,.56); --au-glass2:rgba(255,255,255,.40); --au-glass-brd:rgba(255,255,255,.72);
  --au-shadow:0 18px 50px -22px rgba(46,59,23,.42), inset 0 0 0 1px rgba(111,135,70,.20);
  --au-p0:#e23a6d; --au-p1:#e8863a; --au-p2:#c68a2c; --au-p3:#4a9d6a;
  --au-ok:#2f8659; --au-warn:#ad631e; --au-err:#d02f5c; --au-info:#3a6fd0; /* au-warn escurecido p/ AA no claro */
}
body.theme-dark{
  --au-brand:#8fb057; --au-brand2:#a5c66c; --au-lilac:#b4cb8d; --au-acc:#95be4e;
  --au-ink:#e7f0d9; --au-ink-soft:#adba96; --au-line:rgba(157,190,99,.18);
  --au-glass:rgba(48,54,36,.55); --au-glass2:rgba(255,255,255,.05); --au-glass-brd:rgba(146,181,87,.22);
  --au-shadow:0 22px 55px -20px rgba(0,0,0,.5);
  --au-p0:#ff6a92; --au-p1:#ffab5e; --au-p2:#e8c04f; --au-p3:#66d69a;
  --au-ok:#77e0a5; --au-warn:#ffb877; --au-err:#ff86a6; --au-info:#8fb2ff;
}

/* ---- Canvas aurora (fundo do app inteiro) ---- */
body{
  background:
    radial-gradient(120% 90% at 10% -5%, #ebf2e0 0%, transparent 55%),
    radial-gradient(120% 100% at 100% 0%, #edf5e1 0%, transparent 50%),
    linear-gradient(160deg,#f3f7eb 0%, #ebf2e0 45%, #eff2ea 100%) !important;
  background-attachment:fixed !important;
}
body.theme-dark{
  background:
    radial-gradient(120% 90% at 8% -5%, #2e3423 0%, transparent 55%),
    radial-gradient(120% 100% at 100% 0%, #2c3221 0%, transparent 50%),
    linear-gradient(160deg,#21261a 0%, #252a1c 48%, #292f1f 100%) !important;
  background-attachment:fixed !important;
}
/* blobs a deriva (elemento #aur-sky injetado no body) */
#aur-sky{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
#aur-sky .blob{position:absolute;border-radius:50%;filter:blur(58px);opacity:.66;mix-blend-mode:multiply;animation:au-drift 24s ease-in-out infinite}
body.theme-dark #aur-sky .blob{mix-blend-mode:screen;opacity:.5;filter:blur(70px)}
#aur-sky .b1{width:50vw;height:50vw;left:-10vw;top:-12vw;background:radial-gradient(circle,#8bb641,#acca79 58%,transparent 72%)}
#aur-sky .b2{width:46vw;height:46vw;right:-12vw;top:-8vw;background:radial-gradient(circle,#99c64c,#bad788 55%,transparent 72%);animation-delay:-6s}
#aur-sky .b3{width:44vw;height:44vw;left:18vw;bottom:-18vw;background:radial-gradient(circle,#9db4f4,#c2d0fa 55%,transparent 72%);animation-delay:-11s}
#aur-sky .b4{width:36vw;height:36vw;right:6vw;bottom:-12vw;background:radial-gradient(circle,#85af3d,#aed075 55%,transparent 72%);animation-delay:-15s}
@keyframes au-drift{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(4vw,3vh) scale(1.08)}66%{transform:translate(-3vw,2vh) scale(.96)}}
@media (prefers-reduced-motion:reduce){#aur-sky .blob{animation:none}}
/* o conteudo do app fica acima do canvas */
#app,.app-root,.shell,#view-ubs-intranet,[id^="view-"]{position:relative;z-index:1}

                                                                        
.panel-container,
.card, .ds-card, .ds-mod-card,
.reg-shell, .reg-card, .reg-metric,
.intranet-card, .intranet-panel-v2, .rh-dashboard-panel,
.fat-card, .fat-visao-areas-card,
.opv-card, .pp-card,
.sigtap-shell, .sigtap-query-card, .sigtap-result-card,
.ubs-atend-side, .ubs-fila-col,
.adm-panel, .mst-card{
  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;
}

/* ---- Command header Aurora nos cabecalhos de painel ---- */
/* .intranet-header vira allowlist: so as views AINDA NAO migradas levam a faixa
   roxa. Nas Aurora (rh, servidor, ubs-clinical, ubs-intranet) o header e vidro. */
:is(#view-sigtap, #view-capacitacao, #view-ubs-prontuario) .intranet-header,
.reg-header, .opv-shell > .reg-header,
.ubs-atend-header, .fat-header, .mst-header, .adm-header{
  background:
    linear-gradient(135deg, rgba(57,72,32,.96), rgba(92,111,58,.92) 55%, rgba(127,155,78,.9)) !important;
  color:#fff !important;
  border:none !important;
  border-radius:20px !important;
  box-shadow:0 18px 44px -20px rgba(78,98,44,.6) !important;
}
:is(#view-sigtap, #view-capacitacao, #view-ubs-prontuario) .intranet-header *, .reg-header .reg-header-title, .reg-header h2, .ubs-atend-header *{color:#fff !important}

/* ---- Botoes Aurora ---- */
.btn.btn-primary, button.primary, .ds-btn-primary, .reg-actions .btn-primary, .btn-roxo{
  background:linear-gradient(135deg,var(--au-brand) 0%,#64793f 55%,#7f9b4e 100%) !important;
  color:#fff !important; border:none !important; border-radius:11px !important;
  box-shadow:0 10px 24px -8px rgba(78,98,44,.55) !important;
}
.ds-btn, .btn:not(.btn-primary):not(.btn-danger), button.g, .reg-tab{
  border-radius:11px !important;
}
.btn.btn-danger, button.dang, .ds-btn-danger{border-radius:11px !important}

/* ---- Inputs Aurora ---- */
input:not([type=checkbox]):not([type=radio]):not([type=range]), select, textarea,
.ds-input, .search{
  background:var(--au-glass2) !important;
  border:1px solid var(--au-line) !important;
  border-radius:11px !important;
  color:var(--au-ink) !important;
}
input:focus, select:focus, textarea:focus, .ds-input:focus{
  border-color:var(--au-brand2) !important;
  box-shadow:0 0 0 3px rgba(92,111,58,.18) !important; outline:none !important;
}

/* ---- Abas / tabs Aurora (pilula ativa gradiente) ---- */
.reg-tab.active, .ds-tab.active, [role="tab"][aria-selected="true"], .tab.active, .is-active.reg-tab{
  background:linear-gradient(135deg,var(--au-brand),#64793f) !important;
  color:#fff !important; border:none !important; border-radius:13px !important;
  box-shadow:0 8px 20px -8px rgba(78,98,44,.6) !important;
}

/* ---- Chips / badges de status Aurora ---- */
/* .chip saiu: o kit usa squircle de 10px; aqui virava pilula de 20px */
.ds-badge, .reg-chip, .pill, .prio, .st{
  border-radius:20px !important;
}

/* ---- Modais Aurora (vidro) ---- */
.ds-modal, .reg-modal, #reg-modal .reg-modal, .modal, .modal-content, .ovl > *, .ds-modal-overlay > *{
  background:var(--au-glass) !important;
  backdrop-filter:blur(24px) saturate(1.5); -webkit-backdrop-filter:blur(24px) saturate(1.5);
  border:1px solid var(--au-glass-brd) !important;
  border-radius:22px !important;
  box-shadow:var(--au-shadow) !important;
}
.ds-modal-overlay, .modal-overlay, .ovl, .reg-modal-overlay{
  background:rgba(26,32,17,.6) !important; backdrop-filter:blur(4px);
}

/* fonte/texto do app herdam o ink Aurora nos containers de conteudo */
.panel-container, .card, .reg-shell, #ubs-main-content{color:var(--au-ink)}