/* =============================================================================
   premium.css — Tema unificado do painel (Master). Estética sóbria e premium:
   fundo profundo, um único acento violeta, vidro sutil, cantos suaves.
   Reverter: remova o <link ... premium.css> de includes/page_header.php e login.php.
   ============================================================================= */

:root{
  --pr-bg:#0a0a10;
  --pr-bg2:#0e0e15;
  --pr-card:#14141d;
  --pr-line:rgba(255,255,255,.07);
  --pr-line2:rgba(255,255,255,.12);
  --pr-acc:#7c5cfc;        /* acento único */
  --pr-acc-2:#a78bfa;
  --pr-acc-soft:rgba(124,92,252,.14);
  --pr-txt:#e8e8f2;
  --pr-mut:#9a9ab0;
  --pr-radius:14px;
}

/* ---------- Base ---------- */
body,body.min-h-screen{
  background:
    radial-gradient(1200px 700px at 100% -15%, rgba(124,92,252,.10), transparent 55%),
    var(--pr-bg) !important;
  color:var(--pr-txt);
}
*{ scrollbar-color: rgba(124,92,252,.5) transparent; }
*::-webkit-scrollbar{ width:9px; height:9px; }
*::-webkit-scrollbar-thumb{ background:rgba(124,92,252,.45); border-radius:8px; border:2px solid transparent; background-clip:padding-box; }
*::-webkit-scrollbar-track{ background:transparent; }

/* ---------- Topbar ---------- */
header.sticky, body > header, header{
  background:linear-gradient(180deg, rgba(18,18,26,.96), rgba(12,12,18,.82)) !important;
  backdrop-filter:blur(12px);
  border-bottom:1px solid var(--pr-line) !important;
}
.panel-brand-name{ letter-spacing:.02em; font-weight:700; }

/* ---------- Sidebar ---------- */
aside{
  background:linear-gradient(180deg,#0e0e16,#0a0a10) !important;
  border-right:1px solid var(--pr-line) !important;
}
.sidebar-link{
  border-radius:11px !important;
  color:var(--pr-mut) !important;
  transition:background .16s ease, color .16s ease, transform .16s ease !important;
  position:relative;
}
.sidebar-link:hover{ background:rgba(255,255,255,.045) !important; color:#fff !important; }
.sidebar-link.active{
  background:var(--pr-acc-soft) !important; color:#fff !important;
  box-shadow: inset 0 0 0 1px rgba(124,92,252,.28);
}
.sidebar-link.active::before{
  content:""; position:absolute; left:-3px; top:20%; bottom:20%; width:3px;
  border-radius:0 3px 3px 0; background:linear-gradient(180deg,var(--pr-acc),var(--pr-acc-2));
}
.sidebar-link.active i{ color:var(--pr-acc-2) !important; }

/* ---------- Cartões / superfícies ---------- */
[class*="bg-dark-800"], [class*="bg-dark-900"].rounded-xl, .rounded-xl[class*="bg-dark"], .card{
  background:var(--pr-card) !important;
  border:1px solid var(--pr-line) !important;
  border-radius:var(--pr-radius) !important;
  box-shadow:0 18px 44px -28px rgba(0,0,0,.85) !important;
}

/* ---------- Botões primários ---------- */
button[type="submit"], .btn-primary,
a[class*="bg-primary-6"], button[class*="bg-primary-6"], [class*="bg-primary-6"]{
  background:linear-gradient(135deg,var(--pr-acc),#6d4ef0) !important;
  border:0 !important; color:#fff !important; border-radius:11px !important;
  box-shadow:0 10px 24px -12px rgba(124,92,252,.7) !important;
  transition:transform .14s ease, filter .14s ease, box-shadow .14s ease !important;
}
button[type="submit"]:hover, .btn-primary:hover, [class*="bg-primary-6"]:hover{
  transform:translateY(-1px); filter:brightness(1.06);
  box-shadow:0 16px 30px -12px rgba(124,92,252,.85) !important;
}

/* ---------- Inputs ---------- */
input:focus, select:focus, textarea:focus{
  outline:none !important; border-color:var(--pr-acc) !important;
  box-shadow:0 0 0 3px rgba(124,92,252,.22) !important;
}

/* ---------- Texto com gradiente (títulos/login) ---------- */
.gradient-text{
  background:linear-gradient(90deg,#c4b5fd,#8b6dff 55%,#7c5cfc) !important;
  -webkit-background-clip:text !important; background-clip:text !important;
  -webkit-text-fill-color:transparent !important; color:transparent !important;
}

/* ---------- Login ---------- */
.login-card{
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02)), var(--pr-card) !important;
  border:1px solid var(--pr-line2) !important; border-radius:20px !important;
  box-shadow:0 30px 80px -34px rgba(124,92,252,.5) !important;
}
.login-logo-main,.login-logo-mobile{ filter:drop-shadow(0 0 20px rgba(124,92,252,.45)); }

/* ---------- Detalhes ---------- */
.status-dot{ box-shadow:0 0 8px currentColor; }
main{ animation:prFade .32s ease both; }
@keyframes prFade{ from{opacity:0; transform:translateY(6px)} to{opacity:1; transform:none} }