/* aurora-admin.css — sistema Aurora (componentes EXATOS do mockup) no painel Administracao.
   Escopado #view-admin. Fonte do mockup, vidro, botoes gradiente, inputs, abas, chips, linhas.
   Aditivo, carregado por ultimo, !important onde o reskin adm-v2 exigir. Claro + body.theme-dark. */

#view-admin{
  --brand:#394820; --brand2:#5c6f3a; --acc:#4e5f2f; --ink:#1d2215; --ink-soft:#5b6250; --line:rgba(57,72,32,.14);
  --glass:rgba(255,255,255,.62); --glass2:rgba(255,255,255,.4); --glass-brd:rgba(255,255,255,.7); --shadow:0 18px 50px -22px rgba(46,59,23,.45);
  font-family:'Poppins',-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",Arial,sans-serif !important;
  color:var(--ink);
}
#view-admin *{ font-family:inherit !important; }
body.theme-dark #view-admin{
  --ink:#e7f0d9; --ink-soft:#adba96; --line:rgba(157,190,99,.18);
  --glass:rgba(54,62,42,.6); --glass2:rgba(255,255,255,.05); --glass-brd:rgba(146,181,87,.28); --shadow:0 22px 55px -20px rgba(0,0,0,.55);
}

/* --- VIDRO nas superficies (glass exato do mockup) --- */
#view-admin .adm-panel, #view-admin .card, #view-admin .adm-unit-card, #view-admin .dept-create-card,
#view-admin .adm-side, #view-admin .users-toolbar, #view-admin .adm-patient-wrap, #view-admin .adm-mx-user{
  background:var(--glass) !important;
  backdrop-filter:blur(22px) saturate(1.5); -webkit-backdrop-filter:blur(22px) saturate(1.5);
  border:1px solid var(--glass-brd) !important;
  border-radius:20px !important;
  box-shadow:var(--shadow), inset 0 1px 0 rgba(255,255,255,.5) !important;
}
#view-admin .adm-unit-card, #view-admin .adm-mx-user{ transition:transform .16s ease, box-shadow .16s ease; }
#view-admin .adm-unit-card:hover, #view-admin .adm-mx-user:hover{ transform:translateY(-2px); }

/* --- CABECALHO do modulo (faixa gradiente do mockup) --- */
#view-admin .adm-header, #view-admin .adm-toolbar{
  background:linear-gradient(135deg,var(--brand),#64793f 55%,#7f9b4e) !important;
  color:#fff !important; border:none !important; border-radius:20px !important;
  box-shadow:0 18px 44px -20px rgba(78,98,44,.55) !important;
}
#view-admin .adm-header *, #view-admin .adm-toolbar-title, #view-admin .adm-toolbar-sub{ color:#fff !important; }
#view-admin .adm-toolbar-sub{ opacity:.86; }

/* --- BOTOES exatos do mockup --- */
#view-admin .btn{ font-weight:600 !important; border-radius:11px !important; border:1px solid var(--line) !important; background:rgba(255,255,255,.35) !important; color:var(--ink) !important; transition:.18s; }
#view-admin .btn:hover{ transform:translateY(-1px); }
#view-admin .btn-primary, #view-admin .btn-accent, #view-admin .dept-create-btn, #view-admin .dash-pbi-btn{
  background:linear-gradient(135deg,var(--brand) 0%,#64793f 55%,#7f9b4e 100%) !important;
  color:#fff !important; border:none !important; box-shadow:0 10px 24px -8px rgba(78,98,44,.55) !important;
}
#view-admin .btn-danger{ background:linear-gradient(135deg,#e23a6d,#ff7a9a) !important; color:#fff !important; border:none !important; }
body.theme-dark #view-admin .btn{ background:rgba(255,255,255,.06) !important; }

/* --- ABAS (pilula gradiente do mockup) --- */
#view-admin .adm-tab{ border-radius:13px !important; font-weight:600 !important; color:var(--ink-soft) !important; background:transparent !important; border:none !important; }
#view-admin .adm-tab.active, #view-admin .adm-tab.is-active, #view-admin .adm-tab[aria-selected="true"]{
  background:linear-gradient(135deg,var(--brand),#64793f) !important; color:#fff !important;
  box-shadow:0 8px 20px -8px rgba(78,98,44,.7) !important;
}

/* --- ITENS DE MENU lateral --- */
#view-admin .adm-menu-item{ border-radius:10px !important; font-weight:600 !important; color:var(--ink-soft) !important; }
#view-admin .adm-menu-item:hover{ background:rgba(92,111,58,.10) !important; color:var(--brand) !important; }
#view-admin .adm-menu-item.is-active, #view-admin .adm-menu-item.active{ background:linear-gradient(90deg,rgba(57,72,32,.14),rgba(57,72,32,.03)) !important; color:var(--brand) !important; box-shadow:inset 3px 0 0 var(--brand) !important; }

/* --- INPUTS / SELECTS (vidro do mockup) --- */
#view-admin input:not([type=checkbox]):not([type=radio]), #view-admin select, #view-admin textarea,
#view-admin .users-toolbar-search, #view-admin .adm-patient-search, #view-admin .adm-scope-select{
  background:var(--glass2) !important; border:1px solid var(--line) !important; border-radius:11px !important; color:var(--ink) !important;
}
#view-admin input:focus, #view-admin select:focus, #view-admin textarea:focus{ border-color:var(--brand2) !important; box-shadow:0 0 0 3px rgba(92,111,58,.18) !important; outline:none !important; }

/* --- TABELA de usuarios: linhas com hover lilas, cabecalho discreto (estilo mockup) --- */
#view-admin .adm-table-scroll table{ border-collapse:separate; border-spacing:0; width:100%; }
#view-admin .adm-table-scroll thead th{ font-size:10.5px !important; font-weight:700 !important; text-transform:uppercase; letter-spacing:.06em; color:var(--ink-soft) !important; background:transparent !important; border:none !important; padding:8px 12px !important; }
#view-admin .adm-table-scroll tbody tr{ transition:.14s; }
#view-admin .adm-table-scroll tbody tr:hover{ background:rgba(92,111,58,.08) !important; }
#view-admin .adm-table-scroll tbody td{ border:none !important; border-top:1px solid var(--line) !important; padding:11px 12px !important; font-size:13px !important; color:var(--ink) !important; }

/* --- CHIPS / badges (pilula tonal do mockup) --- */
#view-admin .adm-scope-badge, #view-admin .chip, #view-admin .badge, #view-admin [class*="-badge"], #view-admin [class*="-chip"]{ border-radius:20px !important; font-weight:700 !important; }

/* --- SEGMENTED (adm-uview-seg) --- */
#view-admin .adm-uview-seg{ background:var(--glass2) !important; border:1px solid var(--line) !important; border-radius:11px !important; }
#view-admin .adm-uview-seg .on, #view-admin .adm-uview-seg [aria-pressed="true"]{ background:linear-gradient(135deg,var(--brand),#64793f) !important; color:#fff !important; border-radius:9px !important; }

/* ============================================================================
   O kit Aurora nomeia os modificadores como .btn.primary / .soft / .danger /
   .ghost. A regra generica `#view-admin .btn` (acima) usa !important e tem
   especificidade (1,1,0), entao DERROTA os modificadores do kit — que sao
   (0,3,0) e sem !important. Sem isto, todo CTA do Admin vira botao branco
   chapado. Reafirmamos os modificadores aqui, no mesmo nivel de forca.
   ============================================================================ */
#view-admin .btn.primary{
  background:linear-gradient(135deg,var(--brand) 0%,#64793f 55%,#7f9b4e 100%) !important;
  color:#fff !important; border:none !important; box-shadow:0 10px 24px -8px rgba(78,98,44,.55) !important;
}
#view-admin .btn.danger{
  background:linear-gradient(135deg,#e23a6d,#ff7a9a) !important;
  color:#fff !important; border:none !important;
}
#view-admin .btn.soft{
  color:var(--brand) !important; background:rgba(92,111,58,.12) !important; border-color:rgba(92,111,58,.22) !important;
}
#view-admin .btn.ghost{ background:rgba(255,255,255,.35) !important }
body.theme-dark #view-admin .btn.soft{ color:var(--brand2) !important; background:rgba(147,185,80,.14) !important }
body.theme-dark #view-admin .btn.ghost{ background:rgba(255,255,255,.06) !important }

/* Item de menu com acao destrutiva: e um ITEM DE LISTA, nao um CTA — texto
   vermelho sobre transparente, nunca o gradiente cheio do .btn.danger.
   (a regra legada mirava .btn-danger, que saiu do markup na migracao) */
#view-admin .btn.danger.adm-menu-item{
  background:transparent !important; color:var(--err) !important;
  border:none !important; box-shadow:none !important;
}


/* ============================================================================
   LEGIBILIDADE (contraste AA) — 23/07
   .sd-empty: placeholder injetado por admin/02.js com #94a3b8 (2.6:1 no branco).
   .k-tag em .btn.primary: badge com --ink-soft escuro sobre o botao roxo (1.5:1).
   Seletores com #id vencem por especificidade — sem !important.
   ========================================================================== */
#view-admin .sd-empty{ color:#5b6250; }
body.theme-dark #view-admin .sd-empty{ color:#adba96; }
#view-admin .btn.primary .k-tag{ color:#fff; background:rgba(255,255,255,.22); }