/* AuraMind PRO v13 — Premium UI v4 "Wow" layer
   Loads AFTER premium-v3.css. Presentation only: glass, motion and depth.
   Respects prefers-reduced-motion; degrades gracefully without JS. */

/* ---- Signature gradient text for hero/page titles ---- */
.page-head h1,
.command-hero h1,
.hero h1,
.site-hero h1{
  background:linear-gradient(92deg,#0e2a5c 10%,#1f76f2 45%,#6357e8 75%,#14a8d8 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  color:transparent;
}

/* ---- Glassy hero / page head with soft aurora ---- */
.page-head,
.command-hero{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(420px 180px at 12% -20%,rgba(31,118,242,.16),transparent 60%),
    radial-gradient(380px 200px at 88% -30%,rgba(99,87,232,.14),transparent 60%),
    linear-gradient(180deg,#ffffff,#f4f8ff)!important;
  border:1px solid #dce8f7!important;
}

/* ---- Buttons: lift, shine sweep on hover ---- */
.primary-btn,.primary-action,.btn.primary,.button{
  position:relative;
  overflow:hidden;
  box-shadow:0 10px 24px rgba(31,118,242,.25)!important;
  transition:transform .18s ease,box-shadow .18s ease;
}
.primary-btn:hover,.primary-action:hover,.btn.primary:hover,.button:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 34px rgba(31,118,242,.32)!important;
}
@media (prefers-reduced-motion:no-preference){
  .primary-btn::after,.primary-action::after,.btn.primary::after,.button::after{
    content:"";position:absolute;inset:0;
    background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.35) 48%,transparent 62%);
    transform:translateX(-120%);
    transition:transform .7s ease;
    pointer-events:none;
  }
  .primary-btn:hover::after,.primary-action:hover::after,.btn.primary:hover::after,.button:hover::after{
    transform:translateX(120%);
  }
}

/* ---- Metric/stat cards: accent edge + icon glow ---- */
.metric-card,.stat-card,.status-card{
  position:relative;
  border:1px solid #e0eaf6!important;
  background:linear-gradient(180deg,#ffffff,#f7fbff)!important;
}
.metric-card::before,.stat-card::before,.status-card::before{
  content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:3px;
  background:linear-gradient(180deg,#1f76f2,#6357e8,#14a8d8);
  opacity:.85;
}
.metric-value,.stat-value{
  background:linear-gradient(90deg,#10295a,#1f76f2);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
}

/* ---- Cards: gentle rise on hover (calm, 4px) ---- */
@media (prefers-reduced-motion:no-preference){
  .panel:hover,.card:hover,.module-tile:hover{
    transform:translateY(-2px);
  }
}

/* ---- Sidebar: glassy active item with glow dot ---- */
.portal-nav a.active{
  background:linear-gradient(90deg,rgba(108,178,255,.22),rgba(108,178,255,.06))!important;
  color:#fff!important;
}
.portal-nav a{position:relative}
.portal-nav a.active::before{
  content:"";position:absolute;right:12px;top:50%;transform:translateY(-50%);
  width:7px;height:7px;border-radius:50%;
  background:#5eead4;box-shadow:0 0 0 4px rgba(94,234,212,.18),0 0 12px rgba(94,234,212,.8);
}

/* ---- Live pill: soft pulse so "LIVE" feels alive ---- */
@media (prefers-reduced-motion:no-preference){
  .live-pill::before{animation:am4pulse 2.2s ease-in-out infinite}
  @keyframes am4pulse{
    0%,100%{box-shadow:0 0 0 3px rgba(18,185,129,.18)}
    50%{box-shadow:0 0 0 6px rgba(18,185,129,.10)}
  }
}

/* ---- Tables: hover tint + refined header ---- */
.table-wrap tbody tr:hover{background:rgba(31,118,242,.045)!important}
.table-wrap thead th{
  background:rgba(244,248,255,.92)!important;
  letter-spacing:.04em;
}

/* ---- Inputs: smoother focus ring ---- */
input:focus,select:focus,textarea:focus{
  border-color:#7db1f7!important;
  box-shadow:0 0 0 4px rgba(31,118,242,.16)!important;
}

/* ---- Scroll progress hairline for long pages (pure CSS accent) ---- */
.portal-topbar{
  box-shadow:0 1px 0 rgba(215,227,242,.8),0 12px 32px rgba(23,55,105,.06)!important;
}

/* ---- Page-load fade-up (progressive, no JS needed) ---- */
@media (prefers-reduced-motion:no-preference){
  .portal-content>*{animation:am4rise .45s ease both}
  .portal-content>*:nth-child(2){animation-delay:.05s}
  .portal-content>*:nth-child(3){animation-delay:.10s}
  .portal-content>*:nth-child(4){animation-delay:.15s}
  @keyframes am4rise{
    from{opacity:0;transform:translateY(8px)}
    to{opacity:1;transform:none}
  }
}

/* ---- v4.1 readability fixes (audit 2026-10-05) ---- */
/* Employees KPI numbers: dark ink on light cards, never faint white */
.emp-kpi strong,.emp-kpi b{
  color:#10295a!important;
  -webkit-text-fill-color:#10295a!important;
  text-shadow:none!important;
}
.emp-kpi small,.emp-kpi em{color:#42597a!important}

/* Stat cards (Live Workforce etc.): label and count never fused together */
.stat-card{
  display:flex!important;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.stat-card span{
  font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#5b7292;font-weight:700;
}
.stat-card strong{
  font-size:22px;line-height:1;color:#10295a;font-variant-numeric:tabular-nums;
}
.status-card{
  display:flex!important;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.status-card span{
  font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#5b7292;font-weight:700;
}
.status-card strong{
  font-size:22px;line-height:1;color:#10295a;font-variant-numeric:tabular-nums;
}

/* Overview hero clock: keep the big time inside the banner */
.dashboard-clock,.hero-clock,.clock-widget,.time-widget{
  overflow:hidden;
  max-height:100%;
}
@media(max-width:900px){
  .dashboard-clock,.hero-clock,.clock-widget,.time-widget{transform:scale(.85);transform-origin:top right}
}