/*
 * User Visual Design Dark Luxury 3D — Phase 3D.2.1
 * Scope: dashboard/index.php + dashboard/downloads.php + simple user pages.
 * Functional layout is preserved; visual recipes are intentionally richer.
 */

html[data-uvd-skin="dark-luxury-3d"] {
  --dl-bg-0: #030812;
  --dl-bg-1: #07101f;
  --dl-bg-2: #0d1b31;
  --dl-ink: rgba(239,246,255,.96);
  --dl-ink-strong: #ffffff;
  --dl-muted: rgba(203,213,225,.78);
  --dl-dim: rgba(148,163,184,.62);
  --dl-gold: #f8d66d;
  --dl-gold-2: #b8872b;
  --dl-blue: #4d8dff;
  --dl-blue-2: #1e4fd8;
  --dl-cyan: #5ee9ff;
  --dl-violet: #a78bfa;
  --dl-rose: #fb7185;
  --dl-green: #38e59c;
  --dl-amber: #fbbf24;
  --dl-red: #fb5265;
  --dl-panel: rgba(9,18,35,.72);
  --dl-panel-2: rgba(16,31,57,.78);
  --dl-panel-3: rgba(21,39,70,.82);
  --dl-stroke: rgba(149,180,255,.20);
  --dl-stroke-strong: rgba(161,195,255,.36);
  --dl-stroke-gold: rgba(248,214,109,.38);
  --dl-shadow-deep: 0 34px 95px rgba(0,0,0,.62), 0 10px 30px rgba(0,0,0,.42);
  --dl-shadow-card: 0 26px 70px rgba(0,0,0,.46), 0 0 0 1px rgba(255,255,255,.035) inset;
  --dl-shadow-blue: 0 22px 58px rgba(29,78,216,.28), 0 0 36px rgba(77,141,255,.14);
  --dl-shadow-gold: 0 20px 58px rgba(184,135,43,.23), 0 0 38px rgba(248,214,109,.16);
  --dl-radius-card: 27px;
  --dl-radius-btn: 20px;
  --dl-ease: cubic-bezier(.2,.85,.25,1);
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads {
  color: var(--dl-ink) !important;
  background:
    radial-gradient(880px 520px at 18% -10%, rgba(94,234,212,.18), transparent 62%),
    radial-gradient(720px 460px at 78% 1%, rgba(77,141,255,.18), transparent 60%),
    radial-gradient(760px 520px at 102% 42%, rgba(248,214,109,.10), transparent 65%),
    radial-gradient(760px 560px at -10% 100%, rgba(167,139,250,.13), transparent 62%),
    linear-gradient(180deg, var(--dl-bg-0), var(--dl-bg-1) 52%, #04070f) !important;
  background-attachment: fixed !important;
  overflow-x: hidden;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home::before,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background:
    linear-gradient(110deg, transparent 0 18%, rgba(255,255,255,.035) 18.2%, transparent 18.8% 56%, rgba(94,234,255,.035) 56.2%, transparent 57%),
    radial-gradient(circle at 50% 8%, rgba(255,255,255,.12), transparent 1px),
    radial-gradient(circle at 28% 74%, rgba(248,214,109,.13), transparent 1.2px),
    radial-gradient(circle at 83% 64%, rgba(94,234,255,.13), transparent 1px);
  background-size: auto, 140px 140px, 190px 190px, 230px 230px;
  opacity: .34;
  mix-blend-mode: screen;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home::after,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background: linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px), linear-gradient(180deg, rgba(255,255,255,.014) 1px, transparent 1px);
  background-size: 46px 46px;
  mask-image: radial-gradient(circle at 50% 18%, #000 0, transparent 76%);
  opacity: .42;
}

/* Phase 3B.7: keep background layers behind the app without touching overlays/modals.
   Do NOT target body > *; fixed overlays such as device check, avatar cropper,
   PWA install and push result modals must keep their own positioning/z-index. */
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home header,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home main,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .dashboard-right,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads header,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .container {
  position: relative;
  z-index: 1;
}

/* Header and menu: same placement, richer shell. */
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home header,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads header {
  background:
    radial-gradient(420px 160px at 72% 0%, rgba(248,214,109,.20), transparent 68%),
    radial-gradient(520px 180px at 18% 0%, rgba(94,234,255,.16), transparent 62%),
    linear-gradient(135deg, rgba(9,18,35,.88), rgba(24,39,68,.82) 48%, rgba(7,12,24,.92)) !important;
  border: 1px solid rgba(162,196,255,.22) !important;
  border-top: 0 !important;
  box-shadow: 0 22px 58px rgba(0,0,0,.45), 0 1px 0 rgba(255,255,255,.10) inset, 0 -1px 0 rgba(248,214,109,.10) inset !important;
  backdrop-filter: blur(18px) saturate(145%);
  -webkit-backdrop-filter: blur(18px) saturate(145%);
  overflow: hidden;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home header::before,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads header::before {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background: linear-gradient(105deg, transparent 0 25%, rgba(255,255,255,.10) 40%, transparent 56% 100%);
  opacity:.42;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home header .center,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads header .center {
  color: var(--dl-gold) !important;
  text-shadow: 0 4px 0 rgba(65,39,8,.46), 0 15px 32px rgba(248,214,109,.22), 0 0 28px rgba(248,214,109,.18) !important;
  letter-spacing: -.4px;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home header .left span,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads header .left span {
  color: rgba(239,246,255,.92) !important;
  text-shadow: 0 8px 20px rgba(0,0,0,.42);
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home #menu-btn,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads #menu-btn {
  background: linear-gradient(145deg, rgba(60,130,246,.98), rgba(28,76,190,.98) 58%, rgba(15,38,105,.98)) !important;
  border: 1px solid rgba(195,218,255,.34) !important;
  color: #fff !important;
  border-radius: 18px !important;
  box-shadow: 0 18px 42px rgba(37,99,235,.36), inset 0 1px 0 rgba(255,255,255,.28), inset 0 -10px 22px rgba(0,0,0,.16) !important;
  transform: translateZ(0);
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home #menu-btn:hover,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads #menu-btn:hover {
  transform: translateY(-2px) scale(1.015);
  box-shadow: 0 24px 56px rgba(37,99,235,.46), 0 0 24px rgba(94,234,255,.20), inset 0 1px 0 rgba(255,255,255,.35) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home #side-menu,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads #side-menu {
  background:
    radial-gradient(260px 220px at 85% 5%, rgba(248,214,109,.17), transparent 62%),
    radial-gradient(300px 240px at 16% 18%, rgba(94,234,255,.13), transparent 66%),
    linear-gradient(180deg, rgba(9,18,35,.96), rgba(5,10,21,.98)) !important;
  border-left: 1px solid rgba(161,195,255,.22) !important;
  box-shadow: -32px 0 88px rgba(0,0,0,.62), inset 1px 0 0 rgba(255,255,255,.06) !important;
  color: var(--dl-ink) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home #side-menu a,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads #side-menu a {
  background: linear-gradient(135deg, rgba(31,57,99,.78), rgba(13,25,48,.86)) !important;
  border: 1px solid rgba(140,176,255,.22) !important;
  color: rgba(241,247,255,.96) !important;
  border-radius: 18px !important;
  box-shadow: 0 13px 30px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.08) !important;
  transition: transform .18s var(--dl-ease), border-color .18s var(--dl-ease), box-shadow .18s var(--dl-ease), filter .18s var(--dl-ease);
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home #side-menu a:hover,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads #side-menu a:hover {
  transform: translateY(-2px);
  border-color: rgba(248,214,109,.42) !important;
  box-shadow: 0 18px 38px rgba(0,0,0,.34), 0 0 22px rgba(248,214,109,.10), inset 0 1px 0 rgba(255,255,255,.14) !important;
}

/* Dashboard shell */
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .dashboard-right {
  isolation: isolate;
  perspective: 1400px;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .dashboard-right::before {
  content:"";
  position:absolute;
  inset: 70px 5% auto 5%;
  height: 360px;
  z-index:-1;
  background: radial-gradient(closest-side, rgba(77,141,255,.18), transparent 72%);
  filter: blur(22px);
  pointer-events:none;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .welcome-section,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .user-info-section,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .notification-container {
  background:
    linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.024)) padding-box,
    linear-gradient(135deg, rgba(161,195,255,.32), rgba(248,214,109,.18), rgba(94,234,255,.14)) border-box !important;
  border: 1px solid transparent !important;
  border-radius: var(--dl-radius-card) !important;
  box-shadow: var(--dl-shadow-card) !important;
  backdrop-filter: blur(20px) saturate(135%);
  -webkit-backdrop-filter: blur(20px) saturate(135%);
  position: relative;
  overflow: hidden;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .welcome-section::before,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section::before,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .user-info-section::before,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .notification-container::before {
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(110deg, transparent 0 22%, rgba(255,255,255,.055) 35%, transparent 52% 100%);
  opacity:.58;
  pointer-events:none;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .welcome-copy h2 {
  color: var(--dl-ink-strong) !important;
  text-shadow: 0 14px 38px rgba(0,0,0,.48), 0 0 24px rgba(77,141,255,.14) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .welcome-text,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .page-subtitle,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .notification-note {
  color: var(--dl-muted) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .welcome-avatar-card {
  background:
    radial-gradient(circle at 68% 88%, rgba(167,139,250,.32), transparent 44%),
    linear-gradient(145deg, rgba(29,48,83,.92), rgba(8,16,31,.96)) !important;
  border: 1px solid rgba(166,198,255,.28) !important;
  box-shadow: 0 30px 72px rgba(0,0,0,.52), 0 0 0 1px rgba(255,255,255,.08) inset, 0 0 44px rgba(77,141,255,.12) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .welcome-avatar-orb {
  box-shadow: 0 18px 44px rgba(37,99,235,.32), 0 0 0 6px rgba(255,255,255,.06), 0 0 0 10px rgba(248,214,109,.18), inset 0 1px 0 rgba(255,255,255,.35) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .welcome-avatar-edit {
  background: linear-gradient(145deg, rgba(31,57,99,.96), rgba(12,24,44,.98)) !important;
  border: 1px solid rgba(195,218,255,.26) !important;
  color: #fff !important;
  box-shadow: 0 16px 34px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.16) !important;
}

/* Dashboard action buttons */
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activity-card {
  border-radius: 22px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.025)) padding-box,
    linear-gradient(135deg, rgba(117,168,255,.46), rgba(63,106,202,.22), rgba(248,214,109,.15)) border-box !important;
  border: 1px solid transparent !important;
  box-shadow: 0 18px 42px rgba(0,0,0,.34), 0 0 0 1px rgba(255,255,255,.045) inset !important;
  transform: translateZ(0);
  transition: transform .18s var(--dl-ease), box-shadow .18s var(--dl-ease), filter .18s var(--dl-ease), border-color .18s var(--dl-ease);
  overflow:hidden;
  position:relative;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activity-card::before {
  content:"";
  position:absolute;
  inset:0;
  background: radial-gradient(260px 120px at 76% 0%, rgba(77,141,255,.30), transparent 68%), linear-gradient(110deg, transparent 0 22%, rgba(255,255,255,.10) 40%, transparent 56%);
  opacity:.72;
  pointer-events:none;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activity-card::after {
  content:"";
  position:absolute;
  inset:auto 18px 7px 18px;
  height:1px;
  background: linear-gradient(90deg, transparent, rgba(248,214,109,.32), transparent);
  pointer-events:none;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activity-card:hover {
  transform: translateY(-3px) scale(1.006);
  box-shadow: 0 26px 62px rgba(0,0,0,.44), 0 0 34px rgba(77,141,255,.16), inset 0 1px 0 rgba(255,255,255,.11) !important;
  filter: saturate(1.08);
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activity-card a {
  color: rgba(245,249,255,.98) !important;
  text-shadow: 0 8px 20px rgba(0,0,0,.38);
  position:relative;
  z-index:1;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activity-card.important:not(.live-class-card) {
  background:
    linear-gradient(180deg, rgba(70,137,255,.58), rgba(30,71,149,.52) 48%, rgba(12,28,62,.72)) padding-box,
    linear-gradient(135deg, rgba(169,202,255,.55), rgba(60,130,246,.24), rgba(248,214,109,.18)) border-box !important;
  box-shadow: var(--dl-shadow-blue), inset 0 1px 0 rgba(255,255,255,.16) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .live-class-card {
  min-height: 112px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  background:
    radial-gradient(360px 160px at 18% 4%, rgba(251,113,133,.30), transparent 70%),
    linear-gradient(180deg, rgba(82,22,42,.64), rgba(12,21,39,.78)) padding-box,
    linear-gradient(135deg, rgba(251,113,133,.78), rgba(167,139,250,.52), rgba(77,141,255,.22)) border-box !important;
  border: 1px solid transparent !important;
  box-shadow: 0 22px 60px rgba(244,63,94,.20), 0 0 0 1px rgba(255,255,255,.05) inset !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .live-class-card.state-live {
  background:
    radial-gradient(340px 160px at 18% 4%, rgba(56,229,156,.34), transparent 70%),
    linear-gradient(180deg, rgba(12,70,52,.70), rgba(8,24,37,.82)) padding-box,
    linear-gradient(135deg, rgba(56,229,156,.82), rgba(94,234,255,.42), rgba(248,214,109,.20)) border-box !important;
  box-shadow: 0 22px 62px rgba(34,197,94,.24), 0 0 34px rgba(56,229,156,.12), 0 0 0 1px rgba(255,255,255,.06) inset !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .live-class-card.state-soon {
  background:
    radial-gradient(340px 160px at 18% 4%, rgba(251,191,36,.34), transparent 70%),
    linear-gradient(180deg, rgba(85,59,15,.74), rgba(13,23,41,.82)) padding-box,
    linear-gradient(135deg, rgba(251,191,36,.82), rgba(248,214,109,.48), rgba(77,141,255,.20)) border-box !important;
  box-shadow: 0 22px 62px rgba(245,158,11,.24), 0 0 34px rgba(248,214,109,.12), 0 0 0 1px rgba(255,255,255,.06) inset !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .live-card-status,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .live-card-lock-badge {
  background: rgba(255,255,255,.13) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 8px 18px rgba(0,0,0,.20) !important;
  color: #fff !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .live-class-card-meta,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .live-class-card small {
  color: rgba(226,232,240,.80) !important;
}

/* Student info, chips, notices */
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .student-info-title,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .user-info-section h3,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .notification-head h3 {
  color: var(--dl-ink-strong) !important;
  text-shadow: 0 10px 26px rgba(0,0,0,.42);
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .student-info-details li,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .notification-card,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .pwa-alert {
  background: linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.032)) !important;
  border: 1px solid rgba(158,186,238,.20) !important;
  border-radius: 17px !important;
  color: rgba(239,246,255,.94) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 10px 24px rgba(0,0,0,.18) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .group-chip,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .group-more-toggle,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .push-test-pill {
  background: linear-gradient(135deg, rgba(248,214,109,.18), rgba(77,141,255,.16)) !important;
  border: 1px solid rgba(248,214,109,.38) !important;
  color: rgba(255,250,224,.96) !important;
  box-shadow: 0 8px 20px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.10) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .newmsg-btn,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .mark-seen-btn,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .pwa-install__btn,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .avatar-primary-btn {
  background: linear-gradient(145deg, var(--dl-blue), var(--dl-blue-2) 56%, #102a78) !important;
  border: 1px solid rgba(190,215,255,.32) !important;
  color:#fff !important;
  box-shadow: var(--dl-shadow-blue), inset 0 1px 0 rgba(255,255,255,.22) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .pwa-install__inner {
  background: linear-gradient(180deg, rgba(12,22,42,.96), rgba(8,15,29,.98)) !important;
  border: 1px solid rgba(161,195,255,.22) !important;
  box-shadow: 0 24px 70px rgba(0,0,0,.55), 0 0 32px rgba(77,141,255,.10) !important;
}

/* Downloads page */
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .container {
  isolation:isolate;
  perspective: 1400px;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .topbar {
  background: linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.018)) !important;
  border-bottom: 1px solid rgba(161,195,255,.16) !important;
  box-shadow: 0 16px 44px rgba(0,0,0,.18) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .page-title,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .section-title {
  color: var(--dl-ink-strong) !important;
  text-shadow: 0 10px 26px rgba(0,0,0,.48), 0 0 24px rgba(77,141,255,.10) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .page-subtitle,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .section-note {
  color: var(--dl-muted) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .back,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .back-home {
  background: linear-gradient(145deg, rgba(70,137,255,.96), rgba(27,75,192,.94) 58%, rgba(13,36,106,.96)) !important;
  border: 1px solid rgba(195,218,255,.34) !important;
  color: #fff !important;
  border-radius: 18px !important;
  box-shadow: var(--dl-shadow-blue), inset 0 1px 0 rgba(255,255,255,.22) !important;
  transition: transform .18s var(--dl-ease), box-shadow .18s var(--dl-ease), filter .18s var(--dl-ease);
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .back:hover,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .back-home:hover {
  transform: translateY(-2px);
  filter: saturate(1.10);
  box-shadow: 0 28px 64px rgba(37,99,235,.36), 0 0 28px rgba(94,234,255,.16), inset 0 1px 0 rgba(255,255,255,.28) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .grid .card,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .card[data-type] {
  background:
    radial-gradient(320px 190px at 18% 0%, rgba(255,255,255,.12), transparent 62%),
    radial-gradient(280px 180px at 86% 8%, rgba(77,141,255,.16), transparent 66%),
    linear-gradient(160deg, rgba(31,51,84,.86), rgba(10,20,39,.94) 66%, rgba(4,9,19,.98)) !important;
  border: 1px solid rgba(161,195,255,.22) !important;
  border-radius: 28px !important;
  box-shadow: 0 26px 70px rgba(0,0,0,.42), 0 0 0 1px rgba(255,255,255,.04) inset !important;
  color: rgba(239,246,255,.96) !important;
  overflow:hidden;
  position:relative;
  transform: translateZ(0);
  transition: transform .20s var(--dl-ease), box-shadow .20s var(--dl-ease), border-color .20s var(--dl-ease), filter .20s var(--dl-ease);
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .grid .card::before,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .card[data-type]::before {
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(116deg, transparent 0 26%, rgba(255,255,255,.11) 42%, transparent 58% 100%);
  opacity:.55;
  pointer-events:none;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .grid .card::after,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .card[data-type]::after {
  content:"";
  position:absolute;
  inset:auto 24px 12px 24px;
  height:1px;
  background: linear-gradient(90deg, transparent, rgba(248,214,109,.28), transparent);
  pointer-events:none;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .grid .card:hover,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .card[data-type]:hover {
  transform: translateY(-6px) scale(1.012);
  border-color: rgba(248,214,109,.38) !important;
  box-shadow: 0 34px 90px rgba(0,0,0,.52), 0 0 38px rgba(77,141,255,.14), 0 0 0 1px rgba(255,255,255,.07) inset !important;
  filter: saturate(1.08);
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .card[data-type="locked"],
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .locked-card {
  background:
    radial-gradient(260px 160px at 22% 0%, rgba(248,214,109,.22), transparent 66%),
    linear-gradient(160deg, rgba(56,47,24,.90), rgba(9,18,35,.96)) !important;
  border-color: rgba(248,214,109,.34) !important;
  box-shadow: var(--dl-shadow-gold), 0 0 0 1px rgba(255,255,255,.045) inset !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .card[data-type="featured"] {
  background:
    radial-gradient(280px 170px at 20% 0%, rgba(94,234,255,.20), transparent 66%),
    linear-gradient(160deg, rgba(18,58,78,.88), rgba(8,17,35,.96)) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .card[data-type="personal"] {
  background:
    radial-gradient(280px 170px at 20% 0%, rgba(167,139,250,.21), transparent 66%),
    linear-gradient(160deg, rgba(45,35,80,.88), rgba(8,17,35,.96)) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .card .count,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .locked-reason {
  background: rgba(255,255,255,.075) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  color: rgba(255,250,224,.96) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.10) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .file-item {
  background: linear-gradient(180deg, rgba(255,255,255,.070), rgba(255,255,255,.025)) !important;
  border: 1px solid rgba(161,195,255,.18) !important;
  border-radius: 22px !important;
  box-shadow: 0 18px 48px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.06) !important;
  color: rgba(239,246,255,.95) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .file-name {
  color: rgba(239,246,255,.96) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .search {
  background: linear-gradient(180deg, rgba(255,255,255,.085), rgba(255,255,255,.035)) !important;
  border: 1px solid rgba(161,195,255,.24) !important;
  color: rgba(239,246,255,.96) !important;
  border-radius: 18px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 16px 34px rgba(0,0,0,.20) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .search::placeholder { color: rgba(203,213,225,.64) !important; }
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .btnx,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .download-btn,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .preview-btn,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .watch-btn {
  border-radius: 16px !important;
  border: 1px solid rgba(195,218,255,.28) !important;
  color:#fff !important;
  box-shadow: 0 14px 32px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.16) !important;
  transition: transform .16s var(--dl-ease), box-shadow .16s var(--dl-ease), filter .16s var(--dl-ease);
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .download-btn { background: linear-gradient(145deg, #3f8cff, #174fc8) !important; }
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .preview-btn { background: linear-gradient(145deg, #a78bfa, #5b35c9) !important; }
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .watch-btn { background: linear-gradient(145deg, #35d399, #087f5b) !important; }
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .btnx:hover {
  transform: translateY(-2px);
  filter: saturate(1.12);
  box-shadow: 0 20px 44px rgba(0,0,0,.32), 0 0 22px rgba(94,234,255,.11), inset 0 1px 0 rgba(255,255,255,.23) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .lock-modal__card,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .download-box {
  background: linear-gradient(180deg, rgba(12,22,42,.98), rgba(5,10,20,.99)) !important;
  border: 1px solid rgba(161,195,255,.24) !important;
  box-shadow: 0 34px 110px rgba(0,0,0,.68), 0 0 42px rgba(77,141,255,.12) !important;
  color: rgba(239,246,255,.96) !important;
}

/* Fine tune for compact phones without changing functional order. */
@media (max-width: 700px) {
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activity-card,
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .grid .card {
    border-radius: 21px !important;
  }
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home header,
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads header {
    box-shadow: 0 16px 42px rgba(0,0,0,.42), 0 1px 0 rgba(255,255,255,.09) inset !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home *,
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads * {
    animation: none !important;
    transition-duration: .001ms !important;
  }
}

/* -------------------------------------------------------------------------
 * Phase 3B — Dark Luxury 3D Fix Round
 * Feedback-driven polish:
 * - Dashboard: remove dull gray dominance, add cinematic luxury background,
 *   redesign action buttons with cohesive 3D blue/violet/gold language.
 * - Downloads: keep the liked design, but make content subfolders visually
 *   different by type; main class/group cards stay intentionally uniform.
 * ------------------------------------------------------------------------- */

html[data-uvd-skin="dark-luxury-3d"] {
  --dl-bg-0: #020510;
  --dl-bg-1: #050b1a;
  --dl-bg-2: #07162b;
  --dl-obsidian: #030712;
  --dl-midnight: #071426;
  --dl-royal: #123b8b;
  --dl-electric: #4ea0ff;
  --dl-sapphire: #1d5cff;
  --dl-cosmic: #8b5cf6;
  --dl-orchid: #d946ef;
  --dl-neon-cyan: #55e7ff;
  --dl-warm-gold: #ffd36b;
  --dl-warm-amber: #ffb84d;
  --dl-ruby: #ff4f70;
  --dl-panel: rgba(6, 18, 38, .76);
  --dl-panel-2: rgba(9, 27, 55, .82);
  --dl-panel-3: rgba(11, 33, 68, .86);
  --dl-stroke: rgba(101, 161, 255, .24);
  --dl-stroke-strong: rgba(126, 190, 255, .42);
  --dl-shadow-card: 0 30px 84px rgba(0,0,0,.52), 0 0 0 1px rgba(255,255,255,.055) inset;
  --dl-shadow-blue: 0 24px 70px rgba(29, 92, 255, .34), 0 0 44px rgba(85, 231, 255, .13);
  --dl-shadow-gold: 0 24px 70px rgba(184, 135, 43, .27), 0 0 42px rgba(255, 211, 107, .15);
}

/* Dashboard-specific cinematic background: richer than Phase 3A and less gray. */
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home {
  background:
    radial-gradient(1100px 620px at 50% -18%, rgba(78,160,255,.30), transparent 60%),
    radial-gradient(820px 520px at 8% 10%, rgba(139,92,246,.22), transparent 58%),
    radial-gradient(720px 460px at 95% 8%, rgba(255,211,107,.16), transparent 58%),
    radial-gradient(860px 560px at 78% 94%, rgba(217,70,239,.16), transparent 64%),
    radial-gradient(820px 620px at -18% 92%, rgba(85,231,255,.14), transparent 62%),
    conic-gradient(from 220deg at 58% 6%, rgba(78,160,255,.14), transparent 26%, rgba(255,211,107,.08), transparent 58%, rgba(139,92,246,.12), transparent 86%),
    linear-gradient(180deg, #02040d 0%, #050b1a 44%, #040816 100%) !important;
  background-attachment: fixed !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home::before {
  background:
    radial-gradient(circle at 14% 20%, rgba(85,231,255,.14), transparent 1.4px),
    radial-gradient(circle at 82% 16%, rgba(255,211,107,.16), transparent 1.3px),
    radial-gradient(circle at 52% 72%, rgba(139,92,246,.14), transparent 1.2px),
    linear-gradient(115deg, transparent 0 20%, rgba(85,231,255,.040) 20.3%, transparent 21.1% 54%, rgba(255,211,107,.035) 54.3%, transparent 55.2% 100%),
    repeating-linear-gradient(135deg, rgba(255,255,255,.022) 0 1px, transparent 1px 34px) !important;
  background-size: 180px 180px, 220px 220px, 260px 260px, auto, auto !important;
  opacity: .48 !important;
  mix-blend-mode: screen;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home::after {
  background:
    linear-gradient(90deg, rgba(85,231,255,.018) 1px, transparent 1px),
    linear-gradient(180deg, rgba(255,211,107,.014) 1px, transparent 1px),
    radial-gradient(closest-side at 50% 18%, rgba(78,160,255,.10), transparent 70%) !important;
  background-size: 52px 52px, 52px 52px, auto !important;
  mask-image: radial-gradient(circle at 50% 14%, #000 0, transparent 82%) !important;
  opacity: .52 !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .dashboard-right::before {
  inset: 44px -3% auto -3% !important;
  height: 430px !important;
  background:
    radial-gradient(closest-side at 50% 34%, rgba(78,160,255,.26), transparent 72%),
    radial-gradient(closest-side at 20% 78%, rgba(139,92,246,.18), transparent 68%),
    radial-gradient(closest-side at 88% 72%, rgba(255,211,107,.13), transparent 70%) !important;
  filter: blur(26px) !important;
  opacity: .96;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .dashboard-right::after {
  content: "";
  position: absolute;
  inset: 118px 6% auto 6%;
  height: 1px;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(85,231,255,.34), rgba(255,211,107,.22), transparent);
  filter: blur(.25px);
  opacity: .78;
  z-index: -1;
}

/* Dashboard panels: blue-black metal/glass instead of muted gray. */
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .welcome-section,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .user-info-section,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .notification-container {
  background:
    radial-gradient(680px 240px at 82% 0%, rgba(78,160,255,.16), transparent 62%),
    radial-gradient(560px 220px at 0% 18%, rgba(139,92,246,.12), transparent 65%),
    linear-gradient(180deg, rgba(10,31,65,.78), rgba(4,12,26,.88)) padding-box,
    linear-gradient(140deg, rgba(100,181,255,.48), rgba(139,92,246,.24) 48%, rgba(255,211,107,.24)) border-box !important;
  border: 1px solid transparent !important;
  box-shadow: 0 34px 92px rgba(0,0,0,.54), 0 0 42px rgba(78,160,255,.075), inset 0 1px 0 rgba(255,255,255,.09), inset 0 -1px 0 rgba(255,211,107,.055) !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .welcome-section::before,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section::before,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .user-info-section::before,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .notification-container::before {
  background:
    linear-gradient(112deg, transparent 0 20%, rgba(255,255,255,.095) 35%, transparent 52% 100%),
    radial-gradient(circle at 18% 0%, rgba(85,231,255,.10), transparent 36%) !important;
  opacity: .62 !important;
}

/* Dashboard buttons are the main tactile surface: style the actual anchor, not only the wrapper. */
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activity-card {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  overflow: visible !important;
  position: relative;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activity-card::before,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activity-card::after {
  content: none !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activity-card a {
  min-height: 58px;
  border-radius: 23px !important;
  color: rgba(247,251,255,.99) !important;
  background:
    radial-gradient(220px 90px at 76% 0%, rgba(85,231,255,.28), transparent 64%),
    radial-gradient(180px 90px at 6% 100%, rgba(139,92,246,.22), transparent 66%),
    linear-gradient(180deg, rgba(46,113,235,.86), rgba(20,65,170,.88) 48%, rgba(8,22,64,.95)) padding-box,
    linear-gradient(140deg, rgba(176,219,255,.72), rgba(85,231,255,.26), rgba(255,211,107,.28)) border-box !important;
  border: 1px solid transparent !important;
  box-shadow:
    0 22px 54px rgba(29,92,255,.30),
    0 0 30px rgba(85,231,255,.11),
    inset 0 1px 0 rgba(255,255,255,.28),
    inset 0 -14px 26px rgba(0,0,0,.20) !important;
  position: relative;
  overflow: hidden;
  transform: translateZ(0);
  transition: transform .20s var(--dl-ease), box-shadow .20s var(--dl-ease), filter .20s var(--dl-ease), border-color .20s var(--dl-ease) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activity-card a::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(112deg, transparent 0 22%, rgba(255,255,255,.20) 37%, transparent 54% 100%),
    radial-gradient(160px 44px at 50% 0%, rgba(255,255,255,.18), transparent 70%);
  opacity: .56;
  transform: translateX(0);
  transition: opacity .20s var(--dl-ease), transform .34s var(--dl-ease);
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activity-card a::after {
  content: "";
  position: absolute;
  inset: auto 18px 8px 18px;
  height: 1px;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(255,211,107,.48), rgba(85,231,255,.28), transparent);
  opacity: .82;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activity-card a:hover {
  transform: translateY(-4px) scale(1.008) !important;
  filter: saturate(1.12) brightness(1.04);
  box-shadow:
    0 30px 74px rgba(29,92,255,.40),
    0 0 44px rgba(85,231,255,.17),
    0 0 20px rgba(255,211,107,.075),
    inset 0 1px 0 rgba(255,255,255,.34),
    inset 0 -12px 24px rgba(0,0,0,.18) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activity-card a:hover::before {
  opacity: .82;
  transform: translateX(-12px);
}

/* Secondary action: still luxury, but less dominant than important buttons. */
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activity-card:not(.important) a {
  background:
    radial-gradient(200px 90px at 76% 0%, rgba(85,231,255,.17), transparent 66%),
    linear-gradient(180deg, rgba(18,51,98,.82), rgba(8,21,45,.92) 58%, rgba(3,10,24,.98)) padding-box,
    linear-gradient(140deg, rgba(95,151,255,.36), rgba(139,92,246,.18), rgba(255,211,107,.14)) border-box !important;
  box-shadow:
    0 18px 46px rgba(0,0,0,.38),
    0 0 24px rgba(85,231,255,.08),
    inset 0 1px 0 rgba(255,255,255,.15) !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activity-card.important:not(.live-class-card) a,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activity-card#notificationCard a {
  background:
    radial-gradient(240px 95px at 80% 0%, rgba(85,231,255,.32), transparent 64%),
    radial-gradient(160px 90px at 8% 100%, rgba(255,211,107,.14), transparent 68%),
    linear-gradient(180deg, rgba(54,126,255,.92), rgba(23,80,205,.92) 48%, rgba(7,24,80,.98)) padding-box,
    linear-gradient(140deg, rgba(206,233,255,.78), rgba(85,231,255,.30), rgba(255,211,107,.30)) border-box !important;
}

/* Live class card: red/yellow states stay rich and graphic, not flat warning/danger. */
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .live-class-card a {
  min-height: 112px;
  padding: 17px 16px !important;
  background:
    radial-gradient(300px 140px at 18% 2%, rgba(255,79,112,.34), transparent 66%),
    radial-gradient(240px 130px at 88% 100%, rgba(139,92,246,.22), transparent 68%),
    linear-gradient(180deg, rgba(90,24,48,.86), rgba(14,23,45,.94) 56%, rgba(5,11,24,.98)) padding-box,
    linear-gradient(135deg, rgba(255,79,112,.86), rgba(139,92,246,.44), rgba(78,160,255,.24)) border-box !important;
  border: 1px solid transparent !important;
  box-shadow:
    0 24px 70px rgba(255,79,112,.21),
    0 0 34px rgba(139,92,246,.11),
    inset 0 1px 0 rgba(255,255,255,.20),
    inset 0 -16px 28px rgba(0,0,0,.22) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .live-class-card.state-soon a {
  background:
    radial-gradient(300px 140px at 18% 2%, rgba(255,184,77,.40), transparent 66%),
    radial-gradient(240px 130px at 88% 100%, rgba(78,160,255,.18), transparent 68%),
    linear-gradient(180deg, rgba(102,68,16,.88), rgba(23,30,45,.94) 58%, rgba(6,12,24,.98)) padding-box,
    linear-gradient(135deg, rgba(255,211,107,.92), rgba(255,184,77,.46), rgba(78,160,255,.22)) border-box !important;
  box-shadow:
    0 24px 70px rgba(255,184,77,.23),
    0 0 36px rgba(255,211,107,.12),
    inset 0 1px 0 rgba(255,255,255,.22),
    inset 0 -16px 28px rgba(0,0,0,.22) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .live-class-card.state-live a {
  background:
    radial-gradient(320px 150px at 18% 2%, rgba(255,79,112,.48), transparent 64%),
    radial-gradient(240px 130px at 88% 100%, rgba(255,211,107,.16), transparent 68%),
    linear-gradient(180deg, rgba(115,21,42,.92), rgba(25,21,42,.96) 55%, rgba(6,10,23,.99)) padding-box,
    linear-gradient(135deg, rgba(255,79,112,.95), rgba(255,151,92,.36), rgba(139,92,246,.42)) border-box !important;
  box-shadow:
    0 26px 78px rgba(255,79,112,.30),
    0 0 44px rgba(255,79,112,.14),
    inset 0 1px 0 rgba(255,255,255,.24),
    inset 0 -16px 28px rgba(0,0,0,.24) !important;
  animation: livePulseCard3B 1.8s ease-in-out infinite !important;
}
@keyframes livePulseCard3B {
  0%, 100% { filter: saturate(1.03) brightness(1); }
  50% { filter: saturate(1.18) brightness(1.045); }
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .live-card-status,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .live-card-lock-badge {
  background:
    linear-gradient(180deg, rgba(255,255,255,.22), rgba(255,255,255,.075)) !important;
  border: 1px solid rgba(255,255,255,.28) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 10px 24px rgba(0,0,0,.27) !important;
}

/* Student info details: no dead gray; use subtle sapphire glass rows. */
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .student-info-details li,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .notification-card,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .pwa-alert {
  background:
    radial-gradient(180px 76px at 88% 0%, rgba(78,160,255,.105), transparent 70%),
    linear-gradient(180deg, rgba(19,49,92,.56), rgba(6,17,38,.66)) !important;
  border: 1px solid rgba(101,161,255,.20) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.065), 0 12px 28px rgba(0,0,0,.22) !important;
}

/* Downloads: main groups are intentionally uniform; content subfolders get type-based art. */
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .card[data-uvd-scope="group"] {
  background:
    radial-gradient(310px 180px at 18% 0%, rgba(78,160,255,.18), transparent 64%),
    radial-gradient(260px 160px at 88% 10%, rgba(255,211,107,.09), transparent 68%),
    linear-gradient(160deg, rgba(28,49,84,.88), rgba(8,18,36,.96) 66%, rgba(4,9,19,.99)) !important;
  border-color: rgba(126,190,255,.24) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .card[data-uvd-scope="subfolder"] {
  --folder-accent: var(--dl-electric);
  --folder-accent-2: var(--dl-neon-cyan);
  --folder-glow: rgba(78,160,255,.18);
  background:
    radial-gradient(330px 190px at 18% 0%, color-mix(in srgb, var(--folder-accent) 28%, transparent), transparent 62%),
    radial-gradient(270px 180px at 88% 8%, color-mix(in srgb, var(--folder-accent-2) 18%, transparent), transparent 66%),
    linear-gradient(160deg, rgba(30,53,88,.90), rgba(8,18,36,.97) 66%, rgba(4,9,19,.99)) !important;
  border-color: color-mix(in srgb, var(--folder-accent) 42%, rgba(255,255,255,.10)) !important;
  box-shadow: 0 28px 76px rgba(0,0,0,.44), 0 0 34px var(--folder-glow), 0 0 0 1px rgba(255,255,255,.045) inset !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .card[data-uvd-scope="subfolder"]::after {
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--folder-accent) 55%, transparent), color-mix(in srgb, var(--folder-accent-2) 36%, transparent), transparent) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .card[data-uvd-scope="subfolder"] > span:first-child {
  min-width: 56px;
  min-height: 56px;
  display: inline-grid;
  place-items: center;
  border-radius: 22px;
  margin-bottom: 4px;
  background:
    radial-gradient(circle at 35% 20%, rgba(255,255,255,.28), transparent 40%),
    linear-gradient(145deg, color-mix(in srgb, var(--folder-accent) 82%, #ffffff 0%), color-mix(in srgb, var(--folder-accent-2) 58%, #020510 42%));
  border: 1px solid color-mix(in srgb, var(--folder-accent) 48%, rgba(255,255,255,.18));
  box-shadow: 0 16px 36px var(--folder-glow), inset 0 1px 0 rgba(255,255,255,.22), inset 0 -10px 18px rgba(0,0,0,.18);
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .card[data-uvd-scope="subfolder"][data-uvd-kind="video"] {
  --folder-accent: #22d3ee;
  --folder-accent-2: #3b82f6;
  --folder-glow: rgba(34,211,238,.22);
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .card[data-uvd-scope="subfolder"][data-uvd-kind="board"] {
  --folder-accent: #8b5cf6;
  --folder-accent-2: #38bdf8;
  --folder-glow: rgba(139,92,246,.20);
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .card[data-uvd-scope="subfolder"][data-uvd-kind="exam"] {
  --folder-accent: #fb7185;
  --folder-accent-2: #f59e0b;
  --folder-glow: rgba(251,113,133,.22);
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .card[data-uvd-scope="subfolder"][data-uvd-kind="workbook"] {
  --folder-accent: #facc15;
  --folder-accent-2: #f97316;
  --folder-glow: rgba(250,204,21,.20);
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .card[data-uvd-scope="subfolder"][data-uvd-kind="misc"] {
  --folder-accent: #94a3b8;
  --folder-accent-2: #60a5fa;
  --folder-glow: rgba(148,163,184,.15);
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .card[data-uvd-scope="subfolder"][data-uvd-kind="default"] {
  --folder-accent: #60a5fa;
  --folder-accent-2: #a78bfa;
  --folder-glow: rgba(96,165,250,.17);
}

@supports not (color: color-mix(in srgb, red, blue)) {
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .card[data-uvd-scope="subfolder"] {
    border-color: rgba(126,190,255,.36) !important;
  }
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .card[data-uvd-scope="subfolder"] > span:first-child {
    background: linear-gradient(145deg, rgba(78,160,255,.92), rgba(139,92,246,.64));
  }
}

/* -------------------------------------------------------------------------
 * Phase 3B.1 — Dashboard Glass Polish Fix
 * Feedback-driven dashboard-only corrections:
 * - Keep downloads design nearly frozen from Phase 3B.
 * - Make dashboard action buttons glassier, lower, and less matte.
 * - Remove the unwanted sharp rectangular wrapper around rounded buttons.
 * - Rebuild live-class card states without the distracting green/flat blocks.
 * - Fix profile avatar menu clipping and expired-period badge alignment.
 * ------------------------------------------------------------------------- */

html[data-uvd-skin="dark-luxury-3d"] {
  --dl-glass-action: rgba(34, 92, 184, .34);
  --dl-glass-action-2: rgba(9, 24, 55, .48);
  --dl-glass-action-border: rgba(156, 213, 255, .42);
  --dl-glass-action-shine: rgba(255,255,255,.16);
  --dl-glass-danger: rgba(255, 79, 112, .20);
  --dl-glass-warning: rgba(255, 184, 77, .20);
  --dl-glass-live: rgba(255, 79, 112, .22);
}

/* Dashboard panels should read as glass surfaces, not opaque gray slabs. */
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .welcome-section,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .user-info-section,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .notification-container {
  background:
    radial-gradient(760px 260px at 82% -8%, rgba(78,160,255,.18), transparent 64%),
    radial-gradient(560px 260px at 7% 20%, rgba(139,92,246,.13), transparent 66%),
    linear-gradient(180deg, rgba(12,38,78,.46), rgba(4,14,31,.56)) padding-box,
    linear-gradient(142deg, rgba(115,194,255,.44), rgba(139,92,246,.20) 46%, rgba(255,211,107,.20)) border-box !important;
  backdrop-filter: blur(24px) saturate(158%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(158%) !important;
  box-shadow:
    0 32px 88px rgba(0,0,0,.48),
    0 0 46px rgba(78,160,255,.075),
    inset 0 1px 0 rgba(255,255,255,.12),
    inset 0 -1px 0 rgba(255,211,107,.052) !important;
}

/* Profile/welcome strip: keep the composition inside the same width family and allow avatar menu to escape. */
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .welcome-section--profile {
  overflow: visible !important;
  box-sizing: border-box !important;
  align-self: stretch;
  transform: translateZ(0);
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .welcome-avatar-card {
  overflow: visible !important;
  isolation: isolate;
  background:
    radial-gradient(circle at 68% 88%, rgba(139,92,246,.24), transparent 46%),
    radial-gradient(circle at 24% 12%, rgba(85,231,255,.16), transparent 42%),
    linear-gradient(145deg, rgba(24,54,101,.54), rgba(7,18,41,.70)) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .welcome-avatar-menu {
  z-index: 2147482500 !important;
  left: 8px !important;
  top: 50px !important;
  transform: translateX(-4px);
  overflow: visible !important;
  background:
    radial-gradient(190px 120px at 80% 0%, rgba(85,231,255,.14), transparent 64%),
    linear-gradient(180deg, rgba(8,19,42,.97), rgba(3,8,20,.99)) !important;
  border: 1px solid rgba(147,197,253,.28) !important;
  box-shadow: 0 28px 80px rgba(0,0,0,.64), 0 0 32px rgba(78,160,255,.13) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .welcome-avatar-edit {
  z-index: 2147482400 !important;
}

/* Account access banner badge: fix the long-standing expired badge alignment. */
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .account-trial-banner {
  align-items: center !important;
  flex-wrap: nowrap;
  overflow: visible;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .account-trial-banner__badge {
  flex: 0 0 auto !important;
  align-self: center !important;
  margin-inline-start: 14px;
  margin-inline-end: 0;
  line-height: 1.65;
  min-height: 42px;
  white-space: nowrap !important;
  position: relative;
  z-index: 2;
  background:
    radial-gradient(circle at 24% 10%, rgba(255,255,255,.18), transparent 44%),
    linear-gradient(145deg, rgba(255,211,107,.18), rgba(10,24,54,.28)) !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.13) !important;
}
@media (max-width: 640px) {
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .account-trial-banner {
    flex-wrap: wrap;
  }
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .account-trial-banner__badge {
    margin-inline-start: 0;
    white-space: normal !important;
  }
}

/* Remove every sharp-corner wrapper behind rounded dashboard buttons. */
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section {
  gap: 11px !important;
  padding: 15px !important;
  overflow: visible !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section .activity-card,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section .activity-card.important,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section .activity-card.live-class-card,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section .activity-card.live-class-card.state-live,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section .activity-card.live-class-card.state-soon {
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: 0 !important;
  overflow: visible !important;
  display: block !important;
  filter: none !important;
  animation: none !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section .activity-card::before,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section .activity-card::after,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section .activity-card.live-class-card::before,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section .activity-card.live-class-card::after {
  content: none !important;
  display: none !important;
}

/* New glass dashboard action model: lower height, airy, premium, not matte. */
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section .activity-card a {
  min-height: 52px !important;
  padding: 10px 15px !important;
  border-radius: 20px !important;
  color: rgba(247,251,255,.98) !important;
  background:
    radial-gradient(210px 86px at 78% -8%, rgba(85,231,255,.18), transparent 64%),
    radial-gradient(170px 80px at 0% 100%, rgba(139,92,246,.14), transparent 66%),
    linear-gradient(180deg, rgba(60,133,255,.30), rgba(15,49,111,.28) 48%, rgba(5,16,40,.42)) padding-box,
    linear-gradient(140deg, rgba(187,226,255,.54), rgba(85,231,255,.22), rgba(255,211,107,.18)) border-box !important;
  border: 1px solid transparent !important;
  box-shadow:
    0 18px 42px rgba(0,0,0,.31),
    0 0 28px rgba(78,160,255,.10),
    inset 0 1px 0 rgba(255,255,255,.23),
    inset 0 -12px 22px rgba(0,0,0,.14) !important;
  backdrop-filter: blur(18px) saturate(155%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(155%) !important;
  overflow: hidden !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section .activity-card a::before {
  background:
    linear-gradient(116deg, transparent 0 24%, rgba(255,255,255,.18) 39%, transparent 55% 100%),
    radial-gradient(120px 32px at 52% 0%, rgba(255,255,255,.20), transparent 72%) !important;
  opacity: .45 !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section .activity-card a::after {
  inset: auto 18px 7px 18px !important;
  background: linear-gradient(90deg, transparent, rgba(85,231,255,.30), rgba(255,211,107,.24), transparent) !important;
  opacity: .62 !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section .activity-card a:hover {
  transform: translateY(-2px) scale(1.004) !important;
  filter: saturate(1.12) brightness(1.045) !important;
  box-shadow:
    0 24px 58px rgba(0,0,0,.40),
    0 0 40px rgba(85,231,255,.15),
    inset 0 1px 0 rgba(255,255,255,.30),
    inset 0 -10px 20px rgba(0,0,0,.12) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section .activity-card.important:not(.live-class-card) a,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section .activity-card#notificationCard a {
  background:
    radial-gradient(220px 86px at 78% -8%, rgba(85,231,255,.24), transparent 64%),
    linear-gradient(180deg, rgba(67,139,255,.42), rgba(17,70,172,.36) 48%, rgba(5,18,55,.48)) padding-box,
    linear-gradient(140deg, rgba(215,240,255,.62), rgba(85,231,255,.24), rgba(255,211,107,.22)) border-box !important;
}

/* Live card: glassy, harmonious, no green/rectangular underlay. */
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section .live-class-card a {
  min-height: 90px !important;
  padding: 14px 15px !important;
  border-radius: 22px !important;
  background:
    radial-gradient(300px 132px at 16% 0%, rgba(255,79,112,.20), transparent 66%),
    radial-gradient(220px 112px at 88% 100%, rgba(139,92,246,.16), transparent 70%),
    linear-gradient(180deg, rgba(80,28,57,.32), rgba(9,23,52,.44) 56%, rgba(5,13,31,.58)) padding-box,
    linear-gradient(135deg, rgba(255,79,112,.58), rgba(139,92,246,.28), rgba(78,160,255,.22)) border-box !important;
  box-shadow:
    0 20px 56px rgba(0,0,0,.38),
    0 0 32px rgba(255,79,112,.10),
    inset 0 1px 0 rgba(255,255,255,.21),
    inset 0 -12px 22px rgba(0,0,0,.14) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section .live-class-card.state-soon a {
  background:
    radial-gradient(300px 132px at 16% 0%, rgba(255,184,77,.22), transparent 66%),
    radial-gradient(220px 112px at 88% 100%, rgba(78,160,255,.13), transparent 70%),
    linear-gradient(180deg, rgba(89,61,24,.34), rgba(10,24,51,.44) 58%, rgba(5,13,31,.58)) padding-box,
    linear-gradient(135deg, rgba(255,211,107,.60), rgba(255,184,77,.28), rgba(78,160,255,.20)) border-box !important;
  box-shadow:
    0 20px 56px rgba(0,0,0,.38),
    0 0 32px rgba(255,211,107,.10),
    inset 0 1px 0 rgba(255,255,255,.22),
    inset 0 -12px 22px rgba(0,0,0,.14) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section .live-class-card.state-live a {
  background:
    radial-gradient(310px 138px at 16% 0%, rgba(255,79,112,.25), transparent 64%),
    radial-gradient(230px 118px at 88% 100%, rgba(255,211,107,.12), transparent 70%),
    linear-gradient(180deg, rgba(107,27,52,.38), rgba(16,22,50,.50) 55%, rgba(5,10,25,.62)) padding-box,
    linear-gradient(135deg, rgba(255,79,112,.66), rgba(255,151,92,.24), rgba(139,92,246,.30)) border-box !important;
  box-shadow:
    0 22px 62px rgba(0,0,0,.42),
    0 0 36px rgba(255,79,112,.13),
    inset 0 1px 0 rgba(255,255,255,.24),
    inset 0 -12px 22px rgba(0,0,0,.15) !important;
  animation: livePulseGlass3B1 2.2s ease-in-out infinite !important;
}
@keyframes livePulseGlass3B1 {
  0%, 100% { filter: saturate(1.04) brightness(1); }
  50% { filter: saturate(1.12) brightness(1.025); }
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section .live-card-status,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section .live-card-lock-badge {
  background: linear-gradient(180deg, rgba(255,255,255,.20), rgba(255,255,255,.07)) !important;
  border: 1px solid rgba(255,255,255,.24) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.22), 0 9px 22px rgba(0,0,0,.24) !important;
}


/* =========================================================
   Phase 3B.2 legacy rules retained before Phase 3B.7 central overrides
   Scope: dashboard/index.php primarily. downloads.php stays visually frozen.
   ========================================================= */

/* Critical overlay quarantine: visual skin must never override functional overlays. */
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home #deviceCheckOverlay,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home #deviceConfirmOverlay,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .avatar-crop-modal,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .avatar-confirm-modal,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home #pwaInstallBanner,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .push-result-modal-overlay,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .dashboard-notice-modal,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .account-trial-modal {
  position: fixed !important;
  isolation: isolate;
  transform-style: flat !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home #deviceCheckOverlay { z-index: 2147481000 !important; }
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home #deviceConfirmOverlay { z-index: 2147481200 !important; }
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .avatar-crop-modal,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .avatar-confirm-modal { z-index: 2147481600 !important; }
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .dashboard-notice-modal,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .account-trial-modal { z-index: 2147481400 !important; }
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .push-result-modal-overlay { z-index: 2147483000 !important; }
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home #pwaInstallBanner {
  left: 50% !important;
  right: auto !important;
  bottom: max(18px, env(safe-area-inset-bottom, 0px)) !important;
  transform: translateX(-50%) !important;
  width: min(520px, 92vw) !important;
  max-width: calc(100vw - 24px) !important;
  z-index: 2147481100 !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .pwa-install__inner {
  width: 100% !important;
  box-sizing: border-box !important;
}

/* Keep header/menu above decorative background but below true modals. */
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home #menu-btn,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads #menu-btn { z-index: 12000 !important; }
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home #side-menu,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads #side-menu { z-index: 11900 !important; }

/* Dashboard panel polish: more transparent glass, less heavy matte. */
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .welcome-section,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .user-info-section,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .notification-container {
  background:
    radial-gradient(640px 230px at 83% -8%, rgba(94,234,255,.13), transparent 62%),
    radial-gradient(500px 220px at 2% 18%, rgba(139,92,246,.11), transparent 65%),
    linear-gradient(180deg, rgba(13,40,82,.38), rgba(3,12,29,.46)) padding-box,
    linear-gradient(140deg, rgba(155,213,255,.42), rgba(139,92,246,.19) 48%, rgba(255,211,107,.18)) border-box !important;
  backdrop-filter: blur(24px) saturate(170%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(170%) !important;
  box-shadow:
    0 30px 86px rgba(0,0,0,.44),
    0 0 46px rgba(78,160,255,.065),
    inset 0 1px 0 rgba(255,255,255,.14),
    inset 0 -1px 0 rgba(255,211,107,.045) !important;
}

/* Dashboard actions: compact glass buttons. */
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section {
  gap: 9px !important;
  padding: 14px !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section .activity-card a {
  min-height: 46px !important;
  padding: 8px 14px !important;
  border-radius: 18px !important;
  background:
    radial-gradient(170px 62px at 72% -12%, rgba(105,232,255,.19), transparent 68%),
    radial-gradient(150px 66px at 4% 105%, rgba(139,92,246,.13), transparent 70%),
    linear-gradient(180deg, rgba(74,144,255,.24), rgba(20,65,150,.20) 52%, rgba(6,18,43,.30)) padding-box,
    linear-gradient(140deg, rgba(206,235,255,.50), rgba(85,231,255,.20), rgba(255,211,107,.14)) border-box !important;
  border: 1px solid transparent !important;
  box-shadow:
    0 15px 36px rgba(0,0,0,.26),
    0 0 22px rgba(85,231,255,.08),
    inset 0 1px 0 rgba(255,255,255,.26),
    inset 0 -10px 18px rgba(0,0,0,.10) !important;
  backdrop-filter: blur(22px) saturate(175%) !important;
  -webkit-backdrop-filter: blur(22px) saturate(175%) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section .activity-card a::before {
  background:
    linear-gradient(115deg, transparent 0 25%, rgba(255,255,255,.24) 40%, transparent 56% 100%),
    radial-gradient(100px 28px at 50% 0%, rgba(255,255,255,.22), transparent 72%) !important;
  opacity: .54 !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section .activity-card a::after {
  inset: auto 17px 6px 17px !important;
  background: linear-gradient(90deg, transparent, rgba(85,231,255,.24), rgba(255,211,107,.20), transparent) !important;
  opacity: .55 !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section .activity-card a:hover {
  transform: translateY(-1px) scale(1.002) !important;
  box-shadow:
    0 20px 48px rgba(0,0,0,.34),
    0 0 36px rgba(85,231,255,.13),
    inset 0 1px 0 rgba(255,255,255,.32),
    inset 0 -9px 16px rgba(0,0,0,.10) !important;
}

/* Notification and important buttons remain a little brighter, but still glass. */
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section .activity-card.important:not(.live-class-card) a,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section .activity-card#notificationCard a {
  background:
    radial-gradient(190px 68px at 76% -10%, rgba(105,232,255,.25), transparent 66%),
    linear-gradient(180deg, rgba(74,144,255,.34), rgba(23,80,205,.28) 50%, rgba(7,24,80,.38)) padding-box,
    linear-gradient(140deg, rgba(226,244,255,.58), rgba(85,231,255,.23), rgba(255,211,107,.18)) border-box !important;
}

/* Live class idle/no-class must look like the other actions: same height and family.
   Only live/soon states may become a slightly taller status card. */
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section .live-class-card a,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section .live-class-card.state-idle a,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section .live-class-card:not(.state-live):not(.state-soon) a {
  min-height: 46px !important;
  padding: 8px 14px !important;
  border-radius: 18px !important;
  background:
    radial-gradient(170px 62px at 72% -12%, rgba(255,112,153,.14), transparent 68%),
    radial-gradient(150px 66px at 4% 105%, rgba(139,92,246,.13), transparent 70%),
    linear-gradient(180deg, rgba(100,70,120,.18), rgba(18,50,110,.19) 52%, rgba(6,18,43,.30)) padding-box,
    linear-gradient(140deg, rgba(255,170,196,.36), rgba(85,231,255,.16), rgba(255,211,107,.12)) border-box !important;
  box-shadow:
    0 15px 36px rgba(0,0,0,.27),
    0 0 22px rgba(255,112,153,.055),
    inset 0 1px 0 rgba(255,255,255,.24),
    inset 0 -10px 18px rgba(0,0,0,.10) !important;
  animation: none !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section .live-class-card.state-soon a,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section .live-class-card.state-live a {
  min-height: 72px !important;
  padding: 11px 14px !important;
  border-radius: 19px !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section .live-class-card.state-soon a {
  background:
    radial-gradient(240px 96px at 18% -10%, rgba(255,211,107,.20), transparent 68%),
    radial-gradient(180px 88px at 88% 106%, rgba(85,231,255,.12), transparent 70%),
    linear-gradient(180deg, rgba(98,70,28,.22), rgba(16,45,96,.26) 56%, rgba(5,13,31,.38)) padding-box,
    linear-gradient(135deg, rgba(255,211,107,.46), rgba(255,184,77,.20), rgba(85,231,255,.16)) border-box !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section .live-class-card.state-live a {
  background:
    radial-gradient(240px 96px at 18% -10%, rgba(255,79,112,.24), transparent 68%),
    radial-gradient(180px 88px at 88% 106%, rgba(139,92,246,.16), transparent 70%),
    linear-gradient(180deg, rgba(107,27,52,.25), rgba(16,22,50,.30) 56%, rgba(5,10,25,.42)) padding-box,
    linear-gradient(135deg, rgba(255,79,112,.50), rgba(255,151,92,.18), rgba(139,92,246,.22)) border-box !important;
}

/* Device confirmation and avatar cropper must stay visible and unclipped. */
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .avatar-crop-panel,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .avatar-confirm-panel,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .dc-modal {
  position: relative !important;
  z-index: 1 !important;
  max-width: calc(100vw - 28px) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .welcome-avatar-menu {
  z-index: 2147481800 !important;
}

/* Expired badge: keep it centered and prevent the text from colliding with the long message. */
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .account-trial-banner__badge {
  margin-inline-start: 12px !important;
  padding-inline: 14px !important;
  min-width: max-content;
}
@media (max-width: 720px) {
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .account-trial-banner {
    flex-wrap: wrap !important;
    gap: 10px !important;
  }
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .account-trial-banner__badge {
    margin-inline-start: 0 !important;
  }
}

/* ==========================================================
   Phase 3B.7 — Central Theme Foundation Refactor
   This block is the canonical recipe future skins should copy:
   - page atmosphere is shared across target pages
   - functional overlays are protected centrally
   - dashboard action spacing/state colors use semantic tokens
   - downloads group/subfolder styling is data-driven, not inline
   ========================================================== */
html[data-uvd-skin="dark-luxury-3d"] {
  --uvd-skin-page-bg:
    radial-gradient(900px 540px at 18% -10%, rgba(94,234,212,.17), transparent 64%),
    radial-gradient(760px 480px at 78% 0%, rgba(77,141,255,.18), transparent 62%),
    radial-gradient(740px 520px at 102% 40%, rgba(248,214,109,.10), transparent 66%),
    radial-gradient(760px 560px at -12% 105%, rgba(167,139,250,.13), transparent 62%),
    linear-gradient(180deg, #050817 0%, #081224 52%, #04070f 100%);
  --uvd-skin-page-orb-a: rgba(94,234,255,.13);
  --uvd-skin-page-orb-b: rgba(248,214,109,.12);
  --uvd-skin-page-grid: rgba(255,255,255,.018);
  --uvd-skin-panel-glass: linear-gradient(180deg, rgba(255,255,255,.082), rgba(255,255,255,.026));
  --uvd-skin-stroke: rgba(161,195,255,.30);
  --uvd-action-gap: 9px;
  --uvd-action-height: 46px;
  --uvd-action-radius: 18px;
  --uvd-action-bg:
    radial-gradient(170px 62px at 72% -12%, rgba(105,232,255,.19), transparent 68%),
    radial-gradient(150px 66px at 4% 105%, rgba(139,92,246,.13), transparent 70%),
    linear-gradient(180deg, rgba(74,144,255,.24), rgba(20,65,150,.20) 52%, rgba(6,18,43,.30)) padding-box,
    linear-gradient(140deg, rgba(206,235,255,.50), rgba(85,231,255,.20), rgba(255,211,107,.14)) border-box;
  --uvd-action-bg-important:
    radial-gradient(190px 68px at 76% -10%, rgba(105,232,255,.25), transparent 66%),
    linear-gradient(180deg, rgba(74,144,255,.34), rgba(23,80,205,.28) 50%, rgba(7,24,80,.38)) padding-box,
    linear-gradient(140deg, rgba(226,244,255,.58), rgba(85,231,255,.23), rgba(255,211,107,.18)) border-box;
  --uvd-online-idle-bg:
    radial-gradient(170px 62px at 72% -12%, rgba(112,170,255,.15), transparent 68%),
    linear-gradient(180deg, rgba(74,144,255,.20), rgba(20,65,150,.17) 52%, rgba(6,18,43,.30)) padding-box,
    linear-gradient(140deg, rgba(206,235,255,.44), rgba(85,231,255,.16), rgba(255,211,107,.10)) border-box;
  --uvd-online-soon-bg:
    radial-gradient(240px 96px at 18% -10%, rgba(255,214,112,.34), transparent 68%),
    radial-gradient(180px 88px at 88% 106%, rgba(85,231,255,.14), transparent 70%),
    linear-gradient(180deg, rgba(126,82,22,.34), rgba(44,52,91,.28) 56%, rgba(5,13,31,.40)) padding-box,
    linear-gradient(135deg, rgba(255,215,112,.72), rgba(255,157,66,.34), rgba(85,231,255,.18)) border-box;
  --uvd-online-live-bg:
    radial-gradient(240px 96px at 18% -10%, rgba(72,255,190,.34), transparent 68%),
    radial-gradient(180px 88px at 88% 106%, rgba(77,141,255,.15), transparent 70%),
    linear-gradient(180deg, rgba(12,97,79,.34), rgba(12,42,74,.30) 56%, rgba(4,15,30,.42)) padding-box,
    linear-gradient(135deg, rgba(72,255,190,.70), rgba(56,189,248,.24), rgba(255,211,107,.16)) border-box;
  --uvd-online-ended-bg:
    radial-gradient(180px 70px at 72% -12%, rgba(255,112,153,.18), transparent 68%),
    linear-gradient(180deg, rgba(100,70,120,.18), rgba(18,50,110,.19) 52%, rgba(6,18,43,.30)) padding-box,
    linear-gradient(140deg, rgba(255,170,196,.38), rgba(85,231,255,.16), rgba(255,211,107,.12)) border-box;
  --uvd-modal-bg:
    radial-gradient(440px 260px at 88% 0%, rgba(85,231,255,.15), transparent 62%),
    radial-gradient(390px 250px at 10% 0%, rgba(255,211,107,.12), transparent 60%),
    linear-gradient(180deg, rgba(10,20,40,.96), rgba(3,8,20,.98));
  --uvd-modal-border: 1px solid rgba(161,195,255,.28);
  --uvd-modal-text: rgba(238,246,255,.96);
  --uvd-modal-shadow: 0 36px 118px rgba(0,0,0,.70), 0 0 0 1px rgba(255,255,255,.045) inset;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads {
  background: var(--uvd-skin-page-bg) !important;
  background-attachment: fixed !important;
}

/* Shared page atmosphere: page components are above these layers; protected overlays are above everything. */
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home::before,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads::before {
  background:
    linear-gradient(110deg, transparent 0 18%, rgba(255,255,255,.034) 18.2%, transparent 18.8% 56%, rgba(94,234,255,.034) 56.2%, transparent 57%),
    radial-gradient(circle at 50% 8%, var(--uvd-skin-page-orb-a), transparent 1px),
    radial-gradient(circle at 28% 74%, var(--uvd-skin-page-orb-b), transparent 1.2px),
    radial-gradient(circle at 83% 64%, rgba(94,234,255,.12), transparent 1px) !important;
  background-size: auto, 140px 140px, 190px 190px, 230px 230px !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home::after,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads::after {
  background:
    linear-gradient(90deg, var(--uvd-skin-page-grid) 1px, transparent 1px),
    linear-gradient(180deg, rgba(255,255,255,.014) 1px, transparent 1px) !important;
  background-size: 46px 46px !important;
}

/* Central action-card contract. Future skins should only fill tokens above. */
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section {
  gap: var(--uvd-action-gap) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home [data-uvd-component="action-card"] {
  margin: 0 !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home [data-uvd-component="action-card"] > a {
  min-height: var(--uvd-action-height) !important;
  padding: 8px 14px !important;
  border-radius: var(--uvd-action-radius) !important;
  background: var(--uvd-action-bg) !important;
  border: 1px solid transparent !important;
  box-shadow:
    0 15px 36px rgba(0,0,0,.26),
    0 0 22px rgba(85,231,255,.08),
    inset 0 1px 0 rgba(255,255,255,.26),
    inset 0 -10px 18px rgba(0,0,0,.10) !important;
  backdrop-filter: blur(22px) saturate(175%) !important;
  -webkit-backdrop-filter: blur(22px) saturate(175%) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home [data-uvd-component="action-card"].important:not(.live-class-card) > a,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home [data-uvd-action-kind="notification"] > a {
  background: var(--uvd-action-bg-important) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home [data-uvd-action-kind="chat"] > a {
  white-space: normal !important;
}

/* Central online-state contract: idle/ended looks like normal action; soon/live are clearly different. */
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home [data-uvd-action-kind="online-class"] > a,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home [data-uvd-online-state="idle"] > a,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home [data-uvd-online-state="ended"] > a,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home [data-uvd-action-kind="online-class"]:not([data-uvd-online-state="live"]):not([data-uvd-online-state="soon"]) > a {
  background: var(--uvd-online-idle-bg) !important;
  min-height: var(--uvd-action-height) !important;
  padding: 8px 14px !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home [data-uvd-online-state="soon"] > a {
  background: var(--uvd-online-soon-bg) !important;
  min-height: 66px !important;
  border-color: transparent !important;
  box-shadow: 0 20px 52px rgba(255,186,73,.18), 0 0 34px rgba(255,211,107,.13), inset 0 1px 0 rgba(255,255,255,.26) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home [data-uvd-online-state="live"] > a {
  background: var(--uvd-online-live-bg) !important;
  min-height: 66px !important;
  box-shadow: 0 20px 52px rgba(72,255,190,.15), 0 0 34px rgba(56,189,248,.14), inset 0 1px 0 rgba(255,255,255,.26) !important;
}

/* Central protected modal visual bridge. Positioning comes from uvd/functional-overlays.css. */
html[data-uvd-skin="dark-luxury-3d"] .dashboard-notice-modal__card,
html[data-uvd-skin="dark-luxury-3d"] .dc-modal,
html[data-uvd-skin="dark-luxury-3d"] .account-trial-modal__card,
html[data-uvd-skin="dark-luxury-3d"] .avatar-crop-panel,
html[data-uvd-skin="dark-luxury-3d"] .avatar-confirm-panel {
  background: var(--uvd-modal-bg) !important;
  color: var(--uvd-modal-text) !important;
  border: var(--uvd-modal-border) !important;
  box-shadow: var(--uvd-modal-shadow) !important;
  backdrop-filter: blur(22px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(22px) saturate(145%) !important;
}
html[data-uvd-skin="dark-luxury-3d"] .dashboard-notice-modal__message,
html[data-uvd-skin="dark-luxury-3d"] .dc-body,
html[data-uvd-skin="dark-luxury-3d"] .dc-warn,
html[data-uvd-skin="dark-luxury-3d"] .account-trial-modal__message {
  background: rgba(255,255,255,.075) !important;
  color: rgba(238,246,255,.94) !important;
  border-color: rgba(161,195,255,.20) !important;
}
html[data-uvd-skin="dark-luxury-3d"] .dc-btn,
html[data-uvd-skin="dark-luxury-3d"] .dashboard-notice-modal__close,
html[data-uvd-skin="dark-luxury-3d"] .account-trial-modal__btn {
  border-radius: 16px !important;
  background: var(--uvd-action-bg-important) !important;
  border: 1px solid transparent !important;
  color: #fff !important;
  box-shadow: 0 16px 38px rgba(37,99,235,.25), inset 0 1px 0 rgba(255,255,255,.24) !important;
}

/* Downloads: groups stay unified; only subfolders carry semantic kinds. */
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .card[data-uvd-scope="group"] {
  background:
    radial-gradient(260px 110px at 86% -10%, rgba(85,231,255,.13), transparent 70%),
    linear-gradient(180deg, rgba(255,255,255,.070), rgba(255,255,255,.025)) padding-box,
    linear-gradient(135deg, rgba(161,195,255,.30), rgba(255,211,107,.12), rgba(85,231,255,.12)) border-box !important;
}

/* ==========================================================
   Phase 3B.7 final theme layer — visual tokens only.
   Structural overlay sizing/positioning lives in uvd/functional-overlays.css.
   ========================================================== */
html[data-uvd-skin="dark-luxury-3d"] {
  --uvd-overlay-backdrop: rgba(2, 6, 23, .78);
  --uvd-overlay-backdrop-image:
    radial-gradient(820px 520px at 50% 0%, rgba(80, 150, 255, .20), transparent 66%),
    radial-gradient(620px 420px at 15% 100%, rgba(139, 92, 246, .14), transparent 62%),
    linear-gradient(180deg, rgba(2,6,23,.72), rgba(0,0,0,.88));
  --uvd-dialog-width: min(92vw, 720px);
  --uvd-dialog-bg:
    radial-gradient(520px 280px at 86% -4%, rgba(85,231,255,.16), transparent 62%),
    radial-gradient(460px 260px at 8% 0%, rgba(255,211,107,.12), transparent 60%),
    linear-gradient(180deg, rgba(12,24,46,.96), rgba(3,8,20,.985));
  --uvd-dialog-border: 1px solid rgba(161,195,255,.30);
  --uvd-dialog-text: rgba(238,246,255,.96);
  --uvd-dialog-shadow: 0 38px 122px rgba(0,0,0,.72), 0 0 0 1px rgba(255,255,255,.05) inset, 0 0 42px rgba(80,150,255,.10);
  --uvd-action-gap: 8px;
  --uvd-action-height: 44px;
  --uvd-action-radius: 18px;
  --uvd-online-idle-bg:
    radial-gradient(170px 62px at 72% -12%, rgba(112,170,255,.15), transparent 68%),
    linear-gradient(180deg, rgba(74,144,255,.19), rgba(20,65,150,.16) 52%, rgba(6,18,43,.28)) padding-box,
    linear-gradient(140deg, rgba(206,235,255,.43), rgba(85,231,255,.15), rgba(255,211,107,.08)) border-box;
  --uvd-online-soon-bg:
    radial-gradient(260px 110px at 18% -18%, rgba(255,221,98,.62), transparent 65%),
    radial-gradient(220px 92px at 86% 112%, rgba(255,146,45,.30), transparent 68%),
    linear-gradient(180deg, rgba(151,92,18,.58), rgba(75,50,18,.42) 54%, rgba(18,14,10,.38)) padding-box,
    linear-gradient(135deg, rgba(255,233,124,.94), rgba(255,157,43,.62), rgba(85,231,255,.20)) border-box;
  --uvd-online-live-bg:
    radial-gradient(260px 110px at 18% -18%, rgba(72,255,190,.50), transparent 65%),
    radial-gradient(220px 92px at 86% 112%, rgba(56,189,248,.26), transparent 68%),
    linear-gradient(180deg, rgba(12,118,91,.52), rgba(12,54,91,.38) 54%, rgba(4,16,30,.42)) padding-box,
    linear-gradient(135deg, rgba(72,255,190,.86), rgba(56,189,248,.44), rgba(255,211,107,.16)) border-box;
}

/* No page wrapper may trap legacy fixed overlays. */
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .dashboard-right,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .container {
  perspective: none !important;
  transform-style: flat !important;
  contain: initial !important;
}

/* Unified dashboard action spacing. */
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section {
  display: flex !important;
  flex-direction: column !important;
  gap: var(--uvd-action-gap) !important;
  row-gap: var(--uvd-action-gap) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section > [data-uvd-component="action-card"] {
  margin: 0 !important;
  padding: 0 !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home #notificationCard[style*="display:none"],
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home #notificationCard[style*="display: none"] {
  display: none !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home [data-uvd-component="action-card"] > a {
  min-height: var(--uvd-action-height) !important;
  height: auto !important;
  padding: 8px 14px !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home [data-uvd-online-state="idle"] small,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home [data-uvd-action-kind="online-class"]:not([data-uvd-online-state="soon"]):not([data-uvd-online-state="live"]) small {
  display: none !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home [data-uvd-online-state="idle"] > a,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home [data-uvd-action-kind="online-class"]:not([data-uvd-online-state="soon"]):not([data-uvd-online-state="live"]) > a {
  flex-direction: row !important;
  gap: 10px !important;
  background: var(--uvd-online-idle-bg) !important;
  min-height: var(--uvd-action-height) !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.25), 0 0 18px rgba(85,231,255,.07), inset 0 1px 0 rgba(255,255,255,.24) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home [data-uvd-online-state="soon"] > a {
  background: var(--uvd-online-soon-bg) !important;
  min-height: 54px !important;
  border-color: transparent !important;
  box-shadow: 0 20px 54px rgba(255,180,55,.24), 0 0 44px rgba(255,222,98,.18), inset 0 1px 0 rgba(255,255,255,.30) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home [data-uvd-online-state="soon"] .live-card-status {
  background: rgba(255,231,145,.22) !important;
  border-color: rgba(255,231,145,.42) !important;
  color: #fff3bd !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home [data-uvd-online-state="live"] > a {
  background: var(--uvd-online-live-bg) !important;
  min-height: 56px !important;
}

/* Modal visuals only; position/viewport comes from functional-overlays.css. */
html[data-uvd-skin="dark-luxury-3d"] .dashboard-notice-modal__card,
html[data-uvd-skin="dark-luxury-3d"] .dc-modal,
html[data-uvd-skin="dark-luxury-3d"] .account-trial-modal__card,
html[data-uvd-skin="dark-luxury-3d"] .uvd-device-check-card {
  background: var(--uvd-dialog-bg) !important;
  color: var(--uvd-dialog-text) !important;
  border: var(--uvd-dialog-border) !important;
  box-shadow: var(--uvd-dialog-shadow) !important;
  backdrop-filter: blur(24px) saturate(148%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(148%) !important;
}
html[data-uvd-skin="dark-luxury-3d"] .dashboard-notice-modal__message,
html[data-uvd-skin="dark-luxury-3d"] .dc-body,
html[data-uvd-skin="dark-luxury-3d"] .dc-warn {
  background: linear-gradient(180deg, rgba(255,255,255,.086), rgba(255,255,255,.042)) !important;
  color: rgba(238,246,255,.95) !important;
  border-color: rgba(161,195,255,.22) !important;
}
html[data-uvd-skin="dark-luxury-3d"] .dc-header,
html[data-uvd-skin="dark-luxury-3d"] .dc-actions {
  background: rgba(7,18,38,.62) !important;
  border-color: rgba(161,195,255,.16) !important;
}
html[data-uvd-skin="dark-luxury-3d"] .dc-actions {
  gap: 10px !important;
}

/* ==========================================================
   Phase 3B.7 visual variables only.
   Core overlay visibility/sizing is enforced in functional-overlays.css.
   ========================================================== */
html[data-uvd-skin="dark-luxury-3d"] {
  --uvd-dialog-width-notice: min(94vw, 660px);
  --uvd-dialog-width-device-confirm: min(94vw, 620px);
  --uvd-dialog-width-device-check: min(94vw, 520px);
  --uvd-action-gap: 8px;
  --uvd-action-height: 44px;
  --uvd-online-idle-bg:
    radial-gradient(160px 58px at 78% -14%, rgba(114,185,255,.18), transparent 70%),
    linear-gradient(180deg, rgba(48,119,220,.18), rgba(14,48,115,.16) 52%, rgba(5,18,46,.30)) padding-box,
    linear-gradient(140deg, rgba(185,226,255,.42), rgba(86,209,255,.14), rgba(255,211,107,.06)) border-box;
  --uvd-online-soon-bg:
    radial-gradient(310px 128px at 18% -24%, rgba(255,230,116,.74), transparent 66%),
    radial-gradient(230px 100px at 88% 115%, rgba(255,145,35,.42), transparent 70%),
    linear-gradient(180deg, rgba(178,107,18,.66), rgba(105,63,15,.54) 54%, rgba(34,24,10,.48)) padding-box,
    linear-gradient(135deg, rgba(255,241,148,.98), rgba(255,157,43,.72), rgba(85,231,255,.18)) border-box;
  --uvd-online-live-bg:
    radial-gradient(280px 116px at 18% -20%, rgba(71,255,190,.60), transparent 66%),
    radial-gradient(230px 96px at 86% 112%, rgba(56,189,248,.34), transparent 70%),
    linear-gradient(180deg, rgba(10,139,105,.60), rgba(9,72,118,.44) 54%, rgba(4,16,30,.44)) padding-box,
    linear-gradient(135deg, rgba(72,255,190,.90), rgba(56,189,248,.54), rgba(255,211,107,.12)) border-box;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home [data-uvd-action-kind="chat"] > a {
  white-space: nowrap !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home [data-uvd-online-state="soon"] > a {
  background: var(--uvd-online-soon-bg) !important;
  color: #fff7d0 !important;
  box-shadow: 0 20px 58px rgba(255,180,55,.30), 0 0 52px rgba(255,222,98,.24), inset 0 1px 0 rgba(255,255,255,.34) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home [data-uvd-online-state="soon"] .live-card-status {
  background: rgba(255,231,145,.28) !important;
  border-color: rgba(255,231,145,.56) !important;
  color: #fff4bd !important;
  box-shadow: 0 0 20px rgba(255,216,85,.18), inset 0 1px 0 rgba(255,255,255,.24) !important;
}

/* ==========================================================
   Phase 3B.7 — Push notification modal visual skin only.
   Core owns visibility, fixed positioning, scroll safety and action wiring.
   ========================================================== */
html[data-uvd-skin="dark-luxury-3d"] {
  --uvd-dialog-width-push-result: min(94vw, 465px);
  --uvd-push-dialog-padding: 24px 22px 20px;
  --uvd-push-dialog-accent: linear-gradient(90deg, #3975C4, #80b7ff, #f4c95d);
  --uvd-push-dialog-accent-shadow: 0 0 22px rgba(57,117,196,.32);
}
html[data-uvd-skin="dark-luxury-3d"] .push-result-modal-card {
  background: var(--uvd-dialog-bg) !important;
  color: var(--uvd-dialog-text) !important;
  border: var(--uvd-dialog-border) !important;
  box-shadow: var(--uvd-dialog-shadow) !important;
  backdrop-filter: blur(24px) saturate(148%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(148%) !important;
}
html[data-uvd-skin="dark-luxury-3d"] .push-result-modal-close {
  border: 1px solid rgba(161,195,255,.18) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.045)) !important;
  color: rgba(238,246,255,.82) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 12px 28px rgba(0,0,0,.24) !important;
}
html[data-uvd-skin="dark-luxury-3d"] .push-result-modal-close:hover,
html[data-uvd-skin="dark-luxury-3d"] .push-result-modal-close:focus-visible {
  background: linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.070)) !important;
  border-color: rgba(161,195,255,.34) !important;
  color: #fff !important;
  outline: none !important;
}
html[data-uvd-skin="dark-luxury-3d"] .push-result-modal-icon {
  background: linear-gradient(135deg,#3975C4,#65a5ff) !important;
  color: #fff !important;
  box-shadow: 0 18px 40px rgba(57,117,196,.35),0 0 0 1px rgba(255,255,255,.12) inset !important;
}
html[data-uvd-skin="dark-luxury-3d"] .push-result-modal-title { color: #f8fafc !important; }
html[data-uvd-skin="dark-luxury-3d"] .push-result-modal-subtitle { color: rgba(203,213,225,.66) !important; }
html[data-uvd-skin="dark-luxury-3d"] .push-result-modal-message {
  background: linear-gradient(180deg, rgba(255,255,255,.086), rgba(255,255,255,.042)) !important;
  color: rgba(238,246,255,.95) !important;
  border: 1px solid rgba(161,195,255,.22) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.04) inset !important;
}
html[data-uvd-skin="dark-luxury-3d"] .push-result-modal-ok,
html[data-uvd-skin="dark-luxury-3d"] .push-result-modal-action {
  border: 0 !important;
  background: linear-gradient(135deg,#3975C4,#245da6) !important;
  color: #fff !important;
  box-shadow: 0 16px 34px rgba(37,99,235,.32), inset 0 1px 0 rgba(255,255,255,.20) !important;
}
html[data-uvd-skin="dark-luxury-3d"] .push-result-modal-ok:hover,
html[data-uvd-skin="dark-luxury-3d"] .push-result-modal-action:hover {
  box-shadow: 0 20px 40px rgba(37,99,235,.42), inset 0 1px 0 rgba(255,255,255,.25) !important;
  filter: saturate(112%);
}
html[data-uvd-skin="dark-luxury-3d"] .push-result-modal-action--ghost {
  background: rgba(15,23,42,.62) !important;
  border: 1px solid rgba(148,163,184,.18) !important;
  color: rgba(226,232,240,.88) !important;
  box-shadow: none !important;
}
html[data-uvd-skin="dark-luxury-3d"] .push-result-modal-action--ghost:hover {
  background: rgba(30,41,59,.84) !important;
  border-color: rgba(148,163,184,.32) !important;
  box-shadow: none !important;
}
html[data-uvd-skin="dark-luxury-3d"] .push-result-modal-card[data-tone="success"] .push-result-modal-icon{background:linear-gradient(135deg,#19a463,#43d38b) !important;box-shadow:0 16px 34px rgba(25,164,99,.25) !important;}
html[data-uvd-skin="dark-luxury-3d"] .push-result-modal-card[data-tone="success"]::before{background:linear-gradient(90deg,#159957,#7adf9f) !important;}
html[data-uvd-skin="dark-luxury-3d"] .push-result-modal-card[data-tone="success"] .push-result-modal-message{background:rgba(20,83,45,.26) !important;border-color:rgba(74,222,128,.20) !important;}
html[data-uvd-skin="dark-luxury-3d"] .push-result-modal-card[data-tone="error"] .push-result-modal-icon,
html[data-uvd-skin="dark-luxury-3d"] .push-result-modal-card[data-tone="permission"] .push-result-modal-icon{background:linear-gradient(135deg,#d64545,#ff8a65) !important;box-shadow:0 18px 40px rgba(214,69,69,.32),0 0 0 1px rgba(255,255,255,.12) inset !important;}
html[data-uvd-skin="dark-luxury-3d"] .push-result-modal-card[data-tone="error"]::before,
html[data-uvd-skin="dark-luxury-3d"] .push-result-modal-card[data-tone="permission"]::before{background:linear-gradient(90deg,#d64545,#ff9a7a) !important;}
html[data-uvd-skin="dark-luxury-3d"] .push-result-modal-card[data-tone="error"] .push-result-modal-message,
html[data-uvd-skin="dark-luxury-3d"] .push-result-modal-card[data-tone="permission"] .push-result-modal-message{background:rgba(127,29,29,.25) !important;border-color:rgba(248,113,113,.22) !important;}
html[data-uvd-skin="dark-luxury-3d"] .push-result-modal-card[data-tone="network"] .push-result-modal-icon{background:linear-gradient(135deg,#f59f00,#ffd166) !important;box-shadow:0 18px 40px rgba(245,159,0,.32),0 0 0 1px rgba(255,255,255,.12) inset !important;}
html[data-uvd-skin="dark-luxury-3d"] .push-result-modal-card[data-tone="network"]::before{background:linear-gradient(90deg,#f59f00,#ffd166) !important;}
html[data-uvd-skin="dark-luxury-3d"] .push-result-modal-card[data-tone="network"] .push-result-modal-message{background:rgba(120,53,15,.25) !important;border-color:rgba(251,191,36,.24) !important;}
html[data-uvd-skin="dark-luxury-3d"] .push-result-modal-card[data-tone="server"] .push-result-modal-icon{background:linear-gradient(135deg,#6c63ff,#64b5f6) !important;box-shadow:0 18px 40px rgba(108,99,255,.30),0 0 0 1px rgba(255,255,255,.12) inset !important;}
html[data-uvd-skin="dark-luxury-3d"] .push-result-modal-card[data-tone="server"] .push-result-modal-message{background:rgba(49,46,129,.24) !important;border-color:rgba(129,140,248,.22) !important;}
html[data-uvd-skin="dark-luxury-3d"] .push-result-modal-card[data-tone="mobile"] .push-result-modal-icon,
html[data-uvd-skin="dark-luxury-3d"] .push-result-modal-card[data-tone="info"] .push-result-modal-icon{background:linear-gradient(135deg,#3975C4,#80b7ff) !important;box-shadow:0 18px 40px rgba(57,117,196,.34),0 0 0 1px rgba(255,255,255,.12) inset !important;}
html[data-uvd-skin="dark-luxury-3d"] .push-result-modal-card[data-tone="mobile"] .push-result-modal-message,
html[data-uvd-skin="dark-luxury-3d"] .push-result-modal-card[data-tone="info"] .push-result-modal-message{background:rgba(30,64,175,.20) !important;border-color:rgba(96,165,250,.20) !important;}

/* -------------------------------------------------------------------------
   Phase 3B.7 — central backdrop visual tokens for all functional overlays
   ------------------------------------------------------------------------- */
html[data-uvd-skin="dark-luxury-3d"] {
  --uvd-overlay-backdrop: rgba(1, 5, 17, .80);
  --uvd-overlay-backdrop-image:
    radial-gradient(circle at 18% 12%, rgba(244, 201, 93, .15), transparent 33%),
    radial-gradient(circle at 78% 10%, rgba(57, 117, 196, .28), transparent 36%),
    radial-gradient(circle at 50% 105%, rgba(15, 23, 42, .76), transparent 44%),
    linear-gradient(180deg, rgba(2, 6, 23, .72), rgba(0, 0, 0, .88));
  --uvd-overlay-backdrop-filter: blur(22px) saturate(138%);
  --uvd-overlay-backdrop-transition: background-color .18s ease, opacity .18s ease, backdrop-filter .18s ease, -webkit-backdrop-filter .18s ease;
}

html[data-uvd-skin="dark-luxury-3d"] .push-result-modal-overlay {
  background-color: var(--uvd-overlay-backdrop) !important;
  background-image: var(--uvd-overlay-backdrop-image) !important;
  backdrop-filter: var(--uvd-overlay-backdrop-filter) !important;
  -webkit-backdrop-filter: var(--uvd-overlay-backdrop-filter) !important;
}


/* ==========================================================
   Phase 3B.8 — Dashboard action order + featured downloads visual.
   Core owns order via data-uvd-action-order. This theme only defines visual
   emphasis for the first/featured downloads action and keeps idle online
   visually identical to normal glass actions.
   ========================================================== */
html[data-uvd-skin="dark-luxury-3d"] {
  --uvd-active-skin-phase: phase-3b-12-classic-preservation-badgeless-hero;
  --uvd-action-featured-bg:
    radial-gradient(300px 118px at 16% -24%, rgba(255,236,139,.62), transparent 66%),
    radial-gradient(230px 98px at 88% 114%, rgba(94,234,255,.32), transparent 70%),
    linear-gradient(180deg, rgba(38,123,238,.60), rgba(19,74,192,.52) 52%, rgba(10,28,86,.46)) padding-box,
    linear-gradient(135deg, rgba(255,237,145,.94), rgba(94,234,255,.44), rgba(255,255,255,.22)) border-box;
  --uvd-action-featured-border: transparent;
  --uvd-action-featured-shadow:
    0 22px 62px rgba(37,99,235,.30),
    0 0 42px rgba(255,220,105,.20),
    inset 0 1px 0 rgba(255,255,255,.34),
    inset 0 -12px 22px rgba(0,0,0,.12);
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home [data-uvd-action-variant="featured"] > a {
  background: var(--uvd-action-featured-bg) !important;
  border-color: var(--uvd-action-featured-border) !important;
  box-shadow: var(--uvd-action-featured-shadow) !important;
  color: #fff !important;
  font-weight: 950 !important;
  transform: translateZ(0);
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home [data-uvd-action-variant="featured"] > a::after {
  content: '';
  position: absolute;
  inset: 1px;
  border-radius: inherit;
  pointer-events: none;
  background: linear-gradient(120deg, rgba(255,255,255,.22), transparent 38%, rgba(255,255,255,.08) 72%, transparent);
  mix-blend-mode: screen;
  opacity: .72;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home [data-uvd-action-variant="featured"] > a:hover {
  filter: saturate(1.08) brightness(1.035) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home [data-uvd-action-kind="online-class"][data-uvd-online-state="idle"] > a,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home [data-uvd-action-kind="online-class"][data-uvd-online-state="ended"] > a {
  background: var(--uvd-action-bg) !important;
  box-shadow:
    0 15px 36px rgba(0,0,0,.26),
    0 0 22px rgba(85,231,255,.08),
    inset 0 1px 0 rgba(255,255,255,.26),
    inset 0 -10px 18px rgba(0,0,0,.10) !important;
  min-height: var(--uvd-action-height) !important;
  padding: 8px 14px !important;
}


/* ==========================================================
   Phase 3B.9 — previous visual enforcement for dashboard action states.
   This block intentionally comes last in the skin file. It fixes the two
   remaining visual contract failures: downloads must be unmistakably featured,
   and online-class idle/no-class must be neutral like ordinary actions.
   ========================================================== */
html[data-uvd-skin="dark-luxury-3d"] {
  --uvd-active-skin-phase: phase-3b-12-classic-preservation-badgeless-hero;
  --uvd-action-neutral-bg:
    radial-gradient(210px 86px at 78% -8%, rgba(85,231,255,.18), transparent 64%),
    radial-gradient(170px 80px at 0% 100%, rgba(139,92,246,.14), transparent 66%),
    linear-gradient(180deg, rgba(60,133,255,.30), rgba(15,49,111,.28) 48%, rgba(5,16,40,.42)) padding-box,
    linear-gradient(140deg, rgba(226,244,255,.50), rgba(85,231,255,.20), rgba(255,211,107,.13)) border-box;
  --uvd-action-neutral-border: transparent;
  --uvd-action-neutral-shadow:
    0 16px 38px rgba(0,0,0,.30),
    0 0 28px rgba(85,231,255,.09),
    inset 0 1px 0 rgba(255,255,255,.27),
    inset 0 -10px 18px rgba(0,0,0,.10);
  --uvd-action-featured-bg:
    radial-gradient(420px 160px at 12% -28%, rgba(255,236,139,.82), transparent 62%),
    radial-gradient(320px 130px at 88% 118%, rgba(94,234,255,.46), transparent 70%),
    radial-gradient(260px 120px at 50% 50%, rgba(255,255,255,.13), transparent 72%),
    linear-gradient(180deg, rgba(67,150,255,.82), rgba(25,91,220,.72) 48%, rgba(9,38,132,.62)) padding-box,
    linear-gradient(135deg, rgba(255,243,161,1), rgba(98,241,255,.72), rgba(255,255,255,.42)) border-box;
  --uvd-action-featured-border: transparent;
  --uvd-action-featured-shadow:
    0 24px 70px rgba(37,99,235,.44),
    0 0 54px rgba(255,221,95,.34),
    0 0 0 1px rgba(255,243,161,.18),
    inset 0 1px 0 rgba(255,255,255,.45),
    inset 0 -14px 24px rgba(0,0,0,.16);
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="downloads"][data-uvd-action-variant="featured"] > a {
  min-height: 62px !important;
  padding: 12px 16px !important;
  border-radius: 22px !important;
  background: var(--uvd-action-featured-bg) !important;
  border-color: var(--uvd-action-featured-border) !important;
  box-shadow: var(--uvd-action-featured-shadow) !important;
  color: #fff !important;
  font-weight: 1000 !important;
  letter-spacing: -.01em;
  position: relative !important;
  isolation: isolate;
  overflow: hidden !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="downloads"][data-uvd-action-variant="featured"] > a::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  background:
    linear-gradient(100deg, transparent 0%, rgba(255,255,255,.22) 43%, transparent 62%);
  transform: translateX(-48%);
  opacity: .70;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="downloads"][data-uvd-action-variant="featured"] > a::after {
  content: '';
  position: absolute;
  inset: 2px;
  border-radius: inherit;
  pointer-events: none;
  border: 1px solid rgba(255,255,255,.18);
  background: linear-gradient(120deg, rgba(255,255,255,.26), transparent 34%, rgba(255,230,116,.14) 70%, transparent);
  mix-blend-mode: screen;
  opacity: .85;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="downloads"][data-uvd-action-variant="featured"] > a:hover {
  filter: saturate(1.14) brightness(1.06) !important;
  transform: translateY(-1px) scale(1.004) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="online-class"],
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="online-class"].live-class-card,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="online-class"].state-idle,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="online-class"].state-ended {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="online-class"][data-uvd-online-state="idle"] > a,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="online-class"][data-uvd-online-state="ended"] > a,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="online-class"]:not([data-uvd-online-state="soon"]):not([data-uvd-online-state="live"]) > a {
  min-height: 52px !important;
  padding: 10px 15px !important;
  border-radius: 20px !important;
  flex-direction: row !important;
  gap: 10px !important;
  background: var(--uvd-action-neutral-bg) !important;
  border-color: var(--uvd-action-neutral-border) !important;
  box-shadow: var(--uvd-action-neutral-shadow) !important;
  color: rgba(247,251,255,.98) !important;
  animation: none !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="online-class"][data-uvd-online-state="idle"] > a::before,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="online-class"][data-uvd-online-state="idle"] > a::after,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="online-class"]:not([data-uvd-online-state="soon"]):not([data-uvd-online-state="live"]) > a::before,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="online-class"]:not([data-uvd-online-state="soon"]):not([data-uvd-online-state="live"]) > a::after {
  content: none !important;
  display: none !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="online-class"][data-uvd-online-state="idle"] .live-class-card-meta,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="online-class"][data-uvd-online-state="ended"] .live-class-card-meta,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="online-class"]:not([data-uvd-online-state="soon"]):not([data-uvd-online-state="live"]) .live-class-card-meta,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="online-class"][data-uvd-online-state="idle"] .live-card-status,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="online-class"][data-uvd-online-state="ended"] .live-card-status,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="online-class"]:not([data-uvd-online-state="soon"]):not([data-uvd-online-state="live"]) .live-card-status {
  display: none !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="online-class"][data-uvd-online-state="soon"] > a,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="online-class"][data-uvd-online-state="live"] > a {
  min-height: 72px !important;
}


/* ==========================================================
   Phase 3B.12 — Badgeless Featured Downloads Hero CTA + Classic Preservation.
   This is intentionally a visible, premium Hero CTA, not a barely taller button.
   Core owns the hero contract; this skin owns the aura, depth and glow. No extra user-facing badge is used.
   ========================================================== */
html[data-uvd-skin="dark-luxury-3d"] {
  --uvd-active-skin-phase: phase-3b-12-classic-preservation-badgeless-hero;
  --uvd-action-hero-min-height: 78px;
  --uvd-downloads-hero-bg:
    radial-gradient(620px 190px at 18% -42%, rgba(255,238,143,.92), transparent 58%),
    radial-gradient(520px 190px at 105% 120%, rgba(72,229,255,.72), transparent 66%),
    radial-gradient(420px 150px at 50% 50%, rgba(255,255,255,.20), transparent 66%),
    linear-gradient(180deg, rgba(83,171,255,.94), rgba(27,92,239,.82) 47%, rgba(10,36,132,.72)) padding-box,
    linear-gradient(135deg, rgba(255,245,173,1), rgba(89,245,255,.95) 40%, rgba(180,143,255,.72) 72%, rgba(255,255,255,.70)) border-box;
  --uvd-downloads-hero-border: transparent;
  --uvd-downloads-hero-shadow:
    0 30px 88px rgba(24,88,255,.48),
    0 0 72px rgba(255,219,89,.42),
    0 0 54px rgba(89,229,255,.28),
    0 0 0 1px rgba(255,241,157,.24),
    inset 0 1px 0 rgba(255,255,255,.62),
    inset 0 -18px 30px rgba(0,0,0,.22);
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="downloads"][data-uvd-action-variant="hero"] {
  position: relative !important;
  isolation: isolate !important;
  z-index: 3;
  margin: 8px 0 12px !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="downloads"][data-uvd-action-variant="hero"]::before {
  content: '';
  position: absolute;
  inset: -18px -22px;
  z-index: -2;
  pointer-events: none;
  border-radius: 34px;
  background:
    radial-gradient(closest-side at 50% 52%, rgba(255,226,95,.34), transparent 72%),
    radial-gradient(closest-side at 28% 18%, rgba(101,232,255,.28), transparent 76%),
    radial-gradient(closest-side at 82% 82%, rgba(139,92,246,.22), transparent 78%);
  filter: blur(13px) saturate(1.35);
  opacity: .98;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="downloads"][data-uvd-action-variant="hero"]::after {
  content: '';
  position: absolute;
  inset: auto 9% -11px 9%;
  height: 16px;
  z-index: -1;
  pointer-events: none;
  border-radius: 999px;
  background: radial-gradient(closest-side, rgba(69,196,255,.36), transparent 74%);
  filter: blur(7px);
  opacity: .82;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="downloads"][data-uvd-action-variant="hero"] > a {
  min-height: var(--uvd-action-hero-min-height) !important;
  padding: 14px 16px !important;
  border-radius: 26px !important;
  border: 1px solid var(--uvd-downloads-hero-border) !important;
  background: var(--uvd-downloads-hero-bg) !important;
  box-shadow: var(--uvd-downloads-hero-shadow) !important;
  color: #fff !important;
  text-shadow: 0 2px 12px rgba(0,0,0,.36), 0 0 18px rgba(255,255,255,.18);
  font-weight: 1000 !important;
  letter-spacing: -.012em;
  transform: translateZ(0);
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="downloads"][data-uvd-action-variant="hero"] > a::before {
  content: '';
  position: absolute;
  inset: -2px;
  z-index: 0;
  border-radius: inherit;
  pointer-events: none;
  background:
    linear-gradient(104deg, transparent 0%, rgba(255,255,255,.06) 24%, rgba(255,255,255,.42) 45%, rgba(255,237,139,.30) 55%, transparent 76%),
    radial-gradient(280px 88px at 50% 0%, rgba(255,255,255,.34), transparent 76%);
  transform: translateX(-38%) skewX(-8deg);
  opacity: .82;
  mix-blend-mode: screen;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="downloads"][data-uvd-action-variant="hero"] > a::after {
  content: '';
  position: absolute;
  inset: 3px;
  z-index: 1;
  border-radius: 22px;
  pointer-events: none;
  border: 1px solid rgba(255,255,255,.26);
  background:
    linear-gradient(180deg, rgba(255,255,255,.28), transparent 30%, transparent 68%, rgba(255,234,130,.12)),
    linear-gradient(90deg, rgba(255,234,130,.18), transparent 24%, transparent 76%, rgba(89,238,255,.18));
  box-shadow: inset 0 0 18px rgba(255,255,255,.09);
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="downloads"][data-uvd-action-variant="hero"] .uvd-action-hero-icon {
  width: 46px;
  height: 46px;
  display: inline-grid;
  place-items: center;
  border-radius: 17px;
  font-size: 1.35rem;
  background:
    radial-gradient(circle at 35% 25%, rgba(255,255,255,.96), rgba(255,239,141,.50) 34%, rgba(53,178,255,.34) 72%),
    linear-gradient(145deg, rgba(255,224,92,.86), rgba(58,207,255,.62));
  box-shadow:
    0 14px 30px rgba(255,213,64,.30),
    0 0 28px rgba(92,226,255,.34),
    inset 0 1px 0 rgba(255,255,255,.76),
    inset 0 -8px 14px rgba(0,0,0,.16);
  border: 1px solid rgba(255,255,255,.46);
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="downloads"][data-uvd-action-variant="hero"] .uvd-action-hero-title {
  font-size: 1.02rem;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="downloads"][data-uvd-action-variant="hero"] .uvd-action-hero-subtitle {
  display: block;
  margin-top: 1px;
  font-size: .76rem;
  font-weight: 850;
  color: rgba(237,249,255,.78);
  text-shadow: 0 1px 10px rgba(0,0,0,.26);
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="downloads"][data-uvd-action-variant="hero"] > a:hover {
  filter: saturate(1.18) brightness(1.08) !important;
  transform: translateY(-2px) scale(1.01) !important;
  box-shadow:
    0 34px 96px rgba(24,88,255,.56),
    0 0 86px rgba(255,219,89,.52),
    0 0 60px rgba(89,229,255,.36),
    inset 0 1px 0 rgba(255,255,255,.70),
    inset 0 -18px 30px rgba(0,0,0,.20) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="downloads"][data-uvd-action-variant="hero"] > a:active {
  transform: translateY(0) scale(.995) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="online-class"][data-uvd-online-state="idle"] > a,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="online-class"][data-uvd-online-state="ended"] > a,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="online-class"]:not([data-uvd-online-state="soon"]):not([data-uvd-online-state="live"]) > a {
  min-height: 52px !important;
  padding: 10px 15px !important;
  border-radius: 20px !important;
  flex-direction: row !important;
  gap: 10px !important;
  background: var(--uvd-action-neutral-bg) !important;
  border-color: var(--uvd-action-neutral-border) !important;
  box-shadow: var(--uvd-action-neutral-shadow) !important;
  color: rgba(255,255,255,.92) !important;
}
@media (max-width: 560px) {
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="downloads"][data-uvd-action-variant="hero"] > a {
    min-height: 72px !important;
    gap: 9px !important;
    padding: 12px 11px !important;
  }
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="downloads"][data-uvd-action-variant="hero"] .uvd-action-hero-icon {
    width: 40px;
    height: 40px;
    border-radius: 15px;
  }
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="downloads"][data-uvd-action-variant="hero"] .uvd-action-hero-subtitle {
    font-size: .69rem;
  }
}


/* ==========================================================
   Phase 3B.12 — dashboard notice must respect admin-selected colors.
   Theme CSS may make the notice luxurious, but the red/yellow/green/blue/gray
   choice from the admin panel must remain visibly reflected in accent, icon,
   button, and message surface.
   ========================================================== */
html[data-uvd-skin="dark-luxury-3d"] .dashboard-notice-modal--danger .dashboard-notice-modal__card {
  --notice-accent: #fb7185;
  --notice-accent-2: #ef4444;
  --notice-glow: rgba(239,68,68,.20);
  --notice-glow-strong: rgba(239,68,68,.44);
  --notice-message-bg: linear-gradient(180deg, rgba(127,29,29,.42), rgba(69,10,10,.32));
  --notice-message-text: #ffe4e6;
  --notice-message-border: rgba(251,113,133,.38);
}
html[data-uvd-skin="dark-luxury-3d"] .dashboard-notice-modal--warning .dashboard-notice-modal__card {
  --notice-accent: #facc15;
  --notice-accent-2: #f59e0b;
  --notice-glow: rgba(245,158,11,.20);
  --notice-glow-strong: rgba(250,204,21,.42);
  --notice-message-bg: linear-gradient(180deg, rgba(146,64,14,.36), rgba(69,26,3,.28));
  --notice-message-text: #fef3c7;
  --notice-message-border: rgba(250,204,21,.36);
}
html[data-uvd-skin="dark-luxury-3d"] .dashboard-notice-modal--success .dashboard-notice-modal__card {
  --notice-accent: #4ade80;
  --notice-accent-2: #16a34a;
  --notice-glow: rgba(34,197,94,.18);
  --notice-glow-strong: rgba(74,222,128,.38);
  --notice-message-bg: linear-gradient(180deg, rgba(20,83,45,.36), rgba(5,46,22,.28));
  --notice-message-text: #dcfce7;
  --notice-message-border: rgba(74,222,128,.34);
}
html[data-uvd-skin="dark-luxury-3d"] .dashboard-notice-modal--info .dashboard-notice-modal__card {
  --notice-accent: #60a5fa;
  --notice-accent-2: #2563eb;
  --notice-glow: rgba(37,99,235,.18);
  --notice-glow-strong: rgba(96,165,250,.38);
  --notice-message-bg: linear-gradient(180deg, rgba(30,64,175,.34), rgba(15,23,42,.32));
  --notice-message-text: #dbeafe;
  --notice-message-border: rgba(96,165,250,.34);
}
html[data-uvd-skin="dark-luxury-3d"] .dashboard-notice-modal--neutral .dashboard-notice-modal__card {
  --notice-accent: #cbd5e1;
  --notice-accent-2: #64748b;
  --notice-glow: rgba(148,163,184,.16);
  --notice-glow-strong: rgba(203,213,225,.30);
  --notice-message-bg: linear-gradient(180deg, rgba(71,85,105,.34), rgba(15,23,42,.30));
  --notice-message-text: #e2e8f0;
  --notice-message-border: rgba(203,213,225,.28);
}
html[data-uvd-skin="dark-luxury-3d"] .dashboard-notice-modal__card::before {
  background: linear-gradient(90deg, var(--notice-accent, #60a5fa), var(--notice-accent-2, #facc15)) !important;
  box-shadow: 0 0 28px var(--notice-glow-strong, rgba(96,165,250,.30)) !important;
}
html[data-uvd-skin="dark-luxury-3d"] .dashboard-notice-modal__icon {
  background: linear-gradient(135deg, var(--notice-accent, #60a5fa), var(--notice-accent-2, #2563eb)) !important;
  box-shadow: 0 18px 44px var(--notice-glow-strong, rgba(96,165,250,.30)), 0 0 0 1px rgba(255,255,255,.16) inset !important;
}
html[data-uvd-skin="dark-luxury-3d"] .dashboard-notice-modal__message {
  background: var(--notice-message-bg, linear-gradient(180deg, rgba(255,255,255,.086), rgba(255,255,255,.042))) !important;
  color: var(--notice-message-text, rgba(238,246,255,.95)) !important;
  border-color: var(--notice-message-border, rgba(161,195,255,.22)) !important;
}
html[data-uvd-skin="dark-luxury-3d"] .dashboard-notice-modal__close {
  background: linear-gradient(135deg, var(--notice-accent, #60a5fa), var(--notice-accent-2, #2563eb)) !important;
  box-shadow: 0 16px 38px var(--notice-glow-strong, rgba(96,165,250,.30)), inset 0 1px 0 rgba(255,255,255,.24) !important;
}

/* Phase 3B.12 theme switcher visual. */
html[data-uvd-skin="dark-luxury-3d"] .uvd-theme-switcher {
  background: linear-gradient(180deg, rgba(255,255,255,.070), rgba(255,255,255,.030)) !important;
  border-color: rgba(161,195,255,.18) !important;
  box-shadow: 0 12px 30px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.10) !important;
  color: rgba(238,246,255,.92) !important;
}
html[data-uvd-skin="dark-luxury-3d"] .uvd-theme-option {
  background: rgba(15,35,68,.54) !important;
  border-color: rgba(161,195,255,.20) !important;
}
html[data-uvd-skin="dark-luxury-3d"] .uvd-theme-option.is-active {
  background: linear-gradient(135deg, rgba(74,144,255,.32), rgba(85,231,255,.12)) !important;
  border-color: rgba(128,183,255,.48) !important;
  box-shadow: 0 10px 26px rgba(37,99,235,.18) !important;
}


/* ==========================================================
   Phase 3B.14 — Dark Luxury sidebar theme switcher fit.
   Visual skin only: the core owns safe width/grid behavior.
   ========================================================== */
html[data-uvd-skin="dark-luxury-3d"] #side-menu .uvd-theme-switcher--menu {
  background: linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.028)) !important;
  border: 1px solid rgba(161,195,255,.20) !important;
  box-shadow: 0 16px 36px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.08) !important;
  color: rgba(238,246,255,.94) !important;
}
html[data-uvd-skin="dark-luxury-3d"] #side-menu .uvd-theme-switcher--menu .uvd-theme-option {
  background: linear-gradient(135deg, rgba(31,57,99,.72), rgba(13,25,48,.82)) !important;
  border: 1px solid rgba(161,195,255,.20) !important;
  color: rgba(241,247,255,.96) !important;
  box-shadow: 0 9px 20px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.06) !important;
}
html[data-uvd-skin="dark-luxury-3d"] #side-menu .uvd-theme-switcher--menu .uvd-theme-option.is-active {
  background: linear-gradient(135deg, rgba(74,144,255,.40), rgba(85,231,255,.14)) !important;
  border-color: rgba(128,183,255,.55) !important;
  box-shadow: 0 12px 28px rgba(37,99,235,.20), inset 0 1px 0 rgba(255,255,255,.10) !important;
}

/* ==========================================================
   Phase 3C.1 — Dark Luxury Dashboard Final Polish
   Scope: dashboard-home only. Classic remains a protected baseline.
   This block is intentionally skin-scoped and last-loaded inside this theme file:
   - polish dashboard spacing and surface harmony
   - refine welcome/avatar, student info, theme switcher, action panel and notices
   - preserve existing functional layout and central overlay contracts
   ========================================================== */
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home {
  --dl-dashboard-max: min(1140px, 94vw);
  --dl-dashboard-gap: clamp(14px, 1.8vw, 22px);
  --dl-dashboard-card-radius: 30px;
  --dl-dashboard-soft-line: rgba(181, 210, 255, .24);
  --dl-dashboard-soft-fill: rgba(255,255,255,.052);
  --dl-dashboard-hot-fill: rgba(77,141,255,.18);
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .dashboard-right {
  width: var(--dl-dashboard-max) !important;
  max-width: var(--dl-dashboard-max) !important;
  gap: var(--dl-dashboard-gap) !important;
  padding-top: clamp(8px, 1.2vw, 18px) !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .desktop-layout {
  gap: clamp(16px, 2.1vw, 24px) !important;
  align-items: stretch !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .welcome-section--profile {
  width: 100% !important;
  min-height: clamp(154px, 18vw, 205px) !important;
  padding: clamp(18px, 2.4vw, 28px) clamp(20px, 3vw, 34px) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: clamp(18px, 3vw, 34px) !important;
  border-radius: 34px !important;
  background:
    radial-gradient(560px 180px at 76% 12%, rgba(94,234,255,.18), transparent 66%),
    radial-gradient(500px 190px at 12% 90%, rgba(248,214,109,.12), transparent 70%),
    linear-gradient(135deg, rgba(22,40,77,.78), rgba(10,19,40,.74) 54%, rgba(3,8,20,.88)) padding-box,
    linear-gradient(135deg, rgba(195,220,255,.34), rgba(248,214,109,.20), rgba(94,234,255,.14)) border-box !important;
  box-shadow:
    0 34px 95px rgba(0,0,0,.44),
    0 0 0 1px rgba(255,255,255,.04) inset,
    0 -1px 0 rgba(248,214,109,.12) inset !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .welcome-section--profile::after {
  content: "";
  position: absolute;
  inset: auto 10% 0 10%;
  height: 1px;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(94,234,255,.32), rgba(248,214,109,.25), transparent);
  opacity: .85;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .welcome-copy {
  display: grid !important;
  gap: 8px !important;
  align-content: center !important;
  min-width: 0 !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .welcome-copy h2 {
  font-size: clamp(25px, 3vw, 38px) !important;
  line-height: 1.45 !important;
  margin: 0 !important;
  color: #fff !important;
  text-shadow: 0 16px 38px rgba(0,0,0,.48), 0 0 24px rgba(94,234,255,.12) !important;
  letter-spacing: -.55px !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .welcome-text {
  margin: 0 !important;
  color: rgba(225,235,255,.78) !important;
  font-weight: 800 !important;
  text-shadow: 0 8px 22px rgba(0,0,0,.34) !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .welcome-avatar-card {
  width: clamp(118px, 13.2vw, 158px) !important;
  height: clamp(118px, 13.2vw, 158px) !important;
  flex: 0 0 auto !important;
  border-radius: 34px !important;
  background:
    radial-gradient(circle at 50% 48%, rgba(77,141,255,.32), transparent 50%),
    conic-gradient(from 205deg, rgba(248,214,109,.58), rgba(94,234,255,.38), rgba(167,139,250,.46), rgba(248,214,109,.58)) !important;
  box-shadow:
    0 28px 70px rgba(0,0,0,.44),
    0 0 42px rgba(77,141,255,.18),
    inset 0 1px 0 rgba(255,255,255,.30) !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .welcome-avatar-card::before {
  inset: 10px !important;
  border-radius: 28px !important;
  background: linear-gradient(145deg, rgba(9,18,35,.82), rgba(18,31,62,.70)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.10), inset 0 -14px 28px rgba(0,0,0,.26) !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .welcome-avatar-orb {
  width: clamp(82px, 9.4vw, 112px) !important;
  height: clamp(82px, 9.4vw, 112px) !important;
  box-shadow:
    0 22px 54px rgba(0,0,0,.40),
    0 0 0 7px rgba(77,141,255,.16),
    0 0 0 12px rgba(248,214,109,.075) !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .welcome-avatar-edit {
  background: linear-gradient(145deg, rgba(255,255,255,.20), rgba(6,18,43,.78)) !important;
  border: 1px solid rgba(215,230,255,.28) !important;
  box-shadow: 0 15px 34px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.20) !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .welcome-avatar-menu {
  border-radius: 20px !important;
  padding: 8px !important;
  background: linear-gradient(180deg, rgba(13,25,48,.98), rgba(5,10,22,.98)) !important;
  border: 1px solid rgba(161,195,255,.26) !important;
  box-shadow: 0 24px 64px rgba(0,0,0,.58), 0 0 28px rgba(77,141,255,.12) !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .welcome-avatar-menu__item {
  border-radius: 14px !important;
  color: rgba(239,246,255,.94) !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .user-info-section,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .notification-container {
  border-radius: var(--dl-dashboard-card-radius) !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .user-info-section {
  padding: clamp(16px, 2vw, 22px) !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .student-info-head {
  padding: 0 0 12px !important;
  margin-bottom: 13px !important;
  border-bottom: 1px solid rgba(161,195,255,.13) !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .student-info-title-wrap h3 {
  color: rgba(244,248,255,.96) !important;
  font-size: 16.5px !important;
  text-shadow: 0 10px 26px rgba(0,0,0,.36) !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .student-info-details {
  gap: 9px !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .student-info-details li {
  padding: 10px 12px !important;
  border-radius: 17px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.060), rgba(255,255,255,.026)) padding-box,
    linear-gradient(135deg, rgba(140,176,255,.22), rgba(94,234,255,.075), rgba(248,214,109,.065)) border-box !important;
  border: 1px solid transparent !important;
  color: rgba(231,239,255,.92) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.055) !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .student-info-details li strong {
  color: rgba(200,217,255,.86) !important;
  margin-inline-end: 2px !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .group-chip,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .group-more-toggle {
  background: rgba(77,141,255,.16) !important;
  border-color: rgba(248,214,109,.25) !important;
  color: rgba(255,244,205,.96) !important;
  box-shadow: 0 10px 22px rgba(0,0,0,.18) !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .uvd-theme-switcher--dashboard {
  margin: 0 0 13px !important;
  padding: 10px !important;
  border-radius: 22px !important;
  background:
    radial-gradient(210px 75px at 88% 0%, rgba(248,214,109,.11), transparent 68%),
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.028)) !important;
  border: 1px solid rgba(161,195,255,.18) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 12px 28px rgba(0,0,0,.18) !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .uvd-theme-switcher--dashboard .uvd-theme-switcher__label {
  color: rgba(231,239,255,.82) !important;
  font-weight: 950 !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .uvd-theme-switcher--dashboard .uvd-theme-option {
  background: rgba(9,18,35,.58) !important;
  border-color: rgba(161,195,255,.22) !important;
  color: rgba(235,244,255,.92) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06) !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .uvd-theme-switcher--dashboard .uvd-theme-option.is-active {
  background: linear-gradient(135deg, rgba(77,141,255,.34), rgba(13,30,70,.64)) !important;
  border-color: rgba(248,214,109,.34) !important;
  color: #fff !important;
  box-shadow: 0 12px 30px rgba(77,141,255,.18), inset 0 1px 0 rgba(255,255,255,.14) !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section {
  padding: clamp(15px, 1.8vw, 20px) !important;
  background:
    radial-gradient(260px 230px at 14% 0%, rgba(94,234,255,.10), transparent 68%),
    radial-gradient(220px 210px at 86% 100%, rgba(248,214,109,.10), transparent 70%),
    linear-gradient(180deg, rgba(255,255,255,.060), rgba(255,255,255,.020)) padding-box,
    linear-gradient(135deg, rgba(161,195,255,.25), rgba(94,234,255,.11), rgba(248,214,109,.13)) border-box !important;
  border: 1px solid transparent !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home [data-uvd-component="action-card"] > a {
  transition: transform .18s var(--dl-ease), box-shadow .18s var(--dl-ease), filter .18s var(--dl-ease), border-color .18s var(--dl-ease) !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home [data-uvd-component="action-card"] > a:hover {
  transform: translateY(-2px) scale(1.006) !important;
  filter: saturate(1.08) brightness(1.04) !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .push-test-pill {
  border-radius: 999px !important;
  background: linear-gradient(135deg, rgba(34,197,94,.24), rgba(16,31,57,.70)) !important;
  border: 1px solid rgba(74,222,128,.28) !important;
  box-shadow: 0 14px 32px rgba(34,197,94,.12), inset 0 1px 0 rgba(255,255,255,.10) !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .push-test-pill__button {
  background: rgba(77,141,255,.18) !important;
  border-color: rgba(161,195,255,.26) !important;
  color: rgba(238,246,255,.96) !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .notification-container {
  padding: clamp(16px, 2vw, 22px) !important;
  background:
    radial-gradient(350px 180px at 87% 0%, rgba(248,214,109,.13), transparent 70%),
    linear-gradient(180deg, rgba(255,255,255,.068), rgba(255,255,255,.024)) padding-box,
    linear-gradient(135deg, rgba(161,195,255,.28), rgba(248,214,109,.16), rgba(94,234,255,.11)) border-box !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .notification-head h3 {
  color: rgba(250,252,255,.97) !important;
  text-shadow: 0 10px 28px rgba(0,0,0,.34) !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .notification-note,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .notification-card {
  background: rgba(8,18,38,.42) !important;
  border: 1px solid rgba(161,195,255,.16) !important;
  border-radius: 18px !important;
  color: rgba(226,238,255,.86) !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .newmsg-btn {
  border-radius: 19px !important;
  background:
    radial-gradient(180px 70px at 88% 0%, rgba(248,214,109,.18), transparent 68%),
    linear-gradient(135deg, rgba(77,141,255,.24), rgba(8,18,38,.76)) padding-box,
    linear-gradient(135deg, rgba(161,195,255,.38), rgba(248,214,109,.18), rgba(94,234,255,.16)) border-box !important;
  border: 1px solid transparent !important;
  box-shadow: 0 18px 44px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.10) !important;
}

@media (max-width: 860px) {
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .welcome-section--profile {
    flex-direction: column !important;
    text-align: center !important;
    gap: 14px !important;
  }
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .desktop-layout {
    grid-template-columns: 1fr !important;
  }
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section {
    padding: 14px !important;
  }
}

@media (max-width: 520px) {
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .dashboard-right {
    width: min(100% - 20px, 560px) !important;
  }
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .welcome-section--profile {
    border-radius: 26px !important;
    padding: 17px 14px !important;
  }
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home [data-uvd-component="action-card"] > a {
    min-height: 48px !important;
  }
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .uvd-theme-switcher--dashboard .uvd-theme-switcher__options {
    grid-template-columns: 1fr 1fr !important;
  }
}


/* ==========================================================
   Phase 3C.2 — Dark Luxury Downloads Final Polish
   Scope: downloads.php only. Classic is protected in classic-base.css.
   ========================================================== */
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads {
  --dl-downloads-shell-bg:
    radial-gradient(720px 460px at 92% 8%, rgba(85,231,255,.105), transparent 68%),
    radial-gradient(680px 420px at 8% 16%, rgba(248,214,109,.095), transparent 66%),
    linear-gradient(180deg, rgba(7,14,29,.50), rgba(5,10,21,.18));
  --dl-downloads-panel-bg:
    radial-gradient(520px 260px at 88% 0%, rgba(85,231,255,.105), transparent 65%),
    radial-gradient(440px 240px at 12% 0%, rgba(248,214,109,.08), transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,.066), rgba(255,255,255,.024)) padding-box,
    linear-gradient(135deg, rgba(161,195,255,.24), rgba(248,214,109,.13), rgba(85,231,255,.105)) border-box;
  --dl-downloads-card-bg:
    radial-gradient(320px 150px at 84% -8%, rgba(85,231,255,.115), transparent 68%),
    radial-gradient(240px 140px at 12% 0%, rgba(248,214,109,.075), transparent 64%),
    linear-gradient(180deg, rgba(255,255,255,.072), rgba(255,255,255,.030)) padding-box,
    linear-gradient(145deg, rgba(161,195,255,.30), rgba(85,231,255,.12), rgba(248,214,109,.10)) border-box;
  --dl-downloads-file-bg:
    radial-gradient(460px 150px at 86% 0%, rgba(85,231,255,.080), transparent 68%),
    linear-gradient(180deg, rgba(255,255,255,.066), rgba(255,255,255,.026)) padding-box,
    linear-gradient(135deg, rgba(161,195,255,.23), rgba(255,255,255,.055)) border-box;
  --dl-downloads-radius-xl: 30px;
  --dl-downloads-radius-lg: 24px;
  --dl-downloads-radius-md: 18px;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .container {
  width: min(100% - 24px, 1120px) !important;
  margin: 18px auto 38px !important;
  padding: clamp(14px, 2vw, 22px) !important;
  border-radius: 34px !important;
  background: var(--dl-downloads-shell-bg) !important;
  border: 1px solid rgba(161,195,255,.11) !important;
  box-shadow: 0 32px 110px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.045) !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .topbar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  margin: 0 0 18px !important;
  padding: clamp(16px, 2.4vw, 24px) !important;
  border-radius: 30px !important;
  background:
    radial-gradient(420px 210px at 84% -12%, rgba(85,231,255,.16), transparent 70%),
    radial-gradient(360px 180px at 12% -8%, rgba(248,214,109,.13), transparent 66%),
    linear-gradient(180deg, rgba(255,255,255,.090), rgba(255,255,255,.030)) padding-box,
    linear-gradient(135deg, rgba(161,195,255,.30), rgba(248,214,109,.17), rgba(85,231,255,.13)) border-box !important;
  border: 1px solid transparent !important;
  box-shadow: 0 24px 68px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.10) !important;
  overflow: hidden !important;
  position: relative !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .topbar::after {
  content: "";
  position: absolute;
  inset: auto 28px 10px 28px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(248,214,109,.32), rgba(85,231,255,.22), transparent);
  pointer-events: none;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .page-title {
  font-size: clamp(1.36rem, 2.2vw, 1.88rem) !important;
  letter-spacing: -.025em !important;
  line-height: 1.24 !important;
  color: rgba(248,252,255,.99) !important;
  text-shadow: 0 14px 34px rgba(0,0,0,.42), 0 0 28px rgba(85,231,255,.13) !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .page-subtitle {
  margin-top: 5px !important;
  color: rgba(215,228,248,.78) !important;
  font-size: .95rem !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .topbar-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: wrap !important;
  gap: 9px !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .back,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .back-home {
  min-height: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  padding: 10px 15px !important;
  border-radius: 17px !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads h2,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .section-title {
  margin: 18px 4px 12px !important;
  color: rgba(246,250,255,.98) !important;
  font-weight: 950 !important;
  letter-spacing: -.018em !important;
  text-shadow: 0 10px 28px rgba(0,0,0,.36) !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .section-note {
  margin: -6px 4px 14px !important;
  color: rgba(210,225,245,.70) !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .downloads-section {
  margin-top: 18px !important;
  padding: clamp(14px, 2vw, 20px) !important;
  border-radius: var(--dl-downloads-radius-xl) !important;
  background: var(--dl-downloads-panel-bg) !important;
  border: 1px solid transparent !important;
  box-shadow: 0 24px 76px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.060) !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)) !important;
  gap: clamp(12px, 1.8vw, 18px) !important;
  align-items: stretch !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .grid > a {
  display: block !important;
  min-width: 0 !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .grid .card,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .card[data-type] {
  min-height: 146px !important;
  height: 100% !important;
  padding: 19px 18px 16px !important;
  border-radius: var(--dl-downloads-radius-lg) !important;
  background: var(--dl-downloads-card-bg) !important;
  border: 1px solid transparent !important;
  box-shadow: 0 24px 68px rgba(0,0,0,.34), 0 0 0 1px rgba(255,255,255,.04) inset !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  gap: 10px !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .grid .card > span:first-child,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .card[data-type] > span:first-child,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .locked-lock {
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 18px !important;
  font-size: 1.5rem !important;
  background:
    radial-gradient(circle at 32% 20%, rgba(255,255,255,.34), transparent 42%),
    linear-gradient(145deg, rgba(77,141,255,.72), rgba(22,49,122,.88)) !important;
  border: 1px solid rgba(195,218,255,.30) !important;
  box-shadow: 0 16px 38px rgba(77,141,255,.20), inset 0 1px 0 rgba(255,255,255,.22) !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .card h4 {
  margin: 2px 0 0 !important;
  color: rgba(248,252,255,.98) !important;
  font-size: 1.04rem !important;
  line-height: 1.55 !important;
  font-weight: 950 !important;
  letter-spacing: -.012em !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .card .count,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .locked-reason {
  width: fit-content !important;
  max-width: 100% !important;
  margin-top: auto !important;
  padding: 6px 10px !important;
  border-radius: 999px !important;
  font-size: .82rem !important;
  font-weight: 900 !important;
  color: rgba(255,250,224,.96) !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .card[data-uvd-scope="group"] {
  background:
    radial-gradient(290px 130px at 86% -8%, rgba(85,231,255,.105), transparent 70%),
    radial-gradient(240px 120px at 10% 0%, rgba(248,214,109,.075), transparent 66%),
    linear-gradient(180deg, rgba(255,255,255,.070), rgba(255,255,255,.028)) padding-box,
    linear-gradient(145deg, rgba(161,195,255,.28), rgba(248,214,109,.10), rgba(85,231,255,.105)) border-box !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .card[data-uvd-scope="subfolder"] {
  min-height: 156px !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .card[data-uvd-scope="subfolder"] > span:first-child {
  background:
    radial-gradient(circle at 32% 20%, rgba(255,255,255,.36), transparent 42%),
    linear-gradient(145deg, color-mix(in srgb, var(--folder-accent, #60a5fa) 82%, #ffffff 0%), color-mix(in srgb, var(--folder-accent-2, #a78bfa) 58%, #020510 42%)) !important;
  border-color: color-mix(in srgb, var(--folder-accent, #60a5fa) 48%, rgba(255,255,255,.20)) !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .locked-card,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .card[data-type="locked"] {
  opacity: .98 !important;
  cursor: pointer !important;
  background:
    radial-gradient(310px 140px at 82% -8%, rgba(248,214,109,.18), transparent 68%),
    linear-gradient(180deg, rgba(72,54,23,.72), rgba(10,20,39,.94)) padding-box,
    linear-gradient(135deg, rgba(248,214,109,.42), rgba(161,195,255,.14)) border-box !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .search-wrap {
  margin: 10px 0 14px !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .search {
  width: 100% !important;
  min-height: 48px !important;
  padding: 12px 15px !important;
  border-radius: 18px !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .file-item {
  margin: 10px 0 !important;
  padding: 15px !important;
  border-radius: 24px !important;
  background: var(--dl-downloads-file-bg) !important;
  border: 1px solid transparent !important;
  box-shadow: 0 18px 52px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.060) !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .file-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .file-name {
  color: rgba(246,250,255,.97) !important;
  font-weight: 900 !important;
  line-height: 1.7 !important;
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .file-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .file-caption {
  margin-top: 11px !important;
  padding: 10px 12px !important;
  border-radius: 16px !important;
  background: rgba(8,18,38,.46) !important;
  border: 1px solid rgba(161,195,255,.13) !important;
  color: rgba(214,228,248,.82) !important;
  line-height: 1.8 !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .preview-box {
  margin-top: 12px !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  background: rgba(2,6,23,.58) !important;
  border: 1px solid rgba(161,195,255,.14) !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .btnx,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .download-btn,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .preview-btn,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .watch-btn {
  min-height: 38px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  padding: 8px 12px !important;
  border-radius: 15px !important;
  text-decoration: none !important;
  font-size: .88rem !important;
  font-weight: 950 !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .download-box {
  border-radius: 26px !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .download-head,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .download-actions,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .download-meta {
  gap: 10px !important;
}

@media (max-width: 720px) {
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .container {
    width: min(100% - 14px, 1120px) !important;
    margin-top: 10px !important;
    padding: 10px !important;
    border-radius: 26px !important;
  }
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .topbar {
    align-items: stretch !important;
    flex-direction: column !important;
    border-radius: 24px !important;
  }
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .topbar-actions,
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .file-actions {
    justify-content: stretch !important;
  }
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .back,
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .back-home,
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .btnx,
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .download-btn,
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .preview-btn,
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .watch-btn {
    flex: 1 1 auto !important;
  }
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .grid {
    grid-template-columns: 1fr !important;
  }
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .file-row {
    align-items: stretch !important;
    flex-direction: column !important;
  }
}

/* ==========================================================
   Phase 3C.2.1 — Dark Luxury Downloads Micro Polish
   Scope: downloads.php visual micro-fixes only. Classic remains protected.
   - search surface cleanup
   - locked icon emphasis without card size changes
   - semantic subfolder accent separation
   - count/expired badges raised above card overlap
   ========================================================== */
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .downloads-section-files .search-wrap {
  position: sticky !important;
  top: 8px !important;
  z-index: 20 !important;
  margin: 8px 0 16px !important;
  padding: 0 !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  overflow: visible !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .downloads-section-files .search {
  display: block !important;
  min-height: 50px !important;
  padding: 13px 16px !important;
  border-radius: 20px !important;
  background:
    radial-gradient(210px 80px at 92% 0%, rgba(85,231,255,.10), transparent 72%),
    linear-gradient(180deg, rgba(255,255,255,.088), rgba(255,255,255,.032)) padding-box,
    linear-gradient(135deg, rgba(161,195,255,.28), rgba(85,231,255,.13), rgba(248,214,109,.08)) border-box !important;
  border: 1px solid transparent !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.10) !important;
}

/* Locked cards keep their size; only the lock glyph/inner presence becomes clearer. */
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .locked-lock {
  width: 52px !important;
  height: 52px !important;
  min-width: 52px !important;
  border-radius: 19px !important;
  font-size: 1.82rem !important;
  line-height: 1 !important;
  transform: translateY(-1px) !important;
  box-shadow:
    0 18px 42px rgba(77,141,255,.24),
    0 0 24px rgba(248,214,109,.12),
    inset 0 1px 0 rgba(255,255,255,.26),
    inset 0 -10px 18px rgba(0,0,0,.18) !important;
}

/* Keep the layered/overlapping premium cards, but raise the readable badges. */
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .card .count,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .locked-reason {
  position: relative !important;
  z-index: 4 !important;
  margin-top: clamp(7px, 1.2vw, 10px) !important;
  transform: translateY(-6px) !important;
  box-shadow:
    0 10px 26px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(255,255,255,.13) !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .locked-reason {
  color: rgba(255,246,199,.98) !important;
  border-color: rgba(248,214,109,.22) !important;
  background: rgba(248,214,109,.085) !important;
}

/* Stronger but still elegant semantic accents for subfolders only. */
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .card[data-uvd-scope="subfolder"][data-uvd-kind="video"] {
  --folder-accent: #14b8ff;
  --folder-accent-2: #22f0d0;
  --folder-glow: rgba(20,184,255,.26);
  background:
    radial-gradient(360px 200px at 16% -5%, rgba(20,184,255,.34), transparent 64%),
    radial-gradient(300px 185px at 92% 4%, rgba(34,240,208,.22), transparent 68%),
    linear-gradient(160deg, rgba(18,57,88,.92), rgba(7,19,38,.97) 65%, rgba(4,9,19,.99)) !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .card[data-uvd-scope="subfolder"][data-uvd-kind="board"] {
  --folder-accent: #7c3cff;
  --folder-accent-2: #38d7ff;
  --folder-glow: rgba(124,60,255,.26);
  background:
    radial-gradient(360px 200px at 16% -5%, rgba(124,60,255,.34), transparent 64%),
    radial-gradient(300px 185px at 92% 4%, rgba(56,215,255,.20), transparent 68%),
    linear-gradient(160deg, rgba(39,35,88,.92), rgba(7,19,38,.97) 65%, rgba(4,9,19,.99)) !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .card[data-uvd-scope="subfolder"][data-uvd-kind="exam"] {
  --folder-accent: #ffba42;
  --folder-accent-2: #ff4f70;
  --folder-glow: rgba(255,186,66,.24);
  background:
    radial-gradient(360px 200px at 16% -5%, rgba(255,186,66,.32), transparent 64%),
    radial-gradient(300px 185px at 92% 4%, rgba(255,79,112,.22), transparent 68%),
    linear-gradient(160deg, rgba(82,52,18,.92), rgba(18,20,39,.97) 65%, rgba(4,9,19,.99)) !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .card[data-uvd-scope="subfolder"][data-uvd-kind="workbook"] {
  --folder-accent: #b56cff;
  --folder-accent-2: #f6d35d;
  --folder-glow: rgba(181,108,255,.22);
  background:
    radial-gradient(360px 200px at 16% -5%, rgba(181,108,255,.30), transparent 64%),
    radial-gradient(300px 185px at 92% 4%, rgba(246,211,93,.20), transparent 68%),
    linear-gradient(160deg, rgba(49,35,86,.92), rgba(12,19,38,.97) 65%, rgba(4,9,19,.99)) !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .card[data-uvd-scope="subfolder"][data-uvd-kind="misc"] {
  --folder-accent: #9aa7bb;
  --folder-accent-2: #6aa7ff;
  --folder-glow: rgba(154,167,187,.18);
  background:
    radial-gradient(360px 200px at 16% -5%, rgba(154,167,187,.22), transparent 64%),
    radial-gradient(300px 185px at 92% 4%, rgba(106,167,255,.16), transparent 68%),
    linear-gradient(160deg, rgba(40,49,67,.92), rgba(8,18,36,.97) 65%, rgba(4,9,19,.99)) !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .card[data-uvd-scope="subfolder"][data-uvd-kind="default"] {
  --folder-accent: #5ea6ff;
  --folder-accent-2: #9b7cff;
  --folder-glow: rgba(94,166,255,.20);
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .card[data-uvd-scope="subfolder"]::after {
  opacity: .92 !important;
}

@media (max-width: 720px) {
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .downloads-section-files .search-wrap {
    top: 4px !important;
  }
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .card .count,
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-downloads .locked-reason {
    transform: translateY(-4px) !important;
  }
}

/* ==========================================================
   Phase 3D.1 — Dark Luxury User Page Shell Contract
   Appearance for future opt-in .uvd-user-* wrappers. Existing pages remain
   unchanged until they receive semantic shell classes in later phases.
   ========================================================== */
html[data-uvd-skin="dark-luxury-3d"] {
  --uvd-active-skin-phase: phase-3d-2-1-1-simple-pages-classic-restore-dark-polish;
  --uvd-user-shell-max: 1080px;
  --uvd-user-shell-gutter: 34px;
  --uvd-user-shell-margin-y: 26px;
  --uvd-user-shell-padding: clamp(18px, 3vw, 30px);
  --uvd-user-shell-radius: 30px;
  --uvd-user-shell-bg:
    radial-gradient(760px 360px at 88% -10%, rgba(77,141,255,.18), transparent 66%),
    radial-gradient(620px 340px at 8% 0%, rgba(248,214,109,.10), transparent 66%),
    linear-gradient(145deg, rgba(9,21,41,.86), rgba(3,8,18,.94));
  --uvd-user-shell-border: rgba(255,255,255,.12);
  --uvd-user-shell-shadow: 0 28px 80px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.11);
  --uvd-user-card-bg:
    linear-gradient(155deg, rgba(15,32,58,.82), rgba(5,12,26,.91));
  --uvd-user-card-border: rgba(255,255,255,.12);
  --uvd-user-card-shadow: 0 20px 55px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.08);
  --uvd-user-card-text: rgba(239,246,255,.94);
  --uvd-user-title: #ffffff;
  --uvd-user-muted: rgba(203,213,225,.78);
  --uvd-user-label: rgba(226,232,240,.92);
  --uvd-user-input-bg: rgba(2,6,23,.58);
  --uvd-user-input-border: rgba(148,163,184,.22);
  --uvd-user-input-text: rgba(248,250,252,.95);
  --uvd-user-focus-border: rgba(248,214,109,.72);
  --uvd-user-focus-shadow: 0 0 0 4px rgba(248,214,109,.13), 0 12px 28px rgba(77,141,255,.13);
  --uvd-user-button-bg: linear-gradient(135deg, #f8d66d, #b8872b 48%, #4d8dff);
  --uvd-user-button-text: #07101f;
  --uvd-user-button-border: rgba(248,214,109,.34);
  --uvd-user-button-shadow: 0 16px 36px rgba(77,141,255,.18), 0 10px 24px rgba(248,214,109,.10);
  --uvd-user-button-secondary-bg: rgba(255,255,255,.07);
  --uvd-user-button-secondary-text: rgba(239,246,255,.94);
  --uvd-user-button-secondary-border: rgba(255,255,255,.13);
  --uvd-user-alert-bg: rgba(77,141,255,.10);
  --uvd-user-alert-border: rgba(77,141,255,.20);
  --uvd-user-alert-text: rgba(226,232,240,.92);
  --uvd-user-table-bg: rgba(2,6,23,.42);
  --uvd-user-table-border: rgba(255,255,255,.10);
  --uvd-user-table-head-bg: rgba(255,255,255,.06);
  --uvd-user-table-row-border: rgba(255,255,255,.08);
}

html[data-uvd-skin="dark-luxury-3d"] .uvd-user-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background:
    radial-gradient(260px 160px at 85% 0%, rgba(94,233,255,.12), transparent 68%),
    radial-gradient(220px 140px at 8% 100%, rgba(248,214,109,.08), transparent 72%);
  opacity: .95;
  z-index: 0;
}

html[data-uvd-skin="dark-luxury-3d"] .uvd-user-empty,
html[data-uvd-skin="dark-luxury-3d"] .uvd-user-alert {
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 14px 34px rgba(0,0,0,.18);
}


/* ==========================================================
   Phase 3D.2.1 — Dark Luxury Simple User Pages
   Applies only to opt-in simple user pages: change password + notifications.
   ========================================================== */
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-change-password,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications {
  color: var(--dl-ink) !important;
  background:
    radial-gradient(860px 500px at 18% -8%, rgba(94,234,212,.16), transparent 62%),
    radial-gradient(720px 420px at 82% 2%, rgba(77,141,255,.17), transparent 62%),
    radial-gradient(700px 460px at 105% 55%, rgba(248,214,109,.09), transparent 65%),
    linear-gradient(180deg, var(--dl-bg-0), var(--dl-bg-1) 52%, #04070f) !important;
  background-attachment: fixed !important;
  overflow-x: hidden;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-change-password::before,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background:
    linear-gradient(110deg, transparent 0 18%, rgba(255,255,255,.030) 18.2%, transparent 18.8% 56%, rgba(94,234,255,.030) 56.2%, transparent 57%),
    radial-gradient(circle at 50% 8%, rgba(255,255,255,.11), transparent 1px),
    radial-gradient(circle at 28% 74%, rgba(248,214,109,.12), transparent 1.2px),
    radial-gradient(circle at 83% 64%, rgba(94,234,255,.12), transparent 1px);
  background-size: auto, 140px 140px, 190px 190px, 230px 230px;
  opacity: .28;
  mix-blend-mode: screen;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-change-password::after,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background: linear-gradient(90deg, rgba(255,255,255,.016) 1px, transparent 1px), linear-gradient(180deg, rgba(255,255,255,.012) 1px, transparent 1px);
  background-size: 46px 46px;
  mask-image: radial-gradient(circle at 50% 18%, #000 0, transparent 76%);
  opacity: .36;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-change-password header,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications header,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-change-password .uvd-user-page,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-user-page {
  position: relative;
  z-index: 1;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-change-password header,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications header {
  background:
    radial-gradient(420px 160px at 72% 0%, rgba(248,214,109,.18), transparent 68%),
    radial-gradient(520px 180px at 18% 0%, rgba(94,234,255,.14), transparent 62%),
    linear-gradient(135deg, rgba(9,18,35,.88), rgba(24,39,68,.82) 48%, rgba(7,12,24,.92)) !important;
  border: 1px solid rgba(162,196,255,.20) !important;
  border-top: 0 !important;
  box-shadow: 0 20px 52px rgba(0,0,0,.42), 0 1px 0 rgba(255,255,255,.09) inset, 0 -1px 0 rgba(248,214,109,.09) inset !important;
  backdrop-filter: blur(18px) saturate(145%);
  -webkit-backdrop-filter: blur(18px) saturate(145%);
  overflow: hidden;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-change-password header .center,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications header .center {
  color: var(--dl-gold) !important;
  text-shadow: 0 4px 0 rgba(65,39,8,.42), 0 15px 30px rgba(248,214,109,.20), 0 0 26px rgba(248,214,109,.15) !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-change-password header .left span,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications header .left span {
  color: rgba(239,246,255,.92) !important;
  text-shadow: 0 8px 20px rgba(0,0,0,.42);
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-change-password #menu-btn,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications #menu-btn {
  background: linear-gradient(145deg, rgba(60,130,246,.98), rgba(28,76,190,.98) 58%, rgba(15,38,105,.98)) !important;
  border: 1px solid rgba(195,218,255,.34) !important;
  color: #fff !important;
  border-radius: 18px !important;
  box-shadow: 0 18px 42px rgba(37,99,235,.34), inset 0 1px 0 rgba(255,255,255,.26), inset 0 -10px 22px rgba(0,0,0,.15) !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-change-password #side-menu,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications #side-menu {
  background:
    radial-gradient(260px 220px at 85% 5%, rgba(248,214,109,.16), transparent 62%),
    radial-gradient(300px 240px at 16% 18%, rgba(94,234,255,.12), transparent 66%),
    linear-gradient(180deg, rgba(9,18,35,.96), rgba(5,10,21,.98)) !important;
  border-left: 1px solid rgba(161,195,255,.22) !important;
  box-shadow: -32px 0 88px rgba(0,0,0,.62), inset 1px 0 0 rgba(255,255,255,.06) !important;
  color: var(--dl-ink) !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-change-password #side-menu a,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications #side-menu a {
  background: linear-gradient(135deg, rgba(31,57,99,.78), rgba(13,25,48,.86)) !important;
  border: 1px solid rgba(140,176,255,.22) !important;
  color: rgba(241,247,255,.96) !important;
  border-radius: 18px !important;
  box-shadow: 0 13px 30px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.08) !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-change-password #side-menu a:hover,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications #side-menu a:hover {
  transform: translateY(-2px);
  border-color: rgba(248,214,109,.42) !important;
  box-shadow: 0 18px 38px rgba(0,0,0,.34), 0 0 22px rgba(248,214,109,.10), inset 0 1px 0 rgba(255,255,255,.14) !important;
}

html[data-uvd-skin="dark-luxury-3d"] {
  --uvd-user-success-border: rgba(56,229,156,.28);
  --uvd-user-success-bg: rgba(56,229,156,.11);
  --uvd-user-success-text: rgba(187,247,208,.96);
  --uvd-user-error-border: rgba(251,82,101,.30);
  --uvd-user-error-bg: rgba(251,82,101,.12);
  --uvd-user-error-text: rgba(254,202,202,.96);
  --uvd-user-warning-border: rgba(248,214,109,.32);
  --uvd-user-warning-bg: rgba(248,214,109,.12);
  --uvd-user-warning-text: rgba(253,230,138,.96);
  --uvd-user-meter-bg: rgba(148,163,184,.12);
  --uvd-user-meter-border: rgba(148,163,184,.15);
  --uvd-user-progress-bg: linear-gradient(135deg, rgba(248,214,109,.98), rgba(184,135,43,.95), rgba(77,141,255,.95));
  --uvd-user-rule-bg: rgba(2,6,23,.24);
  --uvd-user-rule-border: rgba(148,163,184,.13);
  --uvd-user-rule-text: rgba(226,232,240,.88);
  --uvd-user-chip-bg: rgba(255,255,255,.07);
  --uvd-user-chip-border: rgba(255,255,255,.12);
  --uvd-user-chip-text: rgba(226,232,240,.90);
  --uvd-user-new-bg: rgba(77,141,255,.13);
  --uvd-user-new-border: rgba(77,141,255,.28);
  --uvd-user-new-text: rgba(239,246,255,.96);
  --uvd-user-notification-row-bg: rgba(2,6,23,.22);
  --uvd-user-notification-new-bg: linear-gradient(135deg, rgba(77,141,255,.15), rgba(2,6,23,.25));
  --uvd-user-notification-seen-bg: rgba(2,6,23,.16);
  --uvd-user-notification-seen-text: rgba(203,213,225,.72);
  --uvd-user-notification-row-border: rgba(255,255,255,.10);
  --uvd-user-notification-row-hover-border: rgba(248,214,109,.28);
  --uvd-user-notification-row-shadow: 0 12px 28px rgba(0,0,0,.25);
  --uvd-user-notification-row-hover-shadow: 0 18px 42px rgba(0,0,0,.34), 0 0 24px rgba(248,214,109,.08);
  --uvd-user-notification-msg-text: rgba(226,232,240,.92);
  --uvd-user-download-dialog-bg: rgba(2,6,23,.82);
  --uvd-user-download-dialog-border: rgba(255,255,255,.14);
  --uvd-user-download-dialog-shadow: 0 18px 60px rgba(0,0,0,.55);
  --uvd-user-download-dialog-text: rgba(248,250,252,.96);
}


/* ==========================================================
   Phase 3D.2.1 — Dark Luxury Simple Pages First Visual Polish
   These two pages are not final-only; this block brings them closer to the
   dashboard/downloads visual language while preserving the shared contracts.
   ========================================================== */
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-change-password,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications {
  --uvd-active-skin-phase: phase-3d-2-1-simple-pages-classic-restore-dark-polish;
  --uvd-user-shell-radius: 32px;
  --uvd-user-shell-bg:
    radial-gradient(760px 360px at 92% -8%, rgba(94,234,255,.16), transparent 66%),
    radial-gradient(680px 340px at 5% 0%, rgba(248,214,109,.12), transparent 66%),
    linear-gradient(148deg, rgba(12,28,53,.84), rgba(4,10,22,.94) 58%, rgba(6,14,29,.92));
  --uvd-user-shell-border: rgba(164,196,255,.18);
  --uvd-user-shell-shadow: 0 32px 92px rgba(0,0,0,.52), inset 0 1px 0 rgba(255,255,255,.12), inset 0 -1px 0 rgba(248,214,109,.07);
  --uvd-user-card-bg:
    radial-gradient(460px 220px at 88% 0%, rgba(77,141,255,.13), transparent 70%),
    linear-gradient(155deg, rgba(14,31,58,.82), rgba(4,10,23,.92));
  --uvd-user-card-border: rgba(164,196,255,.16);
  --uvd-user-card-shadow: 0 24px 64px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.09);
  --uvd-user-title: #ffffff;
  --uvd-user-muted: rgba(215,226,241,.78);
  --uvd-user-label: rgba(238,244,255,.94);
  --uvd-user-input-bg: rgba(2,6,23,.66);
  --uvd-user-input-border: rgba(161,195,255,.22);
  --uvd-user-input-text: rgba(248,250,252,.96);
  --uvd-user-button-secondary-bg: linear-gradient(145deg, rgba(28,50,87,.74), rgba(8,18,37,.86));
  --uvd-user-button-secondary-border: rgba(164,196,255,.20);
  --uvd-user-button-secondary-text: rgba(240,247,255,.96);
  --uvd-user-table-bg: rgba(2,6,23,.30);
  --uvd-user-table-border: rgba(164,196,255,.12);
  --uvd-user-table-head-bg: linear-gradient(145deg, rgba(33,57,95,.72), rgba(11,24,48,.84));
  --uvd-user-table-head-border: rgba(164,196,255,.15);
  --uvd-user-notification-row-bg:
    linear-gradient(145deg, rgba(8,20,40,.86), rgba(3,9,21,.94));
  --uvd-user-notification-new-bg:
    radial-gradient(420px 180px at 92% 0%, rgba(77,141,255,.15), transparent 70%),
    linear-gradient(145deg, rgba(13,34,66,.90), rgba(4,11,24,.94));
  --uvd-user-notification-seen-bg:
    linear-gradient(145deg, rgba(6,16,34,.78), rgba(3,9,20,.92));
  --uvd-user-notification-row-border: rgba(164,196,255,.12);
  --uvd-user-notification-row-hover-border: rgba(248,214,109,.28);
  --uvd-user-notification-row-shadow: 0 14px 34px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.055);
  --uvd-user-notification-row-hover-shadow: 0 22px 52px rgba(0,0,0,.42), 0 0 26px rgba(77,141,255,.12), inset 0 1px 0 rgba(255,255,255,.08);
  --uvd-user-notification-msg-text: rgba(235,243,255,.94);
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-change-password .uvd-user-shell,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-user-shell {
  position: relative;
  overflow: hidden;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-change-password .uvd-user-shell::before,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-user-shell::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(116deg, transparent 0 23%, rgba(255,255,255,.09) 37%, transparent 52% 100%),
    radial-gradient(circle at 86% 16%, rgba(248,214,109,.18), transparent 2px),
    radial-gradient(circle at 22% 70%, rgba(94,234,255,.16), transparent 1.5px);
  background-size: auto, 180px 180px, 220px 220px;
  opacity: .38;
  mix-blend-mode: screen;
  z-index: 0;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-change-password .uvd-user-shell > *,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-user-shell > * {
  position: relative;
  z-index: 1;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-change-password .uvd-user-page-head,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-user-page-head {
  padding: clamp(18px, 2.8vw, 28px) !important;
  margin-bottom: 24px !important;
  border: 1px solid rgba(164,196,255,.14) !important;
  border-radius: 28px !important;
  background:
    radial-gradient(560px 210px at 86% -18%, rgba(94,234,255,.20), transparent 70%),
    radial-gradient(420px 210px at 12% 0%, rgba(248,214,109,.13), transparent 68%),
    linear-gradient(145deg, rgba(22,42,74,.70), rgba(7,16,34,.84)) !important;
  box-shadow: 0 22px 56px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.09) !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-change-password .uvd-user-title,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-user-title {
  font-size: clamp(28px, 3.2vw, 42px) !important;
  line-height: 1.35 !important;
  color: var(--dl-gold) !important;
  text-shadow: 0 4px 0 rgba(65,39,8,.42), 0 18px 34px rgba(248,214,109,.20), 0 0 30px rgba(248,214,109,.14) !important;
  letter-spacing: -.6px !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-change-password .uvd-user-subtitle,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-user-subtitle {
  max-width: 760px;
  color: rgba(215,226,241,.80) !important;
  font-size: 14.5px !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-change-password .uvd-user-back,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-user-back {
  min-height: 54px;
  padding: 14px 18px !important;
  border-radius: 18px !important;
  box-shadow: 0 16px 36px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.10) !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-change-password .uvd-password-card {
  width: min(620px, 100%) !important;
  padding: clamp(18px, 2.3vw, 26px) !important;
  border-radius: 26px !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-change-password .uvd-user-input {
  min-height: 56px !important;
  border-radius: 18px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 12px 28px rgba(0,0,0,.16) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-change-password .uvd-password-rules li {
  min-height: 54px;
  border-radius: 17px !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-change-password .uvd-password-submit {
  min-height: 58px;
  font-size: 15px !important;
  border-radius: 18px !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-notifications-shell {
  --uvd-user-shell-max: 1240px;
  padding: clamp(18px, 2.6vw, 30px) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-user-table-wrap {
  padding: 12px;
  border-radius: 24px !important;
  background:
    radial-gradient(520px 220px at 100% 0%, rgba(77,141,255,.10), transparent 72%),
    linear-gradient(145deg, rgba(4,12,27,.55), rgba(2,7,18,.72)) !important;
  border-color: rgba(164,196,255,.12) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.055), 0 18px 46px rgba(0,0,0,.22) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-notifications-table th {
  height: 58px;
  color: rgba(236,244,255,.90) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-notifications-table tbody td {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-notifications-page .btnx {
  border-radius: 16px !important;
  min-height: 44px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 12px 26px rgba(0,0,0,.20) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .btn-dl,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .btn-mark {
  background: linear-gradient(135deg, rgba(248,214,109,.92), rgba(184,135,43,.86), rgba(77,141,255,.88)) !important;
  color: #07101f !important;
  border-color: rgba(248,214,109,.34) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .date-pill,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .status-badge {
  min-height: 38px;
  border-radius: 999px !important;
}

@media (max-width: 768px) {
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-change-password .uvd-user-page-head,
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-user-page-head {
    border-radius: 22px !important;
    margin-bottom: 16px !important;
  }
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-change-password .uvd-user-title,
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-user-title {
    font-size: 26px !important;
  }
}


/* ==========================================================
   Phase 3D.2.2 — Simple Pages Dark Luxury Final Polish
   Notifications are upgraded from a basic themed table to a premium,
   dashboard/downloads-aligned message surface. Classic is untouched.
   ========================================================== */
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-change-password,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications {
  --uvd-active-skin-phase: phase-3d-2-2-simple-pages-dark-final-polish-classic-guard;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-notifications-shell {
  --uvd-user-shell-max: 1280px;
  padding: clamp(18px, 2.4vw, 32px) !important;
  border-radius: 34px !important;
  background:
    radial-gradient(860px 360px at 92% -12%, rgba(94,234,255,.20), transparent 68%),
    radial-gradient(680px 280px at 6% 0%, rgba(248,214,109,.16), transparent 66%),
    linear-gradient(148deg, rgba(11,26,51,.88), rgba(2,8,20,.96) 62%, rgba(7,15,31,.92)) !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-notifications-head {
  display: grid !important;
  grid-template-columns: 1fr auto;
  align-items: center !important;
  gap: 18px !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-user-table-wrap {
  padding: clamp(10px, 1.4vw, 16px) !important;
  border-radius: 28px !important;
  background:
    radial-gradient(640px 260px at 100% 0%, rgba(77,141,255,.13), transparent 74%),
    radial-gradient(560px 250px at 0% 100%, rgba(248,214,109,.07), transparent 72%),
    linear-gradient(145deg, rgba(4,13,31,.74), rgba(1,5,15,.82)) !important;
  border: 1px solid rgba(164,196,255,.15) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 22px 58px rgba(0,0,0,.30) !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-notifications-table {
  min-width: 940px;
  border-spacing: 0 14px !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-notifications-table .th-msg { width: 46% !important; }
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-notifications-table .th-file { width: 17% !important; }
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-notifications-table .th-status { width: 13% !important; }
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-notifications-table .th-date { width: 14% !important; }
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-notifications-table .th-act { width: 10% !important; }

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-notifications-table th {
  height: 54px !important;
  border-radius: 18px !important;
  background:
    linear-gradient(145deg, rgba(38,65,107,.78), rgba(8,19,40,.88)) !important;
  border-color: rgba(164,196,255,.18) !important;
  color: rgba(239,246,255,.92) !important;
  letter-spacing: -.15px;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-notifications-table tbody tr {
  position: relative;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-notifications-table tbody td {
  padding: 18px 16px !important;
  border-inline-start-width: 0 !important;
  border-inline-end-width: 0 !important;
  border-radius: 0 !important;
  background:
    linear-gradient(145deg, rgba(9,22,44,.88), rgba(2,8,20,.96)) !important;
  box-shadow: none !important;
  border-top-color: rgba(164,196,255,.13) !important;
  border-bottom-color: rgba(164,196,255,.13) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-notifications-table tbody td:first-child {
  border-start-end-radius: 24px !important;
  border-end-end-radius: 24px !important;
  border-inline-end-width: 1px !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-notifications-table tbody td:last-child {
  border-start-start-radius: 24px !important;
  border-end-start-radius: 24px !important;
  border-inline-start-width: 1px !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-notifications-table tbody tr.new td {
  background:
    radial-gradient(480px 190px at 92% 18%, rgba(77,141,255,.17), transparent 74%),
    linear-gradient(145deg, rgba(12,33,66,.94), rgba(3,11,25,.97)) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-notifications-table tbody tr.seen td {
  background:
    linear-gradient(145deg, rgba(7,17,36,.84), rgba(2,8,19,.94)) !important;
  color: rgba(220,231,246,.78) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-notifications-table tbody tr:hover td {
  transform: translateY(-2px) !important;
  border-top-color: rgba(248,214,109,.30) !important;
  border-bottom-color: rgba(248,214,109,.30) !important;
  box-shadow: 0 18px 44px rgba(0,0,0,.32) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-notifications-table tbody tr:hover td:first-child { border-inline-end-color: rgba(248,214,109,.30) !important; }
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-notifications-table tbody tr:hover td:last-child { border-inline-start-color: rgba(248,214,109,.30) !important; }

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-notifications-table .msg {
  position: relative;
  padding: 4px 0;
  color: rgba(238,246,255,.95) !important;
  font-size: 14.5px;
  line-height: 2.05;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-notifications-table tr.new .msg::before {
  content: "جدید";
  display: inline-flex;
  align-items: center;
  margin-inline-end: 8px;
  padding: 4px 9px;
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(248,214,109,.95), rgba(77,141,255,.82));
  color: #07101f;
  font-size: 11px;
  font-weight: 950;
  line-height: 1;
  vertical-align: middle;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .date-pill,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .status-badge,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .legacy-file-locked {
  min-height: 40px !important;
  padding: 9px 12px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.065) !important;
  border-color: rgba(164,196,255,.18) !important;
  color: rgba(232,240,255,.88) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 10px 22px rgba(0,0,0,.16) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .status-new {
  background: linear-gradient(135deg, rgba(248,214,109,.22), rgba(77,141,255,.20)) !important;
  border-color: rgba(248,214,109,.34) !important;
  color: rgba(255,245,205,.98) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .status-seen {
  opacity: .82;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .legacy-file-locked {
  color: rgba(253,230,138,.88) !important;
  border-color: rgba(248,214,109,.24) !important;
  background: linear-gradient(135deg, rgba(248,214,109,.11), rgba(2,8,20,.20)) !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-notifications-page .btnx {
  min-height: 46px !important;
  padding: 11px 14px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(164,196,255,.18) !important;
  text-decoration: none !important;
  font-size: 12.5px !important;
  white-space: normal !important;
  line-height: 1.55 !important;
  transform: translateY(0);
  transition: transform 160ms ease, box-shadow 160ms ease, filter 160ms ease, border-color 160ms ease;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .btn-dl,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .btn-watch {
  min-width: 112px;
  color: #06101f !important;
  border-color: rgba(248,214,109,.42) !important;
  background:
    linear-gradient(135deg, #ffdc62 0%, #d4a447 38%, #4d8dff 100%) !important;
  box-shadow:
    0 14px 28px rgba(0,0,0,.28),
    0 0 22px rgba(248,214,109,.14),
    inset 0 1px 0 rgba(255,255,255,.34) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .btn-mark {
  min-width: 106px;
  color: rgba(255,245,205,.96) !important;
  background:
    linear-gradient(145deg, rgba(248,214,109,.14), rgba(14,30,58,.82)) !important;
  border-color: rgba(248,214,109,.30) !important;
  box-shadow:
    0 12px 26px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(255,255,255,.10) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-notifications-page .btnx:hover {
  transform: translateY(-2px) !important;
  filter: saturate(1.10) brightness(1.04) !important;
  box-shadow:
    0 18px 36px rgba(0,0,0,.34),
    0 0 28px rgba(77,141,255,.16),
    inset 0 1px 0 rgba(255,255,255,.16) !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-change-password .uvd-password-card {
  background:
    radial-gradient(420px 180px at 90% 0%, rgba(94,234,255,.11), transparent 70%),
    linear-gradient(155deg, rgba(13,31,59,.86), rgba(3,9,22,.94)) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-change-password .uvd-password-submit {
  background: linear-gradient(135deg, #ffdc62 0%, #d2a348 42%, #4d8dff 100%) !important;
  color: #06101f !important;
  border-color: rgba(248,214,109,.42) !important;
  box-shadow: 0 18px 40px rgba(0,0,0,.30), 0 0 26px rgba(248,214,109,.13), inset 0 1px 0 rgba(255,255,255,.32) !important;
}

@media (max-width: 860px) {
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-notifications-table-wrap {
    overflow: visible !important;
  }
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-notifications-table,
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-notifications-table tbody,
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-notifications-table tr,
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-notifications-table td {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
  }
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-notifications-table thead {
    display: none !important;
  }
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-notifications-table tbody tr {
    display: grid !important;
    gap: 10px;
    margin: 0 0 14px;
    padding: 12px;
    border-radius: 26px;
    border: 1px solid rgba(164,196,255,.14);
    background: linear-gradient(145deg, rgba(8,20,42,.84), rgba(2,8,20,.94));
    box-shadow: 0 16px 42px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.06);
  }
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-notifications-table tbody td,
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-notifications-table tbody td:first-child,
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-notifications-table tbody td:last-child {
    border: 1px solid rgba(164,196,255,.12) !important;
    border-radius: 18px !important;
    padding: 12px 13px !important;
    background: rgba(255,255,255,.035) !important;
    box-shadow: none !important;
    text-align: right !important;
  }
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-notifications-table td::before {
    content: attr(data-uvd-label);
    display: block;
    margin-bottom: 7px;
    color: rgba(248,214,109,.88);
    font-size: 11px;
    font-weight: 950;
  }
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-notifications-table .col-file,
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-notifications-table .col-status,
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-notifications-table .col-date,
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-notifications-table .col-act {
    text-align: right !important;
  }
}

/* ==========================================================
   Phase 3D.2.3 — Notifications RTL Table Alignment Fix
   Keeps the premium Dark Luxury message table aligned with the page shell,
   fixes RTL edge radii, and prevents desktop/mobile left overflow.
   Classic remains protected by the Phase 3D.2.2 regression guard.
   ========================================================== */
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications {
  --uvd-active-skin-phase: phase-3d-2-3-notifications-rtl-table-alignment;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-notifications-shell,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-user-page-head,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-user-table-wrap,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-notifications-table,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-notifications-table tr,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-notifications-table th,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-notifications-table td {
  box-sizing: border-box !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-notifications-shell,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-user-page-head,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-user-table-wrap {
  width: 100% !important;
  max-width: 100% !important;
  margin-inline-start: 0 !important;
  margin-inline-end: 0 !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-user-table-wrap {
  display: block !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-notifications-table {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}

/* RTL visual edge fix: first DOM column is the visual right edge; last DOM column is the visual left edge. */
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-notifications-table tbody td:first-child {
  border-radius: 0 !important;
  border-start-start-radius: 24px !important;
  border-end-start-radius: 24px !important;
  border-start-end-radius: 0 !important;
  border-end-end-radius: 0 !important;
  border-inline-start-width: 1px !important;
  border-inline-end-width: 0 !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-notifications-table tbody td:last-child {
  border-radius: 0 !important;
  border-start-start-radius: 0 !important;
  border-end-start-radius: 0 !important;
  border-start-end-radius: 24px !important;
  border-end-end-radius: 24px !important;
  border-inline-start-width: 0 !important;
  border-inline-end-width: 1px !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-notifications-table tbody tr:hover td:first-child {
  border-inline-start-color: rgba(248,214,109,.30) !important;
  border-inline-end-color: rgba(164,196,255,.13) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-notifications-table tbody tr:hover td:last-child {
  border-inline-end-color: rgba(248,214,109,.30) !important;
  border-inline-start-color: rgba(164,196,255,.13) !important;
}

@media (max-width: 860px) {
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-notifications-shell {
    padding: clamp(12px, 4vw, 18px) !important;
    border-radius: 26px !important;
  }

  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-notifications-head {
    grid-template-columns: 1fr !important;
    align-items: stretch !important;
  }

  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-user-table-wrap {
    padding: 10px !important;
    overflow-x: hidden !important;
    overflow-y: visible !important;
  }

  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-notifications-table {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    table-layout: auto !important;
  }

  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-notifications-table tbody tr {
    width: 100% !important;
    max-width: 100% !important;
    margin-inline-start: 0 !important;
    margin-inline-end: 0 !important;
    overflow: hidden !important;
  }

  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-notifications-table tbody td,
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-notifications-table tbody td:first-child,
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-notifications-table tbody td:last-child {
    width: 100% !important;
    max-width: 100% !important;
    border: 1px solid rgba(164,196,255,.12) !important;
    border-radius: 18px !important;
    border-start-start-radius: 18px !important;
    border-start-end-radius: 18px !important;
    border-end-start-radius: 18px !important;
    border-end-end-radius: 18px !important;
    padding: 12px 13px !important;
    background: rgba(255,255,255,.035) !important;
    box-shadow: none !important;
    text-align: right !important;
  }
}


/* ==========================================================
   Phase 3D.2.4 — Simple Pages Mobile Containment + Dashboard-Parity Polish
   Scope: Dark Luxury only for dashboard/notifications.php and
   dashboard/change_password.php. Classic remains untouched.
   This block deliberately comes last so it can neutralize older 3D.2.x
   table/mobile rules that allowed left overflow on phones.
   ========================================================== */
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-change-password,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications {
  --uvd-active-skin-phase: phase-3d-2-4-simple-pages-mobile-containment-dashboard-parity;
  --uvd-user-shell-radius: var(--dl-radius-card, 27px);
  --uvd-user-shell-bg:
    radial-gradient(900px 390px at 90% -12%, rgba(94,234,255,.18), transparent 68%),
    radial-gradient(720px 310px at 6% -2%, rgba(248,214,109,.16), transparent 66%),
    linear-gradient(148deg, rgba(12,28,53,.88), rgba(3,10,24,.97) 58%, rgba(6,14,29,.94));
  --uvd-user-shell-border: rgba(161,195,255,.22);
  --uvd-user-shell-shadow: var(--dl-shadow-card, 0 26px 70px rgba(0,0,0,.46)), 0 0 46px rgba(77,141,255,.08);
  --uvd-user-card-bg:
    radial-gradient(500px 220px at 88% 0%, rgba(77,141,255,.14), transparent 70%),
    linear-gradient(155deg, rgba(14,32,60,.88), rgba(4,10,23,.95));
  --uvd-user-card-border: rgba(161,195,255,.20);
  --uvd-user-card-shadow: 0 26px 70px rgba(0,0,0,.40), 0 0 0 1px rgba(255,255,255,.035) inset;
  --uvd-user-table-bg: rgba(2,6,23,.28);
  --uvd-user-table-border: rgba(161,195,255,.16);
  --uvd-user-table-head-bg: linear-gradient(145deg, rgba(39,68,113,.78), rgba(9,21,45,.90));
  --uvd-user-table-head-border: rgba(161,195,255,.20);
  --uvd-user-chip-bg: rgba(255,255,255,.075);
  --uvd-user-chip-border: rgba(161,195,255,.18);
  --uvd-user-chip-text: rgba(232,240,255,.90);
  --uvd-user-notification-row-border: rgba(161,195,255,.16);
  --uvd-user-notification-row-hover-border: rgba(248,214,109,.34);
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-change-password main.uvd-simple-page,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications main.uvd-simple-page {
  display: block !important;
  width: 100% !important;
  max-width: 100vw !important;
  min-width: 0 !important;
  min-height: calc(100vh - 70px) !important;
  margin: 0 !important;
  padding: clamp(16px, 3vw, 34px) clamp(10px, 3vw, 24px) 42px !important;
  gap: 0 !important;
  box-sizing: border-box !important;
  overflow-x: hidden !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-change-password .uvd-simple-shell,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-simple-shell {
  width: min(var(--uvd-user-shell-max, 1040px), 100%) !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin-inline: auto !important;
  box-sizing: border-box !important;
  border: 1px solid transparent !important;
  background:
    var(--uvd-user-shell-bg) padding-box,
    linear-gradient(135deg, rgba(161,195,255,.34), rgba(248,214,109,.20), rgba(94,234,255,.16)) border-box !important;
  box-shadow: var(--uvd-user-shell-shadow) !important;
  backdrop-filter: blur(20px) saturate(136%);
  -webkit-backdrop-filter: blur(20px) saturate(136%);
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-change-password .uvd-user-page-head,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-user-page-head,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-change-password .uvd-user-card,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-user-table-wrap,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-user-empty {
  border: 1px solid transparent !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.026)) padding-box,
    linear-gradient(135deg, rgba(161,195,255,.31), rgba(248,214,109,.18), rgba(94,234,255,.13)) border-box !important;
  box-shadow: var(--dl-shadow-card, 0 26px 70px rgba(0,0,0,.46), 0 0 0 1px rgba(255,255,255,.035) inset) !important;
  backdrop-filter: blur(18px) saturate(132%);
  -webkit-backdrop-filter: blur(18px) saturate(132%);
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-change-password .uvd-user-page-head,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-user-page-head {
  overflow: hidden !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-change-password .uvd-user-card::after,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-user-table-wrap::after,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-user-empty::after {
  content: "";
  position: absolute;
  inset: auto 18px 7px 18px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(248,214,109,.28), transparent);
  pointer-events: none;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-change-password .uvd-password-card,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-user-table-wrap,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-user-empty {
  position: relative;
  overflow: hidden;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-change-password .uvd-user-input,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-change-password .uvd-password-rules li,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-change-password .uvd-password-strength,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-change-password .uvd-password-message {
  border-color: rgba(161,195,255,.18) !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.050), rgba(2,8,20,.44)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.055), 0 12px 28px rgba(0,0,0,.16) !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-change-password .uvd-password-rules li.valid {
  border-color: rgba(56,229,156,.30) !important;
  background: linear-gradient(145deg, rgba(56,229,156,.13), rgba(2,8,20,.30)) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-change-password .uvd-password-rules li.invalid {
  border-color: rgba(251,82,101,.28) !important;
  background: linear-gradient(145deg, rgba(251,82,101,.105), rgba(2,8,20,.30)) !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-change-password .uvd-user-button,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-user-button,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-change-password .uvd-user-back,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-user-back {
  background: linear-gradient(145deg, rgba(31,57,99,.82), rgba(13,25,48,.90)) !important;
  border-color: rgba(161,195,255,.24) !important;
  color: rgba(241,247,255,.97) !important;
  box-shadow: 0 15px 34px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.11) !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-change-password .uvd-password-submit,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .btn-dl,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .btn-watch {
  background: linear-gradient(135deg, #ffdc62 0%, #d4a447 38%, #4d8dff 100%) !important;
  border-color: rgba(248,214,109,.44) !important;
  color: #06101f !important;
  box-shadow: var(--dl-shadow-gold, 0 20px 58px rgba(184,135,43,.23), 0 0 38px rgba(248,214,109,.16)), inset 0 1px 0 rgba(255,255,255,.34) !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-user-table-wrap {
  overflow-x: auto !important;
  overflow-y: visible !important;
  max-width: 100% !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-notifications-table,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-notifications-table * {
  box-sizing: border-box !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-notifications-table {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-notifications-table td,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-notifications-table th,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-notifications-table .msg {
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .date-pill,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .status-badge,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .legacy-file-locked,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-notifications-page .btnx {
  max-width: 100% !important;
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}

@media (max-width: 860px) {
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-change-password main.uvd-simple-page,
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications main.uvd-simple-page {
    padding: 12px 8px 32px !important;
  }

  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-change-password .uvd-simple-shell,
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-simple-shell {
    border-radius: 24px !important;
    padding: 12px !important;
  }

  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-change-password .uvd-user-page-head,
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-user-page-head {
    padding: 15px !important;
    border-radius: 21px !important;
    gap: 12px !important;
  }

  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-change-password .uvd-user-toolbar,
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-user-toolbar,
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-change-password .uvd-user-back,
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-user-back {
    width: 100% !important;
    max-width: 100% !important;
  }

  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-change-password .uvd-password-card {
    width: 100% !important;
    max-width: 100% !important;
    padding: 14px !important;
    border-radius: 22px !important;
  }

  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-change-password .uvd-password-label-row {
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 5px !important;
  }

  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-change-password .uvd-password-rules {
    grid-template-columns: 1fr !important;
  }

  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-user-table-wrap {
    padding: 9px !important;
    border-radius: 22px !important;
    overflow-x: hidden !important;
    max-width: 100% !important;
  }

  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-notifications-table,
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-notifications-table tbody,
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-notifications-table tr,
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-notifications-table td {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-notifications-table tbody tr {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 9px !important;
    margin: 0 0 13px !important;
    padding: 10px !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-notifications-table tbody td,
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-notifications-table tbody td:first-child,
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-notifications-table tbody td:last-child {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 7px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 12px !important;
    border-radius: 18px !important;
    text-align: right !important;
    overflow: hidden !important;
  }

  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-notifications-table td::before {
    min-width: 0 !important;
    overflow-wrap: anywhere !important;
  }

  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-notifications-table .col-file > *,
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-notifications-table .col-status > *,
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-notifications-table .col-date > *,
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-notifications-table .col-act > * {
    width: 100% !important;
    max-width: 100% !important;
    justify-self: stretch !important;
  }

  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .date-pill,
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .status-badge,
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .legacy-file-locked,
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-notifications-page .btnx {
    display: inline-flex !important;
    width: 100% !important;
    min-height: 44px !important;
    white-space: normal !important;
    text-align: center !important;
    line-height: 1.65 !important;
    padding-inline: 10px !important;
  }
}

@media (max-width: 420px) {
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-change-password main.uvd-simple-page,
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications main.uvd-simple-page {
    padding-inline: 6px !important;
  }

  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-change-password .uvd-simple-shell,
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-simple-shell {
    padding: 10px !important;
    border-radius: 22px !important;
  }

  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-user-table-wrap {
    padding: 7px !important;
  }

  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-notifications .uvd-notifications-table tbody tr {
    padding: 8px !important;
    border-radius: 22px !important;
  }
}

/* ==========================================================
   Phase 3D.3 — Dashboard Profile & Settings Dark Luxury Polish
   Classic was anchored first in classic-base.css. This block only upgrades the
   Dark Luxury profile/settings surfaces on dashboard/index.php and keeps the
   existing avatar, theme preference, push-test and student-info logic intact.
   ========================================================== */
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home {
  --dl-profile-shell-bg:
    radial-gradient(420px 220px at 88% 0%, rgba(248,214,109,.135), transparent 68%),
    radial-gradient(360px 220px at 10% 4%, rgba(94,234,255,.105), transparent 66%),
    linear-gradient(180deg, rgba(255,255,255,.078), rgba(255,255,255,.024)) padding-box,
    linear-gradient(135deg, rgba(161,195,255,.31), rgba(248,214,109,.17), rgba(94,234,255,.13)) border-box;
  --dl-profile-card-bg:
    radial-gradient(330px 170px at 92% 0%, rgba(248,214,109,.11), transparent 68%),
    radial-gradient(260px 160px at 6% 100%, rgba(94,234,255,.09), transparent 70%),
    linear-gradient(180deg, rgba(255,255,255,.070), rgba(255,255,255,.024)) padding-box,
    linear-gradient(135deg, rgba(161,195,255,.28), rgba(94,234,255,.10), rgba(248,214,109,.13)) border-box;
  --dl-profile-chip-bg:
    linear-gradient(135deg, rgba(77,141,255,.22), rgba(11,26,55,.62)) padding-box,
    linear-gradient(135deg, rgba(161,195,255,.30), rgba(248,214,109,.20), rgba(94,234,255,.10)) border-box;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .welcome-section--profile,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .user-info-section[data-student-info-card] {
  box-sizing: border-box !important;
  min-width: 0 !important;
  max-width: 100% !important;
  border: 1px solid transparent !important;
  backdrop-filter: blur(24px) saturate(158%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(158%) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .welcome-section--profile {
  padding: clamp(18px, 2.15vw, 25px) !important;
  border-radius: 34px !important;
  background: var(--dl-profile-shell-bg) !important;
  box-shadow:
    0 30px 90px rgba(0,0,0,.43),
    0 0 46px rgba(77,141,255,.11),
    inset 0 1px 0 rgba(255,255,255,.14),
    inset 0 -18px 32px rgba(0,0,0,.12) !important;
  isolation: isolate !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .welcome-section--profile::before {
  opacity: .74 !important;
  mix-blend-mode: screen !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .welcome-section--profile h2 {
  color: rgba(250,253,255,.98) !important;
  letter-spacing: -.35px !important;
  text-shadow: 0 18px 42px rgba(0,0,0,.43), 0 0 24px rgba(94,234,255,.075) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .welcome-section--profile .welcome-text,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .avatar-flash--welcome {
  color: rgba(218,231,255,.82) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .welcome-avatar-card {
  width: 154px !important;
  height: 154px !important;
  flex-basis: 154px !important;
  border-radius: 34px !important;
  background:
    radial-gradient(110px 110px at 24% 18%, rgba(94,234,255,.22), transparent 66%),
    radial-gradient(112px 112px at 78% 88%, rgba(248,214,109,.18), transparent 68%),
    linear-gradient(145deg, rgba(255,255,255,.125), rgba(7,16,34,.62)) padding-box,
    linear-gradient(135deg, rgba(220,236,255,.38), rgba(94,234,255,.18), rgba(248,214,109,.18)) border-box !important;
  border: 1px solid transparent !important;
  box-shadow:
    0 28px 70px rgba(0,0,0,.42),
    0 0 44px rgba(94,234,255,.10),
    inset 0 1px 0 rgba(255,255,255,.24),
    inset 0 -15px 28px rgba(0,0,0,.13) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .welcome-avatar-card::before {
  inset: 11px !important;
  border-radius: 27px !important;
  background:
    radial-gradient(circle at 28% 18%, rgba(94,234,255,.30), transparent 44%),
    radial-gradient(circle at 78% 82%, rgba(248,214,109,.22), transparent 46%),
    linear-gradient(180deg, rgba(255,255,255,.060), rgba(255,255,255,.018)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.10) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .welcome-avatar-orb {
  width: 106px !important;
  height: 106px !important;
  border: 3px solid rgba(248,250,252,.26) !important;
  background:
    radial-gradient(circle at 28% 16%, rgba(255,255,255,.22), transparent 38%),
    linear-gradient(135deg, rgba(77,141,255,.42), rgba(12,24,52,.88)) !important;
  box-shadow:
    0 18px 42px rgba(0,0,0,.42),
    0 0 0 7px rgba(77,141,255,.15),
    0 0 0 12px rgba(248,214,109,.075) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .welcome-avatar-edit {
  background: linear-gradient(145deg, rgba(255,255,255,.22), rgba(6,18,43,.82)) !important;
  border-color: rgba(215,230,255,.32) !important;
  color: rgba(255,255,255,.98) !important;
  box-shadow: 0 16px 38px rgba(0,0,0,.42), 0 0 18px rgba(94,234,255,.10), inset 0 1px 0 rgba(255,255,255,.22) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .welcome-avatar-edit:hover {
  transform: translateY(-1px) !important;
  filter: brightness(1.08) saturate(1.08) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .welcome-avatar-menu {
  width: min(196px, calc(100vw - 32px)) !important;
  border-radius: 22px !important;
  padding: 8px !important;
  background:
    radial-gradient(190px 90px at 86% 0%, rgba(248,214,109,.13), transparent 70%),
    linear-gradient(180deg, rgba(14,27,52,.985), rgba(4,9,21,.985)) !important;
  border: 1px solid rgba(161,195,255,.30) !important;
  box-shadow: 0 30px 78px rgba(0,0,0,.62), 0 0 32px rgba(77,141,255,.14), inset 0 1px 0 rgba(255,255,255,.08) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .welcome-avatar-menu__item:hover {
  background: rgba(77,141,255,.20) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .welcome-avatar-menu__item--danger {
  color: #fecaca !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .user-info-section[data-student-info-card] {
  padding: clamp(16px, 2vw, 22px) !important;
  border-radius: 30px !important;
  background: var(--dl-profile-card-bg) !important;
  box-shadow:
    0 26px 74px rgba(0,0,0,.40),
    0 0 38px rgba(77,141,255,.095),
    inset 0 1px 0 rgba(255,255,255,.12) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .student-info-head {
  padding: 0 0 13px !important;
  margin-bottom: 14px !important;
  border-bottom: 1px solid rgba(161,195,255,.15) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .student-info-title-wrap {
  min-width: 0 !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .student-info-title-wrap h3 {
  color: rgba(248,251,255,.98) !important;
  font-size: 16.5px !important;
  margin-bottom: 0 !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .student-info-collapse-cue {
  background: rgba(77,141,255,.15) !important;
  border-color: rgba(161,195,255,.19) !important;
  color: rgba(218,231,255,.74) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .uvd-theme-switcher--dashboard {
  box-sizing: border-box !important;
  max-width: 100% !important;
  margin: 0 0 14px !important;
  padding: 11px !important;
  border-radius: 24px !important;
  background:
    radial-gradient(260px 86px at 92% -8%, rgba(248,214,109,.13), transparent 70%),
    linear-gradient(180deg, rgba(255,255,255,.078), rgba(255,255,255,.028)) padding-box,
    linear-gradient(135deg, rgba(161,195,255,.24), rgba(94,234,255,.10), rgba(248,214,109,.12)) border-box !important;
  border: 1px solid transparent !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.085), 0 14px 34px rgba(0,0,0,.22) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .uvd-theme-switcher--dashboard .uvd-theme-switcher__options {
  min-width: 0 !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .uvd-theme-switcher--dashboard .uvd-theme-option {
  min-width: 0 !important;
  background: rgba(7,17,36,.58) !important;
  border-color: rgba(161,195,255,.24) !important;
  color: rgba(235,244,255,.94) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 8px 20px rgba(0,0,0,.14) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .uvd-theme-switcher--dashboard .uvd-theme-option.is-active {
  background:
    radial-gradient(120px 44px at 82% 0%, rgba(248,214,109,.16), transparent 70%),
    linear-gradient(135deg, rgba(77,141,255,.38), rgba(13,30,70,.66)) !important;
  border-color: rgba(248,214,109,.40) !important;
  box-shadow: 0 14px 32px rgba(77,141,255,.20), inset 0 1px 0 rgba(255,255,255,.16) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .student-info-details,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .student-info-details li,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .group-chip-list,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .group-chip,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .group-more-toggle,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .push-test-pill {
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .student-info-details li {
  padding: 10px 12px !important;
  border-radius: 18px !important;
  background: rgba(8,18,38,.44) !important;
  border: 1px solid rgba(161,195,255,.16) !important;
  color: rgba(231,239,255,.93) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.055) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .group-chip,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .group-more-toggle {
  background: var(--dl-profile-chip-bg) !important;
  border: 1px solid transparent !important;
  color: rgba(255,244,205,.97) !important;
  box-shadow: 0 10px 22px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.06) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .push-test-pill {
  background:
    radial-gradient(150px 70px at 84% 0%, rgba(74,222,128,.18), transparent 68%),
    linear-gradient(135deg, rgba(34,197,94,.18), rgba(7,18,38,.70)) padding-box,
    linear-gradient(135deg, rgba(74,222,128,.33), rgba(161,195,255,.16)) border-box !important;
  border: 1px solid transparent !important;
  box-shadow: 0 15px 36px rgba(34,197,94,.12), inset 0 1px 0 rgba(255,255,255,.10) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .avatar-crop-panel,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .avatar-confirm-panel {
  border-radius: 30px !important;
  background:
    radial-gradient(470px 250px at 88% 0%, rgba(94,234,255,.14), transparent 66%),
    radial-gradient(410px 250px at 12% 0%, rgba(248,214,109,.12), transparent 64%),
    linear-gradient(180deg, rgba(10,20,40,.97), rgba(3,8,20,.985)) !important;
  border: 1px solid rgba(161,195,255,.30) !important;
  box-shadow: 0 38px 126px rgba(0,0,0,.72), 0 0 40px rgba(77,141,255,.11), inset 0 1px 0 rgba(255,255,255,.08) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .avatar-crop-head,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .avatar-crop-actions {
  border-color: rgba(161,195,255,.16) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .avatar-crop-stage {
  background: rgba(7,17,36,.64) !important;
  border-color: rgba(161,195,255,.22) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 18px 46px rgba(0,0,0,.28) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .avatar-primary-btn,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .avatar-danger-btn,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .avatar-secondary-btn {
  border-radius: 17px !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .avatar-primary-btn {
  background: var(--uvd-action-bg-important) !important;
  border: 1px solid transparent !important;
  box-shadow: 0 16px 38px rgba(37,99,235,.24), inset 0 1px 0 rgba(255,255,255,.22) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .avatar-secondary-btn {
  background: rgba(255,255,255,.075) !important;
  border-color: rgba(161,195,255,.20) !important;
  color: rgba(231,239,255,.94) !important;
}
@media (max-width: 860px) {
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .welcome-section--profile {
    align-items: center !important;
    text-align: center !important;
  }
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .student-info-head {
    align-items: stretch !important;
  }
}
@media (max-width: 640px) {
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .welcome-section--profile,
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .user-info-section[data-student-info-card] {
    border-radius: 26px !important;
    padding: 15px 13px !important;
  }
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .welcome-avatar-card {
    width: 126px !important;
    height: 126px !important;
    flex-basis: 126px !important;
    border-radius: 27px !important;
  }
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .welcome-avatar-orb {
    width: 88px !important;
    height: 88px !important;
  }
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .uvd-theme-switcher--dashboard {
    align-items: stretch !important;
    gap: 9px !important;
  }
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .uvd-theme-switcher--dashboard .uvd-theme-switcher__options {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: 100% !important;
  }
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .uvd-theme-switcher--dashboard .uvd-theme-option {
    width: 100% !important;
    padding-inline: 8px !important;
    white-space: normal !important;
    text-align: center !important;
  }
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .student-info-details {
    grid-template-columns: 1fr !important;
  }
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .group-chip-list {
    display: flex !important;
    margin-right: 0 !important;
    margin-top: 6px !important;
  }
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .group-chip,
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .group-more-toggle {
    white-space: normal !important;
  }
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .push-test-pill {
    width: 100% !important;
    white-space: normal !important;
    justify-content: flex-start !important;
  }
}
@media (max-width: 380px) {
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .uvd-theme-switcher--dashboard .uvd-theme-switcher__options {
    grid-template-columns: 1fr !important;
  }
}

/* ==========================================================
   Phase 3D.3.1 — Dashboard mobile theme switcher containment.
   The mobile placement is owned by the shared dashboard contract; this skin
   only fixes the Dark Luxury visual fit so the two options never overlap or
   bleed past the left edge of the glass student-info card.
   ========================================================== */
@media (max-width: 640px) {
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .uvd-theme-switcher--dashboard-desktop {
    display: none !important;
  }
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .student-info-details > li.student-info-theme-detail {
    display: block !important;
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
    padding: 9px !important;
  }
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .student-info-theme-detail .uvd-theme-switcher--dashboard-mobile-detail {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 10px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .student-info-theme-detail .uvd-theme-switcher__label {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    white-space: normal !important;
    line-height: 1.5 !important;
    text-align: right !important;
  }
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .student-info-theme-detail .uvd-theme-switcher__options {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    justify-content: stretch !important;
    align-items: stretch !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .student-info-theme-detail .uvd-theme-option {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex: none !important;
    box-sizing: border-box !important;
    padding-inline: 7px !important;
    gap: 5px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
  }
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .student-info-theme-detail .uvd-theme-option__dot {
    flex: 0 0 auto !important;
  }
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .student-info-theme-detail .uvd-theme-option__text {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
}
@media (max-width: 360px) {
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .student-info-theme-detail .uvd-theme-switcher__options {
    grid-template-columns: 1fr !important;
  }
}

/* Phase 3D.4 — Shared Chat Module Dark Luxury Theme
   Scope: chat/chat.php as launched by dashboard/chat.php and admin/chat.php.
   Role logic, AJAX endpoints, message rendering JS, upload, receipts, search and
   websocket tickets are intentionally untouched; these are visual overrides only. */
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module {
  --uvd-chat-theme-phase: phase-3d-4;
  --chat-bg-0: var(--dl-bg-0, #030812);
  --chat-bg-1: var(--dl-bg-1, #07101f);
  --chat-card: rgba(8, 17, 34, .72);
  --chat-card-strong: rgba(14, 28, 53, .86);
  --chat-card-soft: rgba(19, 38, 70, .52);
  --chat-border: rgba(154, 188, 255, .22);
  --chat-border-strong: rgba(174, 204, 255, .36);
  --chat-text: rgba(242, 247, 255, .96);
  --chat-muted: rgba(203, 216, 238, .74);
  --chat-gold: var(--dl-gold, #f8d66d);
  --chat-blue: var(--dl-blue, #4d8dff);
  --chat-cyan: var(--dl-cyan, #5ee9ff);
  --chat-rose: var(--dl-rose, #fb7185);
  --chat-green: var(--dl-green, #38e59c);
  color: var(--chat-text) !important;
  background:
    radial-gradient(760px 430px at 12% -8%, rgba(94,234,255,.18), transparent 64%),
    radial-gradient(780px 480px at 92% 2%, rgba(77,141,255,.20), transparent 60%),
    radial-gradient(720px 520px at 88% 88%, rgba(248,214,109,.10), transparent 62%),
    radial-gradient(720px 560px at -12% 96%, rgba(167,139,250,.12), transparent 64%),
    linear-gradient(180deg, var(--chat-bg-0), var(--chat-bg-1) 54%, #03060d) !important;
  background-attachment: fixed !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module::before,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module::after {
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:0;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module::before {
  background:
    linear-gradient(110deg, transparent 0 22%, rgba(255,255,255,.035) 22.3%, transparent 23% 62%, rgba(94,234,255,.03) 62.2%, transparent 63%),
    radial-gradient(circle at 52% 8%, rgba(255,255,255,.12), transparent 1px),
    radial-gradient(circle at 24% 74%, rgba(248,214,109,.13), transparent 1.1px),
    radial-gradient(circle at 82% 62%, rgba(94,234,255,.12), transparent 1px);
  background-size:auto, 142px 142px, 190px 190px, 228px 228px;
  opacity:.32;
  mix-blend-mode:screen;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module::after {
  background:
    linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px),
    linear-gradient(180deg, rgba(255,255,255,.012) 1px, transparent 1px);
  background-size:46px 46px;
  mask-image:radial-gradient(circle at 50% 20%, #000 0, transparent 78%);
  opacity:.34;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .uvd-chat-app {
  position:relative;
  z-index:1;
  background:transparent !important;
  isolation:isolate;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .topbar {
  background:
    radial-gradient(520px 160px at 78% 0%, rgba(248,214,109,.16), transparent 68%),
    radial-gradient(520px 180px at 16% 0%, rgba(94,234,255,.15), transparent 64%),
    linear-gradient(135deg, rgba(9,18,35,.90), rgba(23,42,72,.84) 48%, rgba(5,10,22,.94)) !important;
  border-bottom:1px solid rgba(162,196,255,.24) !important;
  box-shadow:0 24px 60px rgba(0,0,0,.44), inset 0 1px 0 rgba(255,255,255,.09), inset 0 -1px 0 rgba(248,214,109,.12) !important;
  backdrop-filter:blur(20px) saturate(150%) !important;
  -webkit-backdrop-filter:blur(20px) saturate(150%) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .badge {
  color:#fff7cf !important;
  background:
    radial-gradient(circle at 30% 18%, rgba(255,255,255,.36), transparent 30%),
    linear-gradient(145deg, rgba(248,214,109,.32), rgba(77,141,255,.24) 54%, rgba(15,27,51,.78)) !important;
  border-color:rgba(248,214,109,.36) !important;
  box-shadow:0 18px 42px rgba(0,0,0,.32), 0 0 30px rgba(248,214,109,.12), inset 0 1px 0 rgba(255,255,255,.18) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .title {
  color:#fff !important;
  text-shadow:0 12px 32px rgba(77,141,255,.20), 0 4px 14px rgba(0,0,0,.45);
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .pill,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .back-btn,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .presence-btn,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .conversation-search-toggle,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .sidebar-toggle {
  border-color:rgba(162,196,255,.25) !important;
  background:linear-gradient(145deg, rgba(18,34,62,.76), rgba(7,15,31,.72)) !important;
  color:rgba(239,246,255,.94) !important;
  box-shadow:0 12px 28px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.08) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .back-btn.alt,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .room-year-pill {
  border-color:rgba(248,214,109,.34) !important;
  background:linear-gradient(145deg, rgba(248,214,109,.16), rgba(20,34,58,.72)) !important;
  color:#fde68a !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .main {
  background:
    radial-gradient(620px 460px at 45% 0%, rgba(77,141,255,.09), transparent 68%),
    linear-gradient(180deg, rgba(3,8,18,.10), rgba(3,8,18,.26)) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .sidebar {
  background:
    radial-gradient(360px 260px at 85% 0%, rgba(248,214,109,.11), transparent 70%),
    linear-gradient(180deg, rgba(9,18,35,.74), rgba(4,9,20,.66)) !important;
  border-right-color:rgba(162,196,255,.19) !important;
  box-shadow:inset 1px 0 0 rgba(255,255,255,.05), 24px 0 70px rgba(0,0,0,.18) !important;
  backdrop-filter:blur(18px) saturate(140%) !important;
  -webkit-backdrop-filter:blur(18px) saturate(140%) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .sidebar .box,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .sidebar-head {
  border-bottom-color:rgba(162,196,255,.16) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .mode-btn,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .compose-btn,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .search-close,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .panel-title-action {
  background:linear-gradient(145deg, rgba(16,31,57,.82), rgba(7,15,31,.80)) !important;
  border-color:rgba(162,196,255,.22) !important;
  color:rgba(239,246,255,.90) !important;
  box-shadow:0 12px 26px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.07) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .mode-btn.is-active,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .compose-btn.is-active,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .panel-title-action:hover {
  background:linear-gradient(145deg, rgba(77,141,255,.92), rgba(30,79,216,.84) 58%, rgba(16,31,66,.90)) !important;
  border-color:rgba(125,211,252,.42) !important;
  color:#fff !important;
  box-shadow:0 18px 42px rgba(29,78,216,.30), inset 0 1px 0 rgba(255,255,255,.20) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .sidebar-item,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .online-item,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .sidebar-empty,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .live-status,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .search-input {
  background:linear-gradient(145deg, rgba(16,31,57,.68), rgba(7,14,29,.58)) !important;
  border-color:rgba(162,196,255,.18) !important;
  color:var(--chat-text) !important;
  box-shadow:0 13px 32px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.06) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .sidebar-item.is-active {
  border-color:rgba(125,211,252,.48) !important;
  background:
    radial-gradient(220px 120px at 90% 0%, rgba(248,214,109,.13), transparent 68%),
    linear-gradient(145deg, rgba(77,141,255,.24), rgba(12,24,48,.76)) !important;
  box-shadow:0 18px 46px rgba(29,78,216,.22), inset 0 1px 0 rgba(255,255,255,.10) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .sidebar-title,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .panel-title,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .sidebar h3 {
  color:rgba(239,246,255,.94) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .sidebar-sub,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .sidebar-time,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .online-item .st {
  color:var(--chat-muted) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .chat {
  background:
    radial-gradient(540px 380px at 50% 0%, rgba(94,234,255,.07), transparent 70%),
    linear-gradient(180deg, rgba(2,6,23,.12), rgba(2,6,23,.22)) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .messages {
  background:
    radial-gradient(430px 260px at 78% 10%, rgba(77,141,255,.08), transparent 66%),
    radial-gradient(440px 260px at 22% 94%, rgba(248,214,109,.055), transparent 68%) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .sep,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .sticky-date-badge,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .messages .top-loader .top-loader-label {
  border-color:rgba(248,214,109,.24) !important;
  background:linear-gradient(145deg, rgba(248,214,109,.13), rgba(12,24,48,.76)) !important;
  color:#fde68a !important;
  box-shadow:0 14px 34px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.08) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .msg {
  border-color:rgba(162,196,255,.18) !important;
  box-shadow:0 20px 48px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.10) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .msg:not(.admin):not(.superadmin).other {
  background:linear-gradient(145deg, rgba(18,34,62,.72), rgba(8,17,34,.58)) !important;
  border-color:rgba(162,196,255,.18) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .msg:not(.admin):not(.superadmin).self {
  background:
    radial-gradient(160px 120px at 12% 0%, rgba(94,234,255,.14), transparent 62%),
    linear-gradient(145deg, rgba(58,133,255,.42), rgba(29,78,216,.24) 58%, rgba(9,20,42,.66)) !important;
  border-color:rgba(125,211,252,.30) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .msg.admin {
  border-color:rgba(248,214,109,.46) !important;
  background:
    radial-gradient(170px 120px at 18% 0%, rgba(248,214,109,.20), transparent 68%),
    linear-gradient(145deg, rgba(248,214,109,.16), rgba(9,18,35,.70)) !important;
  box-shadow:0 22px 52px rgba(184,135,43,.16), inset 0 1px 0 rgba(255,255,255,.12) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .msg.superadmin {
  border-color:rgba(251,113,133,.46) !important;
  background:
    radial-gradient(170px 120px at 18% 0%, rgba(251,113,133,.22), transparent 68%),
    linear-gradient(145deg, rgba(251,82,101,.18), rgba(9,18,35,.70)) !important;
  box-shadow:0 22px 52px rgba(244,63,94,.16), inset 0 1px 0 rgba(255,255,255,.12) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .author,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .text,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .forward-message-card .forward-header {
  color:rgba(242,247,255,.95) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .time,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .r-text,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .r-hint,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .audio-label,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .file-link span {
  color:var(--chat-muted) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .reply-box,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .thumb,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .audio-wrap,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .file-link,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .forward-message-card,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .forward-reply-snapshot,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .up-wrap,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .att-chip,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .reply-bar,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .input-wrap {
  background:linear-gradient(145deg, rgba(9,18,35,.54), rgba(2,6,23,.34)) !important;
  border-color:rgba(162,196,255,.18) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .reply-box .r-author,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .reply-bar .ttl {
  color:#fde68a !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .reaction-pill,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .react-toggle-btn,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .reply-btn,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .more-btn,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .rate-btn,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .attach-btn,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .desktop-tool-btn {
  background:linear-gradient(145deg, rgba(16,31,57,.76), rgba(7,15,31,.70)) !important;
  border-color:rgba(162,196,255,.24) !important;
  color:rgba(239,246,255,.94) !important;
  box-shadow:0 10px 24px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.07) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .reaction-pill.active,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .react-toggle-btn[aria-expanded="true"] {
  background:linear-gradient(145deg, rgba(77,141,255,.28), rgba(8,17,34,.72)) !important;
  border-color:rgba(125,211,252,.40) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .composer {
  background:
    radial-gradient(360px 160px at 80% 0%, rgba(248,214,109,.10), transparent 72%),
    linear-gradient(0deg, rgba(9,18,35,.92), rgba(4,9,20,.78)) !important;
  border-top-color:rgba(162,196,255,.20) !important;
  box-shadow:0 -24px 70px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.08) !important;
  backdrop-filter:blur(20px) saturate(145%) !important;
  -webkit-backdrop-filter:blur(20px) saturate(145%) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module textarea {
  color:var(--chat-text) !important;
  caret-color:var(--chat-cyan) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module textarea::placeholder,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .search-input::placeholder,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .conversation-search-input::placeholder,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .forward-search::placeholder {
  color:rgba(203,216,238,.58) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .action-btn {
  background:
    radial-gradient(circle at 30% 18%, rgba(255,255,255,.30), transparent 28%),
    linear-gradient(145deg, rgba(77,141,255,.98), rgba(29,78,216,.94) 56%, rgba(16,31,66,.96)) !important;
  border:1px solid rgba(125,211,252,.34) !important;
  box-shadow:0 20px 48px rgba(29,78,216,.34), inset 0 1px 0 rgba(255,255,255,.28) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .action-btn.mic {
  background:
    radial-gradient(circle at 30% 18%, rgba(255,255,255,.32), transparent 28%),
    linear-gradient(145deg, rgba(248,214,109,.96), rgba(184,135,43,.92) 58%, rgba(74,50,14,.96)) !important;
  border:1px solid rgba(248,214,109,.42) !important;
  box-shadow:0 20px 48px rgba(184,135,43,.30), inset 0 1px 0 rgba(255,255,255,.30) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .modal-overlay,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .read-receipts-overlay,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module #lb {
  background:radial-gradient(circle at center, rgba(77,141,255,.13), rgba(2,6,23,.82) 44%, rgba(0,0,0,.88)) !important;
  backdrop-filter:blur(14px) saturate(118%) !important;
  -webkit-backdrop-filter:blur(14px) saturate(118%) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .modal-card,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .read-receipts-card,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .forward-card,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .emoji-card,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .sticker-card,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .conversation-search-panel,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .search-panel,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .message-context-menu,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .conversation-menu,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .reaction-picker-panel {
  background:
    radial-gradient(340px 210px at 84% 0%, rgba(248,214,109,.12), transparent 68%),
    linear-gradient(145deg, rgba(12,24,48,.96), rgba(5,10,22,.96)) !important;
  border-color:rgba(162,196,255,.24) !important;
  color:var(--chat-text) !important;
  box-shadow:0 34px 105px rgba(0,0,0,.62), inset 0 1px 0 rgba(255,255,255,.08) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .modal-title,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .forward-title,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .read-receipts-title,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .conversation-search-title,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .forward-pane-title {
  color:#fff !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .modal-text,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .forward-subtitle,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .read-receipts-sub,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .chat-status-settings-note {
  color:var(--chat-muted) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .modal-btn,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .modal-x,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .read-receipts-close,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .conversation-search-close,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .conversation-search-clear,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .chat-settings-save,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .chat-settings-cancel {
  border-color:rgba(162,196,255,.24) !important;
  background:linear-gradient(145deg, rgba(16,31,57,.82), rgba(7,15,31,.78)) !important;
  color:var(--chat-text) !important;
  box-shadow:0 12px 28px rgba(0,0,0,.23), inset 0 1px 0 rgba(255,255,255,.08) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .modal-btn.danger,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .chat-settings-save {
  background:linear-gradient(145deg, rgba(77,141,255,.92), rgba(29,78,216,.86) 58%, rgba(16,31,66,.94)) !important;
  border-color:rgba(125,211,252,.42) !important;
  color:#fff !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .del-btn,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .up-cancel,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .reply-bar .x,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .att-chip .rm {
  background:linear-gradient(145deg, rgba(251,82,101,.94), rgba(190,18,60,.92)) !important;
  color:#fff !important;
  border:1px solid rgba(251,113,133,.36) !important;
  box-shadow:0 14px 34px rgba(244,63,94,.28), inset 0 1px 0 rgba(255,255,255,.18) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .forward-preview,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .forward-targets,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .group-visibility-list,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .chat-settings-row label,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .chat-settings-section,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .conversation-search-result,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .forward-target-row {
  background:linear-gradient(145deg, rgba(16,31,57,.58), rgba(6,13,27,.50)) !important;
  border-color:rgba(162,196,255,.18) !important;
  color:var(--chat-text) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .forward-preview-author,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .forward-preview-message,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .forward-target-name,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .search-jump-main span,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .search-jump-main b {
  color:rgba(242,247,255,.94) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .forward-preview-empty,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .search-jump-main small {
  color:var(--chat-muted) !important;
}
@media (max-width: 768px) {
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .topbar-inner {
    padding:10px 10px !important;
    gap:8px !important;
  }
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .brand {
    gap:8px !important;
  }
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .badge {
    width:38px !important;
    height:38px !important;
    border-radius:14px !important;
    flex:0 0 auto !important;
  }
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .title {
    font-size:15px !important;
  }
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .pill,
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .back-btn,
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .presence-btn {
    min-width:0 !important;
    max-width:100% !important;
    white-space:normal !important;
    line-height:1.55 !important;
  }
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .sidebar {
    background:linear-gradient(180deg, rgba(8,17,34,.96), rgba(3,8,18,.98)) !important;
    box-shadow:-24px 0 78px rgba(0,0,0,.46), inset 1px 0 0 rgba(255,255,255,.05) !important;
  }
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .msg,
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .msg.grouped.other,
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .msg.grouped.self {
    max-width:min(88%, calc(100vw - 52px)) !important;
  }
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .composer-inner {
    padding:9px 8px calc(10px + env(safe-area-inset-bottom)) !important;
  }
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .input-row,
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .chat-settings-actions,
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .modal-actions,
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .group-visibility-toolbar {
    max-width:100% !important;
    overflow-x:clip !important;
  }
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .forward-card,
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .modal-card,
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .read-receipts-card {
    width:min(94vw, 560px) !important;
    max-width:94vw !important;
  }
}
@media (max-width: 420px) {
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .topbar-inner {
    grid-template-columns:minmax(0,auto) minmax(0,1fr) auto !important;
  }
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .left-tools {
    gap:6px !important;
  }
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .back-btn.header-panel-btn {
    padding-inline:9px !important;
    font-size:11.5px !important;
  }
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .sub-right {
    gap:5px !important;
  }
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .msg,
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .msg.grouped.other,
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .msg.grouped.self {
    max-width:min(91%, calc(100vw - 40px)) !important;
  }
}

/* Phase 3D.4.1 — Chat gateway follow-up visual fixes
   These overrides are intentionally CSS-only: they keep the shared chat JS/AJAX/API
   contracts unchanged while making Dark Luxury states clearer and closer to the
   dashboard glass palette. */
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module {
  --uvd-chat-theme-phase: phase-3d-4-1;
  --chat-card: rgba(18, 34, 62, .66);
  --chat-card-strong: rgba(25, 45, 78, .78);
  --chat-card-soft: rgba(31, 57, 96, .48);
  --chat-border: rgba(180, 209, 255, .25);
  --chat-border-strong: rgba(196, 221, 255, .40);
  --chat-muted: rgba(211, 225, 246, .78);
  --chat-gold: #f8d66d;
  --chat-rose: #fb7185;
  --chat-green: #34d399;
  background:
    radial-gradient(820px 460px at 14% -8%, rgba(94,234,255,.22), transparent 64%),
    radial-gradient(820px 500px at 92% 1%, rgba(77,141,255,.24), transparent 60%),
    radial-gradient(760px 540px at 88% 88%, rgba(248,214,109,.13), transparent 62%),
    radial-gradient(760px 560px at -12% 96%, rgba(167,139,250,.14), transparent 64%),
    linear-gradient(180deg, #07101f, #0a1628 54%, #050b17) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .topbar {
  background:
    radial-gradient(520px 160px at 78% 0%, rgba(248,214,109,.19), transparent 68%),
    radial-gradient(520px 180px at 16% 0%, rgba(94,234,255,.18), transparent 64%),
    linear-gradient(135deg, rgba(17,32,58,.88), rgba(30,53,88,.80) 48%, rgba(9,18,35,.90)) !important;
  border-bottom-color:rgba(196,221,255,.28) !important;
  box-shadow:0 22px 58px rgba(1,7,18,.38), inset 0 1px 0 rgba(255,255,255,.11), inset 0 -1px 0 rgba(248,214,109,.14) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .main {
  background:
    radial-gradient(640px 470px at 46% 0%, rgba(77,141,255,.12), transparent 68%),
    linear-gradient(180deg, rgba(10,22,40,.16), rgba(5,12,24,.22)) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .sidebar {
  background:
    radial-gradient(380px 270px at 88% 0%, rgba(248,214,109,.14), transparent 70%),
    radial-gradient(420px 320px at 12% 100%, rgba(94,234,255,.08), transparent 72%),
    linear-gradient(180deg, rgba(16,31,57,.70), rgba(8,17,34,.68)) !important;
  border-right-color:rgba(196,221,255,.23) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .sidebar-item,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .online-item,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .sidebar-empty,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .live-status,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .search-input {
  background:linear-gradient(145deg, rgba(25,45,78,.62), rgba(10,22,40,.52)) !important;
  border-color:rgba(196,221,255,.22) !important;
  box-shadow:0 13px 32px rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.08) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .chat {
  background:
    radial-gradient(560px 390px at 50% 0%, rgba(94,234,255,.10), transparent 70%),
    linear-gradient(180deg, rgba(7,16,30,.10), rgba(7,16,30,.18)) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .composer {
  background:
    radial-gradient(380px 170px at 80% 0%, rgba(248,214,109,.13), transparent 72%),
    linear-gradient(0deg, rgba(17,32,58,.88), rgba(9,18,35,.74)) !important;
  border-top-color:rgba(196,221,255,.24) !important;
  box-shadow:0 -22px 66px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.10) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .presence-btn.is-on {
  background:
    radial-gradient(circle at 30% 18%, rgba(255,255,255,.34), transparent 30%),
    linear-gradient(145deg, rgba(52,211,153,.98), rgba(22,163,74,.94) 56%, rgba(5,74,45,.96)) !important;
  border-color:rgba(110,231,183,.58) !important;
  color:#ecfdf5 !important;
  box-shadow:0 18px 44px rgba(16,185,129,.30), 0 0 0 1px rgba(187,247,208,.12) inset, inset 0 1px 0 rgba(255,255,255,.28) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .presence-btn.is-on::before {
  content:"";
  display:inline-block;
  width:8px;
  height:8px;
  margin-inline-end:7px;
  border-radius:999px;
  background:#bbf7d0;
  box-shadow:0 0 0 4px rgba(34,197,94,.18), 0 0 18px rgba(187,247,208,.72);
  vertical-align:middle;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .presence-btn.is-busy {
  filter:saturate(.86) brightness(.92);
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .sidebar-title.role-admin,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .online-item.is-admin .name,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .online-item.is-admin .name .name-label {
  color:#f8d66d !important;
  text-shadow:0 0 18px rgba(248,214,109,.22);
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .sidebar-title.role-super,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .online-item.is-super .name,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .online-item.is-super .name .name-label {
  color:#fb7185 !important;
  text-shadow:0 0 18px rgba(251,113,133,.24);
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .role-chip.role-admin {
  color:#fde68a !important;
  background:rgba(248,214,109,.14) !important;
  border-color:rgba(248,214,109,.32) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .role-chip.role-super {
  color:#fecdd3 !important;
  background:rgba(251,113,133,.14) !important;
  border-color:rgba(251,113,133,.34) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .online-item.is-admin {
  border-color:rgba(248,214,109,.34) !important;
  background:linear-gradient(145deg, rgba(248,214,109,.13), rgba(12,24,48,.58)) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .online-item.is-super {
  border-color:rgba(251,113,133,.36) !important;
  background:linear-gradient(145deg, rgba(251,113,133,.14), rgba(12,24,48,.58)) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .online-item.is-admin .st {
  color:rgba(248,214,109,.88) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .online-item.is-super .st {
  color:rgba(251,113,133,.88) !important;
}
@media (max-width: 768px) {
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-chat-module.uvd-chat-module .sidebar {
    background:
      radial-gradient(420px 280px at 90% 0%, rgba(248,214,109,.14), transparent 70%),
      linear-gradient(180deg, rgba(14,29,54,.96), rgba(6,14,29,.98)) !important;
  }
}

/* Phase 3D.5 — Troubleshooting / Smart Troubleshooting Dark Luxury Theme
   Scope: dashboard/Troubleshooting.php. Search, filesystem scan, image/txt/voice
   discovery and lightbox JavaScript are intentionally untouched. */
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-troubleshooting {
  --uvd-trouble-theme-phase: phase-3d-5;
  --uvd-trouble-text: var(--dl-ink, rgba(239,246,255,.96));
  --uvd-trouble-muted: var(--dl-muted, rgba(203,213,225,.78));
  --uvd-trouble-heading: var(--dl-gold, #f8d66d);
  --uvd-trouble-shell-radius: 28px;
  --uvd-trouble-shell-bg:
    radial-gradient(680px 260px at 82% 0%, rgba(248,214,109,.15), transparent 68%),
    radial-gradient(720px 320px at 12% 0%, rgba(94,234,255,.13), transparent 66%),
    linear-gradient(150deg, rgba(14,28,53,.82), rgba(8,16,33,.74) 50%, rgba(3,8,18,.86));
  --uvd-trouble-shell-border: rgba(162,196,255,.24);
  --uvd-trouble-shell-shadow: var(--dl-shadow-deep, 0 34px 95px rgba(0,0,0,.62));
  --uvd-trouble-shell-filter: blur(20px) saturate(145%);
  --uvd-trouble-back-text: rgba(239,246,255,.96);
  --uvd-trouble-back-bg:
    linear-gradient(145deg, rgba(77,141,255,.24), rgba(13,27,52,.74));
  --uvd-trouble-back-border: rgba(162,196,255,.26);
  --uvd-trouble-back-hover-border: rgba(248,214,109,.44);
  --uvd-trouble-back-shadow: 0 15px 34px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.08);
  --uvd-trouble-back-hover-shadow: 0 20px 44px rgba(29,78,216,.26), 0 0 22px rgba(248,214,109,.10), inset 0 1px 0 rgba(255,255,255,.12);
  --uvd-trouble-input-bg: linear-gradient(145deg, rgba(18,35,65,.72), rgba(7,15,31,.62));
  --uvd-trouble-input-border: rgba(162,196,255,.22);
  --uvd-trouble-input-text: rgba(244,248,255,.96);
  --uvd-trouble-input-focus-border: rgba(94,234,255,.48);
  --uvd-trouble-input-focus-shadow: 0 0 0 4px rgba(94,234,255,.12), 0 16px 32px rgba(29,78,216,.14);
  --uvd-trouble-option-bg: #0b1426;
  --uvd-trouble-option-text: rgba(239,246,255,.96);
  --uvd-trouble-submit-bg: linear-gradient(145deg, var(--dl-blue, #4d8dff), var(--dl-blue-2, #1e4fd8) 55%, rgba(13,27,55,.96));
  --uvd-trouble-submit-text: #fff;
  --uvd-trouble-submit-shadow: 0 16px 36px rgba(29,78,216,.30), inset 0 1px 0 rgba(255,255,255,.18);
  --uvd-trouble-submit-hover-shadow: 0 22px 52px rgba(29,78,216,.36), 0 0 28px rgba(94,234,255,.13), inset 0 1px 0 rgba(255,255,255,.22);
  --uvd-trouble-card-bg:
    radial-gradient(320px 180px at 92% 0%, rgba(248,214,109,.11), transparent 70%),
    linear-gradient(150deg, rgba(18,35,65,.64), rgba(7,15,31,.55));
  --uvd-trouble-card-border: rgba(162,196,255,.20);
  --uvd-trouble-card-radius: 24px;
  --uvd-trouble-card-shadow: 0 24px 62px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.075);
  --uvd-trouble-card-title: rgba(255,249,230,.98);
  --uvd-trouble-solver: var(--dl-green, #38e59c);
  --uvd-trouble-image-radius: 18px;
  --uvd-trouble-image-shadow: 0 20px 52px rgba(0,0,0,.40), 0 0 0 1px rgba(255,255,255,.06) inset;
  --uvd-trouble-answer-bg: linear-gradient(145deg, rgba(3,10,24,.45), rgba(19,38,70,.34));
  --uvd-trouble-answer-border: rgba(162,196,255,.17);
  --uvd-trouble-answer-text: rgba(232,240,255,.92);
  --uvd-trouble-lightbox-bg: rgba(2,6,14,.88);
  --uvd-trouble-lightbox-filter: blur(16px) saturate(130%);
  --uvd-trouble-lightbox-caption-text: rgba(239,246,255,.96);
  --uvd-trouble-lightbox-caption-bg: linear-gradient(145deg, rgba(12,24,48,.76), rgba(3,8,18,.72));
  --uvd-trouble-lightbox-caption-border: rgba(162,196,255,.22);
  --uvd-trouble-lightbox-close-text: #fff;
  --uvd-trouble-lightbox-close-bg: linear-gradient(145deg, rgba(251,113,133,.30), rgba(20,34,58,.70));
  --uvd-trouble-lightbox-close-border: rgba(251,113,133,.30);
  --uvd-trouble-lightbox-close-hover-bg: linear-gradient(145deg, rgba(251,113,133,.42), rgba(77,141,255,.20));
  color: var(--uvd-trouble-text) !important;
  background:
    radial-gradient(880px 520px at 18% -10%, rgba(94,234,255,.18), transparent 62%),
    radial-gradient(740px 470px at 80% 0%, rgba(77,141,255,.19), transparent 60%),
    radial-gradient(760px 520px at 102% 42%, rgba(248,214,109,.11), transparent 65%),
    radial-gradient(760px 560px at -10% 100%, rgba(167,139,250,.13), transparent 62%),
    linear-gradient(180deg, var(--dl-bg-0, #030812), var(--dl-bg-1, #07101f) 52%, #04070f) !important;
  background-attachment: fixed !important;
  overflow-x: hidden;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-troubleshooting::before,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-troubleshooting::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-troubleshooting::before {
  background:
    linear-gradient(110deg, transparent 0 18%, rgba(255,255,255,.035) 18.2%, transparent 18.8% 56%, rgba(94,234,255,.035) 56.2%, transparent 57%),
    radial-gradient(circle at 50% 8%, rgba(255,255,255,.12), transparent 1px),
    radial-gradient(circle at 28% 74%, rgba(248,214,109,.13), transparent 1.2px),
    radial-gradient(circle at 83% 64%, rgba(94,234,255,.13), transparent 1px);
  background-size: auto, 140px 140px, 190px 190px, 230px 230px;
  opacity: .34;
  mix-blend-mode: screen;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-troubleshooting::after {
  background: linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px), linear-gradient(180deg, rgba(255,255,255,.014) 1px, transparent 1px);
  background-size: 46px 46px;
  mask-image: radial-gradient(circle at 50% 18%, #000 0, transparent 76%);
  opacity: .42;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-troubleshooting header,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-troubleshooting #menu-btn,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-troubleshooting #side-menu,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-troubleshooting .uvd-troubleshooting-page,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-troubleshooting .uvd-troubleshooting-lightbox {
  position: relative;
  z-index: 1;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-troubleshooting .uvd-troubleshooting-lightbox {
  position: fixed;
  z-index: 9999;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-troubleshooting header {
  background:
    radial-gradient(420px 160px at 72% 0%, rgba(248,214,109,.20), transparent 68%),
    radial-gradient(520px 180px at 18% 0%, rgba(94,234,255,.16), transparent 62%),
    linear-gradient(135deg, rgba(9,18,35,.88), rgba(24,39,68,.82) 48%, rgba(7,12,24,.92)) !important;
  border: 1px solid rgba(162,196,255,.22) !important;
  border-top: 0 !important;
  box-shadow: 0 22px 58px rgba(0,0,0,.45), 0 1px 0 rgba(255,255,255,.10) inset, 0 -1px 0 rgba(248,214,109,.10) inset !important;
  backdrop-filter: blur(18px) saturate(145%);
  -webkit-backdrop-filter: blur(18px) saturate(145%);
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-troubleshooting header .center {
  color: var(--dl-gold, #f8d66d) !important;
  text-shadow: 0 2px 22px rgba(248,214,109,.22) !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-troubleshooting .uvd-troubleshooting-shell {
  position: relative;
  isolation: isolate;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-troubleshooting .uvd-troubleshooting-shell::before {
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: inherit;
  pointer-events: none;
  background:
    linear-gradient(125deg, rgba(255,255,255,.13), transparent 24% 72%, rgba(248,214,109,.10)),
    radial-gradient(420px 220px at 8% 0%, rgba(94,234,255,.08), transparent 68%);
  opacity: .88;
  z-index: -1;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-troubleshooting .uvd-troubleshooting-title {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  letter-spacing: -.02em;
  text-shadow: 0 2px 20px rgba(248,214,109,.16);
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-troubleshooting .uvd-troubleshooting-title::before {
  content: "";
  width: 7px;
  height: 18px;
  border-radius: 999px;
  background: linear-gradient(180deg, var(--dl-gold, #f8d66d), var(--dl-cyan, #5ee9ff));
  box-shadow: 0 0 18px rgba(94,234,255,.22);
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-troubleshooting .uvd-troubleshooting-card {
  position: relative;
  isolation: isolate;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-troubleshooting .uvd-troubleshooting-card::before {
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: inherit;
  pointer-events: none;
  background: linear-gradient(135deg, rgba(255,255,255,.08), transparent 36% 76%, rgba(94,234,255,.05));
  z-index: -1;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-troubleshooting .uvd-troubleshooting-empty {
  color: rgba(255,244,214,.96);
  background:
    radial-gradient(260px 120px at 90% 0%, rgba(251,191,36,.12), transparent 68%),
    linear-gradient(145deg, rgba(18,35,65,.62), rgba(7,15,31,.60));
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-troubleshooting .uvd-troubleshooting-image:hover {
  filter: saturate(1.05) contrast(1.03);
  box-shadow: 0 26px 68px rgba(0,0,0,.46), 0 0 30px rgba(94,234,255,.11);
}

@media(max-width:768px) {
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-troubleshooting .uvd-troubleshooting-shell {
    border-radius: 22px;
  }
}

/* ==========================================================
   Phase 3D.5.1 — Troubleshooting Dark Luxury Menu Parity + Layering Hotfix
   Scope: dashboard/Troubleshooting.php in Dark Luxury only.
   Fixes the 3D.5 troubleshooting decorative stacking context so the shared
   header menu keeps the same fixed placement, panel styling, and click layer as
   the rest of the Dark Luxury user pages. Classic remains untouched.
   ========================================================== */
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-troubleshooting {
  --uvd-trouble-menu-phase: phase-3d-5-1;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-troubleshooting #menu-btn {
  position: fixed !important;
  top: calc(15px + env(safe-area-inset-top, 0px)) !important;
  right: calc(15px + env(safe-area-inset-right, 0px)) !important;
  z-index: 12000 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  min-width: 94px !important;
  min-height: 54px !important;
  padding: 10px 16px !important;
  border: 1px solid rgba(195,218,255,.34) !important;
  border-radius: 18px !important;
  background: linear-gradient(145deg, rgba(60,130,246,.98), rgba(28,76,190,.98) 58%, rgba(15,38,105,.98)) !important;
  color: #fff !important;
  box-shadow: 0 18px 42px rgba(37,99,235,.34), inset 0 1px 0 rgba(255,255,255,.26), inset 0 -10px 22px rgba(0,0,0,.15) !important;
  font-family: Vazirmatn, 'B-Titr', Tahoma, sans-serif !important;
  font-size: 17px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  letter-spacing: -.01em;
  cursor: pointer;
  transform: translateZ(0);
  transition: transform .18s var(--dl-ease, cubic-bezier(.2,.8,.2,1)), box-shadow .18s var(--dl-ease, cubic-bezier(.2,.8,.2,1)), filter .18s var(--dl-ease, cubic-bezier(.2,.8,.2,1));
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-troubleshooting #menu-btn:hover {
  transform: translateY(-2px) scale(1.015);
  box-shadow: 0 24px 56px rgba(37,99,235,.46), 0 0 24px rgba(94,234,255,.20), inset 0 1px 0 rgba(255,255,255,.35) !important;
  filter: saturate(1.06);
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-troubleshooting #side-menu {
  position: fixed !important;
  top: 0 !important;
  bottom: 0 !important;
  right: -250px !important;
  width: 250px !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  z-index: 11950 !important;
  box-sizing: border-box !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  padding-top: calc(84px + env(safe-area-inset-top, 0px)) !important;
  padding-bottom: calc(18px + env(safe-area-inset-bottom, 0px)) !important;
  background:
    radial-gradient(260px 220px at 85% 5%, rgba(248,214,109,.16), transparent 62%),
    radial-gradient(300px 240px at 16% 18%, rgba(94,234,255,.12), transparent 66%),
    linear-gradient(180deg, rgba(9,18,35,.96), rgba(5,10,21,.98)) !important;
  border-left: 1px solid rgba(161,195,255,.22) !important;
  box-shadow: -32px 0 88px rgba(0,0,0,.62), inset 1px 0 0 rgba(255,255,255,.06) !important;
  color: var(--dl-ink, rgba(239,246,255,.96)) !important;
  transition: right .3s ease !important;
  transform: translateZ(0);
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-troubleshooting #side-menu.open {
  right: 0 !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-troubleshooting #side-menu .username {
  background: linear-gradient(135deg, rgba(31,57,99,.76), rgba(13,25,48,.84)) !important;
  border: 1px solid rgba(140,176,255,.20) !important;
  color: rgba(241,247,255,.96) !important;
  border-radius: 14px !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.07) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-troubleshooting #side-menu .user-groups-line {
  background: linear-gradient(135deg, rgba(31,57,99,.52), rgba(13,25,48,.64)) !important;
  border: 1px solid rgba(140,176,255,.18) !important;
  color: rgba(225,236,255,.92) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-troubleshooting #side-menu .group-chip {
  background: linear-gradient(135deg, rgba(77,141,255,.18), rgba(94,234,255,.08)) !important;
  border-color: rgba(161,195,255,.20) !important;
  color: rgba(241,247,255,.94) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-troubleshooting #side-menu .group-more-toggle {
  background: linear-gradient(135deg, rgba(248,214,109,.22), rgba(77,141,255,.14)) !important;
  border-color: rgba(248,214,109,.32) !important;
  color: rgba(255,249,230,.96) !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-troubleshooting #side-menu a {
  display: block !important;
  background: linear-gradient(135deg, rgba(31,57,99,.78), rgba(13,25,48,.86)) !important;
  border: 1px solid rgba(140,176,255,.22) !important;
  color: rgba(241,247,255,.96) !important;
  border-radius: 18px !important;
  box-shadow: 0 13px 30px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.08) !important;
  font-family: Vazirmatn, 'B-Titr', Tahoma, sans-serif !important;
  transition: transform .18s var(--dl-ease, cubic-bezier(.2,.8,.2,1)), border-color .18s var(--dl-ease, cubic-bezier(.2,.8,.2,1)), box-shadow .18s var(--dl-ease, cubic-bezier(.2,.8,.2,1)), filter .18s var(--dl-ease, cubic-bezier(.2,.8,.2,1));
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-troubleshooting #side-menu a:hover {
  transform: translateY(-2px);
  border-color: rgba(248,214,109,.42) !important;
  box-shadow: 0 18px 38px rgba(0,0,0,.34), 0 0 22px rgba(248,214,109,.10), inset 0 1px 0 rgba(255,255,255,.14) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-troubleshooting #side-menu a[href$="/logout.php"] {
  background: linear-gradient(135deg, rgba(127,29,29,.96), rgba(69,10,10,.95)) !important;
  color: #fee2e2 !important;
  border-color: rgba(248,113,113,.24) !important;
}

@media (max-width: 520px) {
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-troubleshooting #menu-btn {
    min-width: 84px !important;
    min-height: 48px !important;
    padding: 9px 13px !important;
    border-radius: 16px !important;
    font-size: 16px !important;
  }
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-troubleshooting #side-menu {
    width: min(86vw, 320px) !important;
    right: calc(-1 * min(86vw, 320px)) !important;
  }
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-troubleshooting #side-menu.open {
    right: 0 !important;
  }
}

/* ==========================================================
   Phase 3D.5.4 — Exact Phase 3D.5.1 Dashboard Menu Restoration
   + central use.

   User correction: the previous fixes were only similar. The source of truth is
   the actual Dark Luxury dashboard menu as it existed in Phase 3D.5.1. This
   block deliberately restores those exact dashboard menu skin values and applies
   them centrally to the shared header renderer. It does not redesign the menu.
   ========================================================== */
html[data-uvd-skin="dark-luxury-3d"] body[class] #menu-btn,
html[data-uvd-skin="dark-luxury-3d"] body[class] [data-uvd-component="site-menu-toggle"] {
  position: fixed !important;
  top: 14px !important;
  right: 14px !important;
  z-index: 12000 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  padding: 10px 14px !important;
  border: 1px solid rgba(195,218,255,.34) !important;
  border-radius: 18px !important;
  background: linear-gradient(145deg, rgba(60,130,246,.98), rgba(28,76,190,.98) 58%, rgba(15,38,105,.98)) !important;
  color: #fff !important;
  box-shadow: 0 18px 42px rgba(37,99,235,.36), inset 0 1px 0 rgba(255,255,255,.28), inset 0 -10px 22px rgba(0,0,0,.16) !important;
  font-family: Vazirmatn, Tahoma, sans-serif !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: .2px !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  transform: translateZ(0) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease, border-color .15s ease, opacity .15s ease !important;
}
html[data-uvd-skin="dark-luxury-3d"] body[class] #menu-btn:hover,
html[data-uvd-skin="dark-luxury-3d"] body[class] [data-uvd-component="site-menu-toggle"]:hover {
  transform: translateY(-2px) scale(1.015) !important;
  background: linear-gradient(145deg, rgba(60,130,246,.98), rgba(28,76,190,.98) 58%, rgba(15,38,105,.98)) !important;
  border-color: rgba(195,218,255,.34) !important;
  box-shadow: 0 24px 56px rgba(37,99,235,.46), 0 0 24px rgba(94,234,255,.20), inset 0 1px 0 rgba(255,255,255,.35) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body[class] #menu-btn:active,
html[data-uvd-skin="dark-luxury-3d"] body[class] [data-uvd-component="site-menu-toggle"]:active {
  transform: translateY(0) scale(.98) !important;
  opacity: .95 !important;
  box-shadow: 0 12px 26px rgba(0,0,0,.18) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body[class] #menu-btn:focus-visible,
html[data-uvd-skin="dark-luxury-3d"] body[class] [data-uvd-component="site-menu-toggle"]:focus-visible {
  outline: none !important;
  box-shadow: 0 0 0 4px rgba(59,130,246,.30), 0 18px 44px rgba(0,0,0,.55) !important;
}

html[data-uvd-skin="dark-luxury-3d"] body[class] #side-menu,
html[data-uvd-skin="dark-luxury-3d"] body[class] [data-uvd-component="site-menu"] {
  position: fixed !important;
  top: 0 !important;
  bottom: 0 !important;
  right: -250px !important;
  width: 250px !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  z-index: 11900 !important;
  box-sizing: border-box !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior: contain !important;
  -webkit-overflow-scrolling: touch !important;
  padding-top: calc(84px + env(safe-area-inset-top, 0px)) !important;
  padding-bottom: calc(18px + env(safe-area-inset-bottom, 0px)) !important;
  background:
    radial-gradient(260px 220px at 85% 5%, rgba(248,214,109,.17), transparent 62%),
    radial-gradient(300px 240px at 16% 18%, rgba(94,234,255,.13), transparent 66%),
    linear-gradient(180deg, rgba(9,18,35,.96), rgba(5,10,21,.98)) !important;
  border-left: 1px solid rgba(161,195,255,.22) !important;
  box-shadow: -32px 0 88px rgba(0,0,0,.62), inset 1px 0 0 rgba(255,255,255,.06) !important;
  color: var(--dl-ink) !important;
  font-family: 'B-Nazanin', Tahoma, sans-serif !important;
  transition: right .3s ease !important;
  transform: translateZ(0) !important;
  scrollbar-width: thin !important;
}
html[data-uvd-skin="dark-luxury-3d"] body[class] #side-menu.open,
html[data-uvd-skin="dark-luxury-3d"] body[class] [data-uvd-component="site-menu"].open {
  right: 0 !important;
}
html[data-uvd-skin="dark-luxury-3d"] body[class] #side-menu::-webkit-scrollbar,
html[data-uvd-skin="dark-luxury-3d"] body[class] [data-uvd-component="site-menu"]::-webkit-scrollbar {
  width: 8px !important;
}
html[data-uvd-skin="dark-luxury-3d"] body[class] #side-menu::-webkit-scrollbar-thumb,
html[data-uvd-skin="dark-luxury-3d"] body[class] [data-uvd-component="site-menu"]::-webkit-scrollbar-thumb {
  background: rgba(57,117,196,.42) !important;
  border-radius: 999px !important;
}

html[data-uvd-skin="dark-luxury-3d"] body[class] #side-menu .username,
html[data-uvd-skin="dark-luxury-3d"] body[class] [data-uvd-component="site-menu"] .username {
  font-weight: bold !important;
  margin: 5px 10px 15px !important;
  color: rgba(226,232,240,.95) !important;
  text-align: center !important;
  background: rgba(59,130,246,.14) !important;
  padding: 10px !important;
  border-radius: 8px !important;
  border: 0 !important;
  box-shadow: none !important;
  line-height: 1.8 !important;
}
html[data-uvd-skin="dark-luxury-3d"] body[class] #side-menu .user-groups-line,
html[data-uvd-skin="dark-luxury-3d"] body[class] [data-uvd-component="site-menu"] .user-groups-line {
  max-height: min(220px, 32dvh) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior: contain !important;
  scrollbar-width: thin !important;
  padding: 10px 12px !important;
  margin: 0 10px 12px !important;
  border-radius: 14px !important;
  background: rgba(57,117,196,.08) !important;
  border: 1px solid rgba(57,117,196,.16) !important;
  color: inherit !important;
  overflow-wrap: anywhere !important;
}
html[data-uvd-skin="dark-luxury-3d"] body[class] #side-menu .user-groups-label,
html[data-uvd-skin="dark-luxury-3d"] body[class] [data-uvd-component="site-menu"] .user-groups-label {
  display: block !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  opacity: .88 !important;
  margin-bottom: 7px !important;
  color: inherit !important;
}
html[data-uvd-skin="dark-luxury-3d"] body[class] #side-menu .group-chip-list,
html[data-uvd-skin="dark-luxury-3d"] body[class] [data-uvd-component="site-menu"] .group-chip-list {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  align-items: center !important;
  line-height: 1.6 !important;
  margin: 0 !important;
}
html[data-uvd-skin="dark-luxury-3d"] body[class] #side-menu .group-chip,
html[data-uvd-skin="dark-luxury-3d"] body[class] [data-uvd-component="site-menu"] .group-chip,
html[data-uvd-skin="dark-luxury-3d"] body[class] #side-menu .group-more-toggle,
html[data-uvd-skin="dark-luxury-3d"] body[class] [data-uvd-component="site-menu"] .group-more-toggle {
  background:
    linear-gradient(135deg, rgba(77,141,255,.22), rgba(11,26,55,.62)) padding-box,
    linear-gradient(135deg, rgba(161,195,255,.30), rgba(248,214,109,.20), rgba(94,234,255,.10)) border-box !important;
  border: 1px solid transparent !important;
  color: rgba(255,244,205,.97) !important;
  box-shadow: 0 10px 22px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.06) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body[class] #side-menu .group-chip,
html[data-uvd-skin="dark-luxury-3d"] body[class] [data-uvd-component="site-menu"] .group-chip {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 4px 9px !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  max-width: 100% !important;
  word-break: break-word !important;
}
html[data-uvd-skin="dark-luxury-3d"] body[class] #side-menu .group-chip[hidden],
html[data-uvd-skin="dark-luxury-3d"] body[class] [data-uvd-component="site-menu"] .group-chip[hidden],
html[data-uvd-skin="dark-luxury-3d"] body[class] #side-menu .group-chip--extra[hidden],
html[data-uvd-skin="dark-luxury-3d"] body[class] [data-uvd-component="site-menu"] .group-chip--extra[hidden],
html[data-uvd-skin="dark-luxury-3d"] body[class] #side-menu [data-group-extra][hidden],
html[data-uvd-skin="dark-luxury-3d"] body[class] [data-uvd-component="site-menu"] [data-group-extra][hidden],
html[data-uvd-skin="dark-luxury-3d"] body[class] #side-menu .group-more-toggle[hidden],
html[data-uvd-skin="dark-luxury-3d"] body[class] [data-uvd-component="site-menu"] .group-more-toggle[hidden] {
  display: none !important;
}
html[data-uvd-skin="dark-luxury-3d"] body[class] #side-menu .group-more-toggle,
html[data-uvd-skin="dark-luxury-3d"] body[class] [data-uvd-component="site-menu"] .group-more-toggle {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 27px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  font-family: inherit !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  cursor: pointer !important;
}
html[data-uvd-skin="dark-luxury-3d"] body[class] #side-menu .group-more-toggle:hover,
html[data-uvd-skin="dark-luxury-3d"] body[class] [data-uvd-component="site-menu"] .group-more-toggle:hover {
  filter: saturate(1.12) !important;
  transform: translateY(-1px) !important;
}

html[data-uvd-skin="dark-luxury-3d"] body[class] #side-menu a,
html[data-uvd-skin="dark-luxury-3d"] body[class] [data-uvd-component="site-menu"] a {
  display: block !important;
  padding: 12px 15px !important;
  margin: 5px 10px !important;
  text-decoration: none !important;
  background: linear-gradient(135deg, rgba(31,57,99,.78), rgba(13,25,48,.86)) !important;
  border: 1px solid rgba(140,176,255,.22) !important;
  color: rgba(241,247,255,.96) !important;
  border-radius: 18px !important;
  box-shadow: 0 13px 30px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.08) !important;
  font-family: Vazirmatn, Tahoma, sans-serif !important;
  text-align: right !important;
  transition: transform .18s var(--dl-ease), border-color .18s var(--dl-ease), box-shadow .18s var(--dl-ease), filter .18s var(--dl-ease) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body[class] #side-menu a:hover,
html[data-uvd-skin="dark-luxury-3d"] body[class] [data-uvd-component="site-menu"] a:hover {
  transform: translateY(-2px) !important;
  background: linear-gradient(135deg, rgba(31,57,99,.78), rgba(13,25,48,.86)) !important;
  border-color: rgba(248,214,109,.42) !important;
  box-shadow: 0 18px 38px rgba(0,0,0,.34), 0 0 22px rgba(248,214,109,.10), inset 0 1px 0 rgba(255,255,255,.14) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body[class] #side-menu a[href$="/logout.php"],
html[data-uvd-skin="dark-luxury-3d"] body[class] [data-uvd-component="site-menu"] a[href$="/logout.php"] {
  position: sticky !important;
  bottom: max(8px, env(safe-area-inset-bottom, 0px)) !important;
  z-index: 20 !important;
  background: linear-gradient(135deg, rgba(127,29,29,.97), rgba(69,10,10,.96)) !important;
  color: #fee2e2 !important;
  border-color: rgba(248,113,113,.22) !important;
  border-radius: 14px !important;
  box-shadow: 0 -12px 28px rgba(0,0,0,.16) !important;
}

html[data-uvd-skin="dark-luxury-3d"] body[class] #side-menu [data-uvd-component="theme-switcher"].uvd-theme-switcher--menu,
html[data-uvd-skin="dark-luxury-3d"] body[class] [data-uvd-component="site-menu"] [data-uvd-component="theme-switcher"].uvd-theme-switcher--menu {
  background: linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.028)) !important;
  border: 1px solid rgba(161,195,255,.20) !important;
  box-shadow: 0 16px 36px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.08) !important;
  color: rgba(238,246,255,.94) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body[class] #side-menu .uvd-theme-switcher--menu .uvd-theme-option,
html[data-uvd-skin="dark-luxury-3d"] body[class] [data-uvd-component="site-menu"] .uvd-theme-switcher--menu .uvd-theme-option {
  background: linear-gradient(135deg, rgba(31,57,99,.72), rgba(13,25,48,.82)) !important;
  border: 1px solid rgba(161,195,255,.20) !important;
  color: rgba(241,247,255,.96) !important;
  box-shadow: 0 9px 20px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.06) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body[class] #side-menu .uvd-theme-switcher--menu .uvd-theme-option.is-active,
html[data-uvd-skin="dark-luxury-3d"] body[class] [data-uvd-component="site-menu"] .uvd-theme-switcher--menu .uvd-theme-option.is-active {
  background: linear-gradient(135deg, rgba(74,144,255,.40), rgba(85,231,255,.14)) !important;
  border-color: rgba(128,183,255,.55) !important;
  box-shadow: 0 12px 28px rgba(37,99,235,.20), inset 0 1px 0 rgba(255,255,255,.10) !important;
}

@media (max-height: 640px) {
  html[data-uvd-skin="dark-luxury-3d"] body[class] #side-menu,
  html[data-uvd-skin="dark-luxury-3d"] body[class] [data-uvd-component="site-menu"] {
    padding-top: calc(68px + env(safe-area-inset-top, 0px)) !important;
  }
}
@media (max-width: 768px) {
  html[data-uvd-skin="dark-luxury-3d"] body[class] #menu-btn,
  html[data-uvd-skin="dark-luxury-3d"] body[class] [data-uvd-component="site-menu-toggle"] {
    top: 12px !important;
    right: 12px !important;
    padding: 9px 12px !important;
    font-size: 16px !important;
    border-radius: 18px !important;
  }
}
@media (max-width: 520px) {
  html[data-uvd-skin="dark-luxury-3d"] body[class] #side-menu,
  html[data-uvd-skin="dark-luxury-3d"] body[class] [data-uvd-component="site-menu"] {
    width: min(86vw, 320px) !important;
    right: calc(-1 * min(86vw, 320px)) !important;
  }
  html[data-uvd-skin="dark-luxury-3d"] body[class] #side-menu.open,
  html[data-uvd-skin="dark-luxury-3d"] body[class] [data-uvd-component="site-menu"].open {
    right: 0 !important;
  }
}


/* ==========================================================
   Phase 3D.5.5 — Troubleshooting header actions + menu-toggle contract guard
   Scope: Dark Luxury troubleshooting page only.
   Keeps the shared dashboard-approved menu toggle from Phase 3D.5.4 and only
   neutralizes the older 3D.5.1 troubleshooting-specific dimensions that made
   this page's button larger than the central menu button.
   ========================================================== */
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-troubleshooting {
  --uvd-trouble-menu-phase: phase-3d-5-5-central-toggle-guard;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-troubleshooting .uvd-troubleshooting-heading-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin: 14px 0 12px;
  min-width: 0;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-troubleshooting .uvd-troubleshooting-heading-row .uvd-troubleshooting-title {
  margin: 0 !important;
  flex: 1 1 auto;
  min-width: 0;
  text-align: right;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-troubleshooting .uvd-troubleshooting-heading-row .uvd-troubleshooting-back {
  margin: 0 !important;
  flex: 0 0 auto;
  width: auto !important;
  max-width: min(100%, 260px);
  white-space: nowrap;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-troubleshooting #menu-btn,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-troubleshooting [data-uvd-component="site-menu-toggle"] {
  min-width: 0 !important;
  min-height: 0 !important;
  width: auto !important;
  height: auto !important;
  max-width: none !important;
  max-height: none !important;
  top: 14px !important;
  right: 14px !important;
  gap: 10px !important;
  padding: 10px 14px !important;
  font-family: Vazirmatn, Tahoma, sans-serif !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: .2px !important;
  border-radius: 18px !important;
}

@media (max-width: 768px) {
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-troubleshooting .uvd-troubleshooting-heading-row {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
    margin: 12px 0 10px;
  }

  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-troubleshooting .uvd-troubleshooting-heading-row .uvd-troubleshooting-back {
    width: 100% !important;
    max-width: 100%;
    white-space: normal;
  }

  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-troubleshooting #menu-btn,
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-troubleshooting [data-uvd-component="site-menu-toggle"] {
    min-width: 0 !important;
    min-height: 0 !important;
    width: auto !important;
    height: auto !important;
    top: 12px !important;
    right: 12px !important;
    padding: 9px 12px !important;
    font-size: 16px !important;
    border-radius: 18px !important;
  }
}

/* ==========================================================
   Phase 3D.6 — Shared media shell / preview-watch-download error theming
   Scope: media runtime pages only. Does not touch file access, signature,
   stream, binary delivery, or the central site menu.
   ========================================================== */
html[data-uvd-skin="dark-luxury-3d"] body.uvd-media-page {
  --uvd-active-skin-phase: phase-3d-6-dark-luxury-media-shell;
  --uvd-media-font: var(--dl-font, Vazirmatn, Tahoma, sans-serif);
  --uvd-media-page-bg:
    radial-gradient(980px 520px at 12% 4%, rgba(70,136,255,.30), transparent 58%),
    radial-gradient(820px 460px at 88% 20%, rgba(248,214,109,.14), transparent 62%),
    radial-gradient(900px 520px at 50% 98%, rgba(45,212,191,.10), transparent 64%),
    linear-gradient(145deg, #071021 0%, #0b1428 52%, #060a13 100%);
  --uvd-media-shell-gutter: 34px;
  --uvd-media-card-radius: 28px;
  --uvd-media-card-bg:
    linear-gradient(180deg, rgba(24,41,74,.78), rgba(9,18,36,.84)) padding-box,
    linear-gradient(145deg, rgba(177,207,255,.30), rgba(248,214,109,.18), rgba(77,141,255,.12)) border-box;
  --uvd-media-card-border: transparent;
  --uvd-media-card-shadow:
    0 30px 90px rgba(0,0,0,.58),
    0 0 0 1px rgba(255,255,255,.035),
    inset 0 1px 0 rgba(255,255,255,.12);
  --uvd-media-top-bg: linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.025));
  --uvd-media-divider: rgba(177,207,255,.16);
  --uvd-media-text: rgba(239,247,255,.96);
  --uvd-media-title: rgba(248,252,255,.98);
  --uvd-media-muted: rgba(203,221,248,.76);
  --uvd-media-eyebrow: rgba(248,214,109,.96);
  --uvd-media-button-bg:
    linear-gradient(135deg, rgba(59,130,246,.44), rgba(14,28,58,.86)) padding-box,
    linear-gradient(135deg, rgba(172,205,255,.48), rgba(248,214,109,.22), rgba(94,234,255,.16)) border-box;
  --uvd-media-button-border: transparent;
  --uvd-media-button-text: rgba(255,255,255,.98);
  --uvd-media-button-shadow: 0 16px 36px rgba(0,0,0,.34), 0 0 28px rgba(59,130,246,.13), inset 0 1px 0 rgba(255,255,255,.12);
  --uvd-media-button-secondary-bg: linear-gradient(135deg, rgba(255,255,255,.095), rgba(255,255,255,.035));
  --uvd-media-button-secondary-border: rgba(177,207,255,.22);
  --uvd-media-button-secondary-text: rgba(234,244,255,.94);
  --uvd-media-input-wrap-bg: rgba(8,16,34,.64);
  --uvd-media-input-wrap-border: rgba(177,207,255,.18);
  --uvd-media-input-wrap-shadow: inset 0 12px 24px rgba(0,0,0,.32), 0 10px 24px rgba(0,0,0,.16);
  --uvd-media-input-bg: rgba(3,9,22,.66);
  --uvd-media-input-border: rgba(177,207,255,.20);
  --uvd-media-input-text: rgba(255,255,255,.96);
  --uvd-media-frame-radius: 22px;
  --uvd-media-frame-shadow: 0 26px 78px rgba(0,0,0,.62), 0 0 0 1px rgba(177,207,255,.12);
  --uvd-media-badge-bg: rgba(77,141,255,.14);
  --uvd-media-badge-border: rgba(140,176,255,.22);
  --uvd-media-badge-text: rgba(220,235,255,.95);
  --uvd-media-error-icon-bg: linear-gradient(145deg, rgba(248,214,109,.18), rgba(59,130,246,.14));
  --uvd-media-error-icon-border: rgba(248,214,109,.24);
  --uvd-media-error-icon-shadow: 0 22px 44px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.12);
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-media-page::before,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-media-page::after {
  content: "";
  position: fixed;
  pointer-events: none;
  z-index: 0;
  border-radius: 999px;
  filter: blur(3px);
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-media-page::before {
  width: 360px;
  height: 360px;
  right: -150px;
  top: -130px;
  background: radial-gradient(circle, rgba(77,141,255,.22), transparent 64%);
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-media-page::after {
  width: 320px;
  height: 320px;
  left: -140px;
  bottom: -130px;
  background: radial-gradient(circle, rgba(248,214,109,.15), transparent 65%);
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-media-page .uvd-media-shell,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-media-page .uvd-media-card {
  position: relative;
  z-index: 1;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-media-page .uvd-media-card::before {
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: inherit;
  pointer-events: none;
  background:
    linear-gradient(105deg, rgba(255,255,255,.15), transparent 24%, transparent 70%, rgba(248,214,109,.08)),
    radial-gradient(520px 120px at 26% 0%, rgba(255,255,255,.10), transparent 60%);
  opacity: .75;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-media-page .uvd-media-card > * {
  position: relative;
  z-index: 1;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-media-page .uvd-media-button:hover,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-media-page .uvd-media-back:hover {
  border-color: rgba(248,214,109,.30);
  box-shadow: 0 22px 46px rgba(0,0,0,.42), 0 0 34px rgba(77,141,255,.18), inset 0 1px 0 rgba(255,255,255,.18);
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-media-page .uvd-media-frame {
  border: 1px solid rgba(177,207,255,.14);
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-media-page .uvd-media-select:focus {
  border-color: rgba(248,214,109,.35);
  box-shadow: 0 0 0 3px rgba(248,214,109,.10);
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-media-error-page .uvd-media-error-card {
  max-width: 720px;
  backdrop-filter: blur(18px) saturate(126%);
  -webkit-backdrop-filter: blur(18px) saturate(126%);
}

@media (max-width: 640px) {
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-media-page {
    --uvd-media-shell-gutter: 24px;
    --uvd-media-card-radius: 22px;
    --uvd-media-frame-radius: 18px;
  }
}

/* ==========================================================
   Phase 3D.8 — Public/Auth Dark Luxury shell
   The public home, login, registration and password recovery pages now share
   a first-time contract. This theme block only skins that contract; auth,
   SMS, captcha, session, redirect and validation logic remain untouched.
   ========================================================== */
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-public-home,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-login,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-register,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-forgot-password,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-about {
  --uvd-public-bg:
    radial-gradient(1100px 560px at 16% -12%, rgba(77, 141, 255, .28), transparent 62%),
    radial-gradient(880px 460px at 88% 4%, rgba(248, 214, 109, .16), transparent 62%),
    radial-gradient(760px 420px at 45% 104%, rgba(45, 212, 191, .10), transparent 66%),
    linear-gradient(145deg, #071021 0%, #0b1428 52%, #060a13 100%);
  --uvd-public-card-bg:
    linear-gradient(180deg, rgba(24,41,74,.78), rgba(9,18,36,.84)) padding-box,
    linear-gradient(145deg, rgba(177,207,255,.28), rgba(248,214,109,.18), rgba(77,141,255,.12)) border-box;
  --uvd-public-card-border: transparent;
  --uvd-public-card-shadow:
    0 30px 90px rgba(0,0,0,.58),
    0 0 0 1px rgba(255,255,255,.035),
    inset 0 1px 0 rgba(255,255,255,.12);
  --uvd-public-text: rgba(239,247,255,.97);
  --uvd-public-muted: rgba(203,221,248,.78);
  --uvd-public-gold: rgba(248,214,109,.96);
  --uvd-public-blue: rgba(77,141,255,.96);
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-public-home .home-wrap,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-login .login-page,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-register .register-shell,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-forgot-password .pr-page {
  background: var(--uvd-public-bg);
  color: var(--uvd-public-text);
  position: relative;
  overflow: hidden;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-public-home .home-wrap::before,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-login .login-page::before,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-register .register-shell::before,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-forgot-password .pr-page::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(110deg, rgba(255,255,255,.055), transparent 24%, transparent 68%, rgba(248,214,109,.04)),
    repeating-linear-gradient(90deg, rgba(255,255,255,.018) 0 1px, transparent 1px 64px);
  opacity: .82;
  z-index: 0;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-public-home .home-container,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-public-home .home-slider-wrap,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-login .login-card,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-register .register-card,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-forgot-password .pr-card {
  position: relative;
  z-index: 1;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-public-home .home-hero,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-public-home .home-images,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-public-home .home-slider-wrap,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-login .login-card,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-register .register-card,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-forgot-password .pr-card {
  background: var(--uvd-public-card-bg);
  border: 1px solid var(--uvd-public-card-border);
  box-shadow: var(--uvd-public-card-shadow);
  backdrop-filter: blur(18px) saturate(126%);
  -webkit-backdrop-filter: blur(18px) saturate(126%);
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-public-home .home-hero::before,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-public-home .home-images::before,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-public-home .home-slider-wrap::before,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-login .login-card::before,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-register .register-card::before,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-forgot-password .pr-card::before {
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: inherit;
  pointer-events: none;
  background:
    linear-gradient(105deg, rgba(255,255,255,.15), transparent 24%, transparent 70%, rgba(248,214,109,.08)),
    radial-gradient(520px 120px at 26% 0%, rgba(255,255,255,.10), transparent 60%);
  opacity: .68;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-public-home .home-hero > *,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-public-home .home-images > *,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-public-home .home-slider-wrap > *,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-login .login-card > *,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-register .register-card > *,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-forgot-password .pr-card > * {
  position: relative;
  z-index: 1;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-login .login-head,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-forgot-password .pr-head {
  background: linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.025));
  border-bottom-color: rgba(177,207,255,.16);
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-public-home .home-title,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-login .login-title,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-register .register-card h2,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-forgot-password .pr-head h1 {
  color: rgba(248,252,255,.98);
  text-shadow: 0 2px 18px rgba(77,141,255,.16);
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-public-home .home-sub,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-public-home .home-sub2,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-login .login-sub,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-register .register-lead,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-forgot-password .pr-head p,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-forgot-password .pr-muted,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-forgot-password .pr-otp-meta {
  color: var(--uvd-public-muted);
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-login .inp,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-register .reg-field input,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-register .reg-field select,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-forgot-password .pr-input {
  background: rgba(3,9,22,.62);
  border-color: rgba(177,207,255,.20);
  color: rgba(255,255,255,.96);
  box-shadow: inset 0 12px 24px rgba(0,0,0,.26), 0 10px 24px rgba(0,0,0,.12);
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-login .inp:focus,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-register .reg-field input:focus,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-register .reg-field select:focus,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-forgot-password .pr-input:focus {
  border-color: rgba(248,214,109,.35);
  box-shadow: 0 0 0 3px rgba(248,214,109,.10), inset 0 12px 24px rgba(0,0,0,.26);
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-public-home .home-btn-primary,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-login .btn,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-register .reg-submit,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-register .login-go,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-forgot-password .pr-btn {
  color: rgba(8,14,28,.98);
  background: linear-gradient(135deg, rgba(248,214,109,.98), rgba(245,158,11,.94));
  border: 1px solid rgba(248,214,109,.34);
  box-shadow: 0 16px 36px rgba(0,0,0,.34), 0 0 34px rgba(248,214,109,.14), inset 0 1px 0 rgba(255,255,255,.24);
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-forgot-password .pr-btn--secondary {
  color: rgba(234,244,255,.94);
  background: linear-gradient(135deg, rgba(255,255,255,.095), rgba(255,255,255,.035));
  border-color: rgba(177,207,255,.22);
  box-shadow: none;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-public-home .home-badge,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-register .reg-toggle,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-forgot-password .pr-countdown-panel,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-forgot-password .pr-captcha-note {
  background: rgba(77,141,255,.12);
  border-color: rgba(140,176,255,.22);
  color: rgba(220,235,255,.95);
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-register .error,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-forgot-password .pr-alert--bad {
  background: rgba(239,68,68,.12);
  border-color: rgba(248,113,113,.28);
  color: rgba(254,226,226,.98);
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-register .success,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-login .okmsg,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-forgot-password .pr-alert--ok {
  background: rgba(34,197,94,.11);
  border-color: rgba(74,222,128,.24);
  color: rgba(220,252,231,.98);
}

@media (max-width: 680px) {
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-public-home .home-wrap,
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-login .login-page,
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-register .register-shell,
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-forgot-password .pr-page {
    padding-left: 12px;
    padding-right: 12px;
  }
}

/* ==========================================================
   Phase 3D.8.2 — Public/Auth central header + cleaned premium home polish
   Public/auth pages already use includes/header.php; this block only connects
   that shared renderer to the Dark Luxury header/menu contract and makes the
   homepage hero feel like a first-class landing page. Auth/session/SMS logic is
   untouched.
   ========================================================== */
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-public-home,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-login,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-register,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-forgot-password {
  color: var(--dl-ink) !important;
  background:
    radial-gradient(980px 560px at 16% -12%, rgba(94,234,255,.16), transparent 62%),
    radial-gradient(760px 460px at 82% 0%, rgba(77,141,255,.18), transparent 60%),
    radial-gradient(760px 520px at 101% 44%, rgba(248,214,109,.11), transparent 65%),
    linear-gradient(180deg, var(--dl-bg-0), var(--dl-bg-1) 54%, #030610) !important;
  background-attachment: fixed !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-public-home [data-uvd-component="site-header"],
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-login [data-uvd-component="site-header"],
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-register [data-uvd-component="site-header"],
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-forgot-password [data-uvd-component="site-header"],
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-about [data-uvd-component="site-header"] {
  position: relative !important;
  z-index: 1100 !important;
  background:
    radial-gradient(420px 160px at 72% 0%, rgba(248,214,109,.20), transparent 68%),
    radial-gradient(520px 180px at 18% 0%, rgba(94,234,255,.16), transparent 62%),
    linear-gradient(135deg, rgba(9,18,35,.88), rgba(24,39,68,.82) 48%, rgba(7,12,24,.92)) !important;
  border: 1px solid rgba(162,196,255,.22) !important;
  border-top: 0 !important;
  box-shadow: 0 22px 58px rgba(0,0,0,.45), 0 1px 0 rgba(255,255,255,.10) inset, 0 -1px 0 rgba(248,214,109,.10) inset !important;
  backdrop-filter: blur(18px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(145%) !important;
  overflow: hidden !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-public-home [data-uvd-component="site-header"]::before,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-login [data-uvd-component="site-header"]::before,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-register [data-uvd-component="site-header"]::before,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-forgot-password [data-uvd-component="site-header"]::before,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-about [data-uvd-component="site-header"]::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(105deg, transparent 0 25%, rgba(255,255,255,.10) 40%, transparent 56% 100%);
  opacity: .42;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-public-home [data-uvd-component="site-header"] .center,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-login [data-uvd-component="site-header"] .center,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-register [data-uvd-component="site-header"] .center,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-forgot-password [data-uvd-component="site-header"] .center,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-about [data-uvd-component="site-header"] .center {
  color: var(--dl-gold) !important;
  text-shadow: 0 4px 0 rgba(65,39,8,.46), 0 15px 32px rgba(248,214,109,.22), 0 0 28px rgba(248,214,109,.18) !important;
  letter-spacing: -.4px !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-public-home [data-uvd-component="site-header"] .left span,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-login [data-uvd-component="site-header"] .left span,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-register [data-uvd-component="site-header"] .left span,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-forgot-password [data-uvd-component="site-header"] .left span,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-about [data-uvd-component="site-header"] .left span {
  color: rgba(239,246,255,.92) !important;
  text-shadow: 0 8px 20px rgba(0,0,0,.42) !important;
}

html[data-uvd-skin="dark-luxury-3d"] [data-uvd-component="site-menu"] .uvd-menu-guest-card {
  display: grid !important;
  gap: 5px !important;
  text-align: right !important;
}
html[data-uvd-skin="dark-luxury-3d"] [data-uvd-component="site-menu"] .uvd-menu-guest-title {
  display: block !important;
  font-size: 16px !important;
  font-weight: 950 !important;
  color: rgba(248,252,255,.98) !important;
}
html[data-uvd-skin="dark-luxury-3d"] [data-uvd-component="site-menu"] .uvd-menu-guest-subtitle {
  display: block !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  color: rgba(203,221,248,.72) !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-public-home .uvd-dl-only {
  display: initial !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-public-home .home-wrap {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding-top: 34px;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-public-home .home-wrap::before {
  background:
    linear-gradient(118deg, transparent 0 18%, rgba(255,255,255,.040) 18.2%, transparent 18.8% 56%, rgba(94,234,255,.035) 56.2%, transparent 57%),
    radial-gradient(circle at 50% 8%, rgba(255,255,255,.14), transparent 1px),
    radial-gradient(circle at 28% 74%, rgba(248,214,109,.14), transparent 1.2px),
    radial-gradient(circle at 83% 64%, rgba(94,234,255,.14), transparent 1px) !important;
  background-size: auto, 140px 140px, 190px 190px, 230px 230px !important;
  opacity: .40 !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-public-home .home-container {
  width: min(1220px, 92%) !important;
  grid-template-columns: minmax(0, 1.16fr) minmax(320px, .84fr) !important;
  gap: 22px !important;
  align-items: stretch !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-public-home .home-hero,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-public-home .home-images,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-public-home .home-slider-wrap,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-public-home .home-experience {
  border-radius: 30px !important;
  background:
    radial-gradient(540px 240px at 82% -8%, rgba(248,214,109,.16), transparent 66%),
    radial-gradient(640px 280px at 8% 12%, rgba(94,234,255,.12), transparent 64%),
    linear-gradient(180deg, rgba(16,31,57,.78), rgba(5,12,27,.72)) padding-box,
    linear-gradient(135deg, rgba(205,226,255,.32), rgba(94,234,255,.16), rgba(248,214,109,.22)) border-box !important;
  border: 1px solid transparent !important;
  box-shadow:
    0 34px 95px rgba(0,0,0,.58),
    0 0 54px rgba(77,141,255,.10),
    inset 0 1px 0 rgba(255,255,255,.14),
    inset 0 -18px 34px rgba(0,0,0,.15) !important;
  backdrop-filter: blur(22px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(22px) saturate(145%) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-public-home .home-hero {
  min-height: 100%;
  overflow: hidden;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-public-home .home-hero-inner {
  padding: clamp(22px, 3.4vw, 42px) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-public-home .home-ambient-orb {
  position: absolute !important;
  display: block !important;
  width: 260px;
  height: 260px;
  border-radius: 999px;
  filter: blur(3px);
  opacity: .62;
  pointer-events: none;
  mix-blend-mode: screen;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-public-home .home-ambient-orb--gold {
  top: -120px;
  left: -76px;
  background: radial-gradient(circle, rgba(248,214,109,.20), transparent 66%);
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-public-home .home-ambient-orb--blue {
  right: 62%;
  bottom: -130px;
  background: radial-gradient(circle, rgba(94,234,255,.18), transparent 66%);
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-public-home .home-kicker {
  display: inline-flex !important;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 14px;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(248,214,109,.26);
  background: rgba(248,214,109,.08);
  color: rgba(255,246,214,.96);
  font-size: 12px;
  font-weight: 900;
  box-shadow: 0 12px 28px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.10);
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-public-home .home-kicker b {
  color: rgba(239,248,255,.96);
  font-weight: 950;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-public-home .home-title {
  font-size: clamp(28px, 3.35vw, 44px) !important;
  line-height: 1.42 !important;
  margin-bottom: 16px !important;
  white-space: nowrap;
  letter-spacing: -.7px;
  color: rgba(252,254,255,.99) !important;
  text-shadow:
    0 6px 0 rgba(23,18,9,.25),
    0 24px 54px rgba(77,141,255,.26),
    0 0 34px rgba(248,214,109,.14) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-public-home .home-sub,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-public-home .home-sub2 {
  max-width: 760px;
  font-size: 15.5px !important;
  line-height: 2.15 !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-public-home .home-sub--lead {
  max-width: 700px;
  margin-bottom: 0 !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-public-home .home-cta {
  margin-top: 22px !important;
  gap: 12px !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-public-home .home-btn {
  min-height: 52px;
  padding: 14px 18px !important;
  border-radius: 20px !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-public-home .home-btn-secondary {
  display: inline-flex !important;
  color: rgba(235,246,255,.96) !important;
  background: linear-gradient(135deg, rgba(45,89,160,.50), rgba(10,24,49,.74)) padding-box, linear-gradient(135deg, rgba(94,234,255,.34), rgba(248,214,109,.16)) border-box !important;
  border: 1px solid transparent !important;
  box-shadow: 0 16px 36px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.10) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-public-home .home-metrics {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 18px 0 14px;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-public-home .home-metric {
  padding: 12px 13px;
  border-radius: 20px;
  background: rgba(255,255,255,.055);
  border: 1px solid rgba(177,207,255,.16);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-public-home .home-metric strong,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-public-home .home-metric span {
  display: block;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-public-home .home-metric strong {
  color: rgba(248,214,109,.96);
  font-weight: 950;
  margin-bottom: 4px;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-public-home .home-metric span {
  color: rgba(209,226,250,.76);
  font-size: 12px;
  line-height: 1.7;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-public-home .home-badges {
  gap: 10px !important;
  margin-top: 16px !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-public-home .home-badge {
  border-radius: 18px !important;
  padding: 9px 12px !important;
  background: rgba(77,141,255,.12) !important;
  border-color: rgba(177,207,255,.18) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 10px 22px rgba(0,0,0,.14);
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-public-home .btn-andishe {
  margin-top: 10px;
  background: linear-gradient(135deg, rgba(28,42,68,.80), rgba(6,14,30,.88)) padding-box, linear-gradient(135deg, rgba(248,214,109,.30), rgba(94,234,255,.16)) border-box !important;
  border: 1px solid transparent !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-public-home .home-guided-path {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 18px;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-public-home .home-path-item {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 9px;
  align-items: center;
  padding: 11px 12px;
  border-radius: 18px;
  background: rgba(3,9,22,.32);
  border: 1px solid rgba(177,207,255,.13);
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-public-home .home-path-item span {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  color: rgba(7,13,28,.96);
  background: linear-gradient(135deg, rgba(248,214,109,.98), rgba(245,158,11,.92));
  font-weight: 950;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-public-home .home-path-item p {
  margin: 0;
  color: rgba(223,236,255,.86);
  font-size: 12px;
  line-height: 1.8;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-public-home .home-images-inner {
  padding: 16px !important;
  gap: 14px !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-public-home .home-img {
  height: 260px !important;
  border-radius: 24px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(0,0,0,.24)) !important;
  border-color: rgba(177,207,255,.16) !important;
  box-shadow: 0 22px 50px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.08) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-public-home .home-experience {
  display: block !important;
  width: min(1220px, 92%);
  margin: 22px auto 0;
  padding: clamp(18px, 2.4vw, 28px);
  box-sizing: border-box;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-public-home .home-experience-head {
  display: grid;
  gap: 8px;
  margin-bottom: 16px;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-public-home .home-experience-head span {
  color: rgba(248,214,109,.90);
  font-size: 12px;
  font-weight: 950;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-public-home .home-experience-head h3 {
  margin: 0;
  color: rgba(249,252,255,.98);
  font-size: clamp(18px, 2.3vw, 28px);
  line-height: 1.8;
  font-weight: 950;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-public-home .home-experience-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-public-home .home-experience-card {
  padding: 16px;
  border-radius: 22px;
  background: rgba(255,255,255,.055);
  border: 1px solid rgba(177,207,255,.16);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 18px 38px rgba(0,0,0,.18);
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-public-home .home-experience-card b {
  display: block;
  color: rgba(248,252,255,.98);
  margin-bottom: 8px;
  font-size: 15px;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-public-home .home-experience-card p {
  margin: 0;
  color: rgba(204,220,245,.78);
  line-height: 2;
  font-size: 13px;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-public-home .home-slider-wrap {
  width: min(1220px, 92%) !important;
  margin-top: 22px !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-public-home .home-slider-head {
  padding: 16px 18px 13px !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-public-home .home-slide {
  width: 218px !important;
  height: 138px !important;
  border-radius: 20px !important;
  border-color: rgba(177,207,255,.18) !important;
  box-shadow: 0 18px 34px rgba(0,0,0,.28) !important;
}

@media (max-width: 980px) {
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-public-home .home-container,
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-public-home .home-experience-grid {
    grid-template-columns: 1fr !important;
  }
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-public-home .home-metrics,
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-public-home .home-guided-path {
    grid-template-columns: 1fr !important;
  }
}
@media (max-width: 680px) {
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-public-home [data-uvd-component="site-header"] .left span,
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-login [data-uvd-component="site-header"] .left span,
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-register [data-uvd-component="site-header"] .left span,
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-forgot-password [data-uvd-component="site-header"] .left span {
    display: none !important;
  }
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-public-home .home-title {
    text-align: right !important;
    white-space: normal;
    font-size: clamp(24px, 8vw, 34px) !important;
  }
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-public-home .home-btn {
    width: 100%;
  }
}

/* Phase 3D.9 — Public Utility / Redirect / Public File Dark Luxury polish.
   This skins the shared public-utility contract only. Redirect targets,
   counters, public-file access, binary preview/download, and HLS endpoints are untouched.
*/
html[data-uvd-skin="dark-luxury-3d"] body.uvd-public-utility-page{
  --uvd-pu-bg1:#030713;
  --uvd-pu-bg2:#08111f;
  --uvd-pu-surface:rgba(8,14,28,.68);
  --uvd-pu-surface-2:rgba(8,14,28,.46);
  --uvd-pu-line:rgba(177,206,255,.18);
  --uvd-pu-text:rgba(241,247,255,.98);
  --uvd-pu-muted:rgba(202,219,247,.76);
  --uvd-pu-accent:rgba(95,221,255,.96);
  --uvd-pu-accent-2:rgba(115,92,255,.96);
  --uvd-pu-gold:rgba(249,218,115,.98);
  --uvd-pu-gold-2:rgba(226,157,42,.98);
  background:
    radial-gradient(circle at 18% 6%, rgba(74,144,255,.23), transparent 31rem),
    radial-gradient(circle at 82% 12%, rgba(125,88,255,.18), transparent 28rem),
    radial-gradient(circle at 50% 92%, rgba(248,214,109,.12), transparent 31rem),
    linear-gradient(145deg,#020510 0%,#071225 46%,#030814 100%);
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-public-utility-page::before{
  background:
    linear-gradient(115deg, rgba(255,255,255,.055), transparent 27%, rgba(95,221,255,.035) 52%, transparent 74%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.018) 0 1px, transparent 1px 68px),
    repeating-linear-gradient(0deg, rgba(255,255,255,.014) 0 1px, transparent 1px 68px);
  opacity:.9;
}

html[data-uvd-skin="dark-luxury-3d"] .uvd-public-utility-card{
  background:
    linear-gradient(180deg, rgba(13,24,45,.76), rgba(5,10,22,.58)),
    radial-gradient(circle at 16% 0%, rgba(95,221,255,.12), transparent 34rem);
  border-color:rgba(177,206,255,.17);
  box-shadow:
    0 34px 95px rgba(0,0,0,.62),
    0 0 0 1px rgba(255,255,255,.045) inset,
    0 1px 0 rgba(255,255,255,.14) inset;
}

html[data-uvd-skin="dark-luxury-3d"] .uvd-public-utility-card::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  background:linear-gradient(135deg, rgba(255,255,255,.16), transparent 30%, rgba(95,221,255,.10) 72%, transparent);
  opacity:.75;
}

html[data-uvd-skin="dark-luxury-3d"] .uvd-public-utility-card > *{
  position:relative;
  z-index:1;
}

html[data-uvd-skin="dark-luxury-3d"] .uvd-public-utility-card-head{
  background:linear-gradient(180deg, rgba(255,255,255,.075), rgba(0,0,0,.18));
  border-bottom-color:rgba(177,206,255,.14);
}

html[data-uvd-skin="dark-luxury-3d"] .uvd-public-utility-icon{
  background:
    radial-gradient(circle at 30% 18%, rgba(255,255,255,.20), transparent 30%),
    linear-gradient(135deg, rgba(95,221,255,.22), rgba(115,92,255,.18));
  border-color:rgba(95,221,255,.28);
  box-shadow:0 18px 42px rgba(0,0,0,.44), 0 0 24px rgba(95,221,255,.12);
}

html[data-uvd-skin="dark-luxury-3d"] .uvd-public-utility-button{
  background:
    linear-gradient(135deg, rgba(255,232,138,.98), rgba(230,157,39,.98)),
    radial-gradient(circle at 20% 0%, rgba(255,255,255,.42), transparent 42%);
  border-color:rgba(255,232,138,.40);
  box-shadow:0 18px 50px rgba(230,157,39,.24), inset 0 1px 0 rgba(255,255,255,.44);
}

html[data-uvd-skin="dark-luxury-3d"] .uvd-public-utility-button-primary,
html[data-uvd-skin="dark-luxury-3d"] .uvd-public-utility-button-secondary{
  color:rgba(238,247,255,.98);
  background:linear-gradient(135deg, rgba(95,221,255,.13), rgba(115,92,255,.12));
  border-color:rgba(95,221,255,.22);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10);
}

html[data-uvd-skin="dark-luxury-3d"] .uvd-public-redirect-card .uvd-public-utility-title{
  background:
    radial-gradient(circle at 22% 0%, rgba(255,255,255,.14), transparent 48%),
    linear-gradient(135deg, rgba(95,221,255,.16), rgba(115,92,255,.10));
  border-color:rgba(95,221,255,.24);
  color:rgba(233,247,255,.98);
  box-shadow:0 14px 34px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.12);
}

html[data-uvd-skin="dark-luxury-3d"] .uvd-public-redirect-description{
  color:rgba(225,237,255,.84);
}

html[data-uvd-skin="dark-luxury-3d"] .uvd-public-file-preview{
  background:
    linear-gradient(180deg, rgba(2,6,23,.55), rgba(0,0,0,.26)),
    radial-gradient(circle at 50% 0%, rgba(95,221,255,.07), transparent 70%);
  border-color:rgba(177,206,255,.15);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}

html[data-uvd-skin="dark-luxury-3d"] .uvd-public-file-error,
html[data-uvd-skin="dark-luxury-3d"] .uvd-public-utility-alert{
  border-color:rgba(248,214,109,.28);
  background:linear-gradient(135deg, rgba(248,214,109,.11), rgba(239,68,68,.055));
  color:rgba(255,248,225,.95);
}

/* Phase 3D.13.2 — Dashboard welcome wrapper removal + button text legibility.
   Keep Classic untouched and avoid text-stroke on Persian text; use a soft premium shadow. */
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .welcome-section--profile {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-radius: 0 !important;
  padding-inline: 4px !important;
  padding-top: 8px !important;
  padding-bottom: 10px !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .welcome-section--profile::before,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .welcome-section--profile::after {
  content: none !important;
  display: none !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .welcome-section--profile .welcome-copy h2 {
  text-shadow: 0 12px 34px rgba(0,0,0,.50), 0 0 22px rgba(77,141,255,.12) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .welcome-section--profile .welcome-text {
  text-shadow: 0 8px 20px rgba(0,0,0,.32) !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section .activity-card a,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section .activity-card a *,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .newmsg-btn,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .mark-seen-btn,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .push-test-pill__button,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .pwa-install__btn,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .account-trial-modal__btn,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .avatar-primary-btn,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .avatar-danger-btn {
  text-shadow:
    0 1px 1px rgba(0,0,0,.55),
    0 2px 8px rgba(0,0,0,.34),
    0 0 16px rgba(0,0,0,.20) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .avatar-secondary-btn {
  text-shadow: 0 1px 1px rgba(0,0,0,.42), 0 2px 8px rgba(0,0,0,.22) !important;
}
@media (max-width: 768px) {
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .welcome-section--profile {
    padding-inline: 0 !important;
    padding-top: 6px !important;
  }
}


/* ==========================================================
   Phase 3D.15.1 — User File Browser Downloads Visual Reuse
   Scope: /u/index.php visual parity with dashboard/downloads.php.
   Behavior, public URLs, preview JS and download overlay JS stay unchanged.
   ========================================================== */
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-file-browser {
  --dl-downloads-shell-bg:
    radial-gradient(720px 460px at 92% 8%, rgba(85,231,255,.105), transparent 68%),
    radial-gradient(680px 420px at 8% 16%, rgba(248,214,109,.095), transparent 66%),
    linear-gradient(180deg, rgba(7,14,29,.50), rgba(5,10,21,.18));
  --dl-downloads-panel-bg:
    radial-gradient(520px 260px at 88% 0%, rgba(85,231,255,.105), transparent 65%),
    radial-gradient(440px 240px at 12% 0%, rgba(248,214,109,.08), transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,.066), rgba(255,255,255,.024)) padding-box,
    linear-gradient(135deg, rgba(161,195,255,.24), rgba(248,214,109,.13), rgba(85,231,255,.105)) border-box;
  --dl-downloads-card-bg:
    radial-gradient(320px 150px at 84% -8%, rgba(85,231,255,.115), transparent 68%),
    radial-gradient(240px 140px at 12% 0%, rgba(248,214,109,.075), transparent 64%),
    linear-gradient(180deg, rgba(255,255,255,.072), rgba(255,255,255,.030)) padding-box,
    linear-gradient(145deg, rgba(161,195,255,.30), rgba(85,231,255,.12), rgba(248,214,109,.10)) border-box;
  --dl-downloads-file-bg:
    radial-gradient(460px 150px at 86% 0%, rgba(85,231,255,.080), transparent 68%),
    linear-gradient(180deg, rgba(255,255,255,.066), rgba(255,255,255,.026)) padding-box,
    linear-gradient(135deg, rgba(161,195,255,.23), rgba(255,255,255,.055)) border-box;
  --dl-downloads-radius-xl: 30px;
  --dl-downloads-radius-lg: 24px;
  --dl-downloads-radius-md: 18px;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-file-browser .container {
  width: min(100% - 24px, 1120px) !important;
  margin: 18px auto 38px !important;
  padding: clamp(14px, 2vw, 22px) !important;
  border-radius: 34px !important;
  background: var(--dl-downloads-shell-bg) !important;
  border: 1px solid rgba(161,195,255,.11) !important;
  box-shadow: 0 32px 110px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.045) !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-file-browser .topbar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  margin: 0 0 18px !important;
  padding: clamp(16px, 2.4vw, 24px) !important;
  border-radius: 30px !important;
  background:
    radial-gradient(420px 210px at 84% -12%, rgba(85,231,255,.16), transparent 70%),
    radial-gradient(360px 180px at 12% -8%, rgba(248,214,109,.13), transparent 66%),
    linear-gradient(180deg, rgba(255,255,255,.090), rgba(255,255,255,.030)) padding-box,
    linear-gradient(135deg, rgba(161,195,255,.30), rgba(248,214,109,.17), rgba(85,231,255,.13)) border-box !important;
  border: 1px solid transparent !important;
  box-shadow: 0 24px 68px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.10) !important;
  overflow: hidden !important;
  position: relative !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-file-browser .topbar::after {
  content: "";
  position: absolute;
  inset: auto 28px 10px 28px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(248,214,109,.32), rgba(85,231,255,.22), transparent);
  pointer-events: none;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-file-browser .page-title {
  font-size: clamp(1.36rem, 2.2vw, 1.88rem) !important;
  letter-spacing: -.025em !important;
  line-height: 1.24 !important;
  color: rgba(248,252,255,.99) !important;
  text-shadow: 0 14px 34px rgba(0,0,0,.42), 0 0 28px rgba(85,231,255,.13) !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-file-browser .page-subtitle {
  margin-top: 5px !important;
  color: rgba(215,228,248,.78) !important;
  font-size: .95rem !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-file-browser .topbar-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: wrap !important;
  gap: 9px !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-file-browser .back,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-file-browser .back-home,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-file-browser .upload-home,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-file-browser .folder-home {
  min-height: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  padding: 10px 15px !important;
  border-radius: 17px !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-file-browser h2,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-file-browser .section-title {
  margin: 18px 4px 12px !important;
  color: rgba(246,250,255,.98) !important;
  font-weight: 950 !important;
  letter-spacing: -.018em !important;
  text-shadow: 0 10px 28px rgba(0,0,0,.36) !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-file-browser .current-path {
  margin: 0 0 14px !important;
  padding: 11px 13px !important;
  border-radius: 18px !important;
  background: rgba(8,18,38,.46) !important;
  border: 1px solid rgba(161,195,255,.13) !important;
  color: rgba(214,228,248,.84) !important;
  line-height: 1.8 !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-file-browser .downloads-section {
  margin-top: 18px !important;
  padding: clamp(14px, 2vw, 20px) !important;
  border-radius: var(--dl-downloads-radius-xl) !important;
  background: var(--dl-downloads-panel-bg) !important;
  border: 1px solid transparent !important;
  box-shadow: 0 24px 76px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.060) !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-file-browser .grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)) !important;
  gap: clamp(12px, 1.8vw, 18px) !important;
  align-items: stretch !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-file-browser .grid > a {
  display: block !important;
  min-width: 0 !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-file-browser .grid .card,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-file-browser .card[data-type] {
  min-height: 156px !important;
  height: 100% !important;
  padding: 19px 18px 16px !important;
  border-radius: var(--dl-downloads-radius-lg) !important;
  background: var(--dl-downloads-card-bg) !important;
  border: 1px solid transparent !important;
  box-shadow: 0 24px 68px rgba(0,0,0,.34), 0 0 0 1px rgba(255,255,255,.04) inset !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  gap: 10px !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-file-browser .grid .card > span:first-child,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-file-browser .card[data-type] > span:first-child {
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 18px !important;
  font-size: 1.5rem !important;
  background:
    radial-gradient(circle at 32% 20%, rgba(255,255,255,.36), transparent 42%),
    linear-gradient(145deg, color-mix(in srgb, var(--folder-accent, #60a5fa) 82%, #ffffff 0%), color-mix(in srgb, var(--folder-accent-2, #a78bfa) 58%, #020510 42%)) !important;
  border: 1px solid color-mix(in srgb, var(--folder-accent, #60a5fa) 48%, rgba(255,255,255,.20)) !important;
  box-shadow: 0 16px 38px rgba(77,141,255,.20), inset 0 1px 0 rgba(255,255,255,.22) !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-file-browser .card h4 {
  margin: 2px 0 0 !important;
  color: rgba(248,252,255,.98) !important;
  font-size: 1.04rem !important;
  line-height: 1.55 !important;
  font-weight: 950 !important;
  letter-spacing: -.012em !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-file-browser .card .count {
  width: fit-content !important;
  max-width: 100% !important;
  margin-top: auto !important;
  padding: 6px 10px !important;
  border-radius: 999px !important;
  font-size: .82rem !important;
  font-weight: 900 !important;
  color: rgba(255,250,224,.96) !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-file-browser .card[data-uvd-scope="subfolder"] > span:first-child {
  background:
    radial-gradient(circle at 32% 20%, rgba(255,255,255,.36), transparent 42%),
    linear-gradient(145deg, color-mix(in srgb, var(--folder-accent, #60a5fa) 82%, #ffffff 0%), color-mix(in srgb, var(--folder-accent-2, #a78bfa) 58%, #020510 42%)) !important;
  border-color: color-mix(in srgb, var(--folder-accent, #60a5fa) 48%, rgba(255,255,255,.20)) !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-file-browser .search-wrap {
  margin: 10px 0 14px !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-file-browser .search {
  width: 100% !important;
  min-height: 48px !important;
  padding: 12px 15px !important;
  border-radius: 18px !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-file-browser .file-item {
  margin: 10px 0 !important;
  padding: 15px !important;
  border-radius: 24px !important;
  background: var(--dl-downloads-file-bg) !important;
  border: 1px solid transparent !important;
  box-shadow: 0 18px 52px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.060) !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-file-browser .file-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-file-browser .file-name {
  color: rgba(246,250,255,.97) !important;
  font-weight: 900 !important;
  line-height: 1.7 !important;
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-file-browser .file-meta {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
  color: rgba(214,228,248,.76) !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-file-browser .file-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-file-browser .preview-box {
  margin-top: 12px !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  background: rgba(2,6,23,.58) !important;
  border: 1px solid rgba(161,195,255,.14) !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-file-browser .btnx,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-file-browser .download-btn,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-file-browser .preview-btn {
  min-height: 38px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  padding: 8px 12px !important;
  border-radius: 15px !important;
  text-decoration: none !important;
  font-size: .88rem !important;
  font-weight: 950 !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-file-browser .download-box {
  border-radius: 26px !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-file-browser .download-head,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-file-browser .download-actions,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-file-browser .download-meta {
  gap: 10px !important;
}

@media (max-width: 720px) {
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-file-browser .container {
    width: min(100% - 14px, 1120px) !important;
    margin-top: 10px !important;
    padding: 10px !important;
    border-radius: 26px !important;
  }
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-file-browser .topbar {
    align-items: stretch !important;
    flex-direction: column !important;
    border-radius: 24px !important;
  }
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-file-browser .topbar-actions,
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-file-browser .file-actions {
    justify-content: stretch !important;
  }
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-file-browser .back,
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-file-browser .back-home,
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-file-browser .upload-home,
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-file-browser .folder-home,
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-file-browser .btnx,
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-file-browser .download-btn,
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-file-browser .preview-btn {
    flex: 1 1 auto !important;
  }
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-file-browser .grid {
    grid-template-columns: 1fr !important;
  }
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-file-browser .file-row {
    align-items: stretch !important;
    flex-direction: column !important;
  }
}
/* -------------------------------------------------------------------------
 * Phase 3D.15.2 — User Upload header parity with the approved dashboard header.
 * The /u file-browser and upload pages already render through includes/header.php;
 * this block only attaches their Dark Luxury header/menu skin to the same central
 * visual recipe used by dashboard/downloads. It intentionally does not touch
 * upload/file-browser runtime, AJAX, permissions, or live header variants.
 * ------------------------------------------------------------------------- */
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-file-browser [data-uvd-component="site-header"],
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-upload [data-uvd-component="site-header"] {
  position: relative !important;
  z-index: 1100 !important;
  background:
    radial-gradient(420px 160px at 72% 0%, rgba(248,214,109,.20), transparent 68%),
    radial-gradient(520px 180px at 18% 0%, rgba(94,234,255,.16), transparent 62%),
    linear-gradient(135deg, rgba(9,18,35,.88), rgba(24,39,68,.82) 48%, rgba(7,12,24,.92)) !important;
  border: 1px solid rgba(162,196,255,.22) !important;
  border-top: 0 !important;
  box-shadow: 0 22px 58px rgba(0,0,0,.45), 0 1px 0 rgba(255,255,255,.10) inset, 0 -1px 0 rgba(248,214,109,.10) inset !important;
  backdrop-filter: blur(18px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(145%) !important;
  overflow: hidden !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-file-browser [data-uvd-component="site-header"]::before,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-upload [data-uvd-component="site-header"]::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(105deg, transparent 0 25%, rgba(255,255,255,.10) 40%, transparent 56% 100%);
  opacity: .42;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-file-browser [data-uvd-component="site-header"] .center,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-upload [data-uvd-component="site-header"] .center {
  color: var(--dl-gold) !important;
  text-shadow: 0 4px 0 rgba(65,39,8,.46), 0 15px 32px rgba(248,214,109,.22), 0 0 28px rgba(248,214,109,.18) !important;
  letter-spacing: -.4px !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-file-browser [data-uvd-component="site-header"] .left span,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-upload [data-uvd-component="site-header"] .left span {
  color: rgba(239,246,255,.92) !important;
  text-shadow: 0 8px 20px rgba(0,0,0,.42) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-file-browser [data-uvd-component="site-menu-toggle"],
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-upload [data-uvd-component="site-menu-toggle"] {
  background: linear-gradient(145deg, rgba(60,130,246,.98), rgba(28,76,190,.98) 58%, rgba(15,38,105,.98)) !important;
  border: 1px solid rgba(195,218,255,.34) !important;
  color: #fff !important;
  border-radius: 18px !important;
  box-shadow: 0 18px 42px rgba(37,99,235,.36), inset 0 1px 0 rgba(255,255,255,.28), inset 0 -10px 22px rgba(0,0,0,.16) !important;
  transform: translateZ(0);
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-file-browser [data-uvd-component="site-menu-toggle"]:hover,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-upload [data-uvd-component="site-menu-toggle"]:hover {
  transform: translateY(-2px) scale(1.015);
  box-shadow: 0 24px 56px rgba(37,99,235,.46), 0 0 24px rgba(94,234,255,.20), inset 0 1px 0 rgba(255,255,255,.35) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-file-browser [data-uvd-component="site-menu"],
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-upload [data-uvd-component="site-menu"] {
  background:
    radial-gradient(260px 220px at 85% 5%, rgba(248,214,109,.17), transparent 62%),
    radial-gradient(300px 240px at 16% 18%, rgba(94,234,255,.13), transparent 66%),
    linear-gradient(180deg, rgba(9,18,35,.96), rgba(5,10,21,.98)) !important;
  border-left: 1px solid rgba(161,195,255,.22) !important;
  box-shadow: -32px 0 88px rgba(0,0,0,.62), inset 1px 0 0 rgba(255,255,255,.06) !important;
  color: rgba(239,246,255,.96) !important;
}
@media (max-width: 700px) {
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-file-browser [data-uvd-component="site-header"],
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-upload [data-uvd-component="site-header"] {
    box-shadow: 0 16px 42px rgba(0,0,0,.42), 0 1px 0 rgba(255,255,255,.09) inset !important;
  }
}



/* Phase 3D.16.1: about.php uses the central header.php; this selector set makes
 * the shared header visually follow Dark Luxury on the about page too, instead
 * of falling back to style.css/classic header colors. */

/* -------------------------------------------------------------------------
 * Phase 3D.16 — Dark Luxury public/static shell: maintenance + about
 * These rules skin only the shared public-static hooks/page keys. Classic is
 * preserved by public-static.css/classic-base.css; runtime and page behavior are
 * untouched.
 * ------------------------------------------------------------------------- */
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-maintenance{
  --uvd-maintenance-bg:
    radial-gradient(840px 420px at 50% -10%, rgba(248,214,109,.18), transparent 62%),
    radial-gradient(760px 420px at 12% 16%, rgba(77,141,255,.20), transparent 58%),
    radial-gradient(680px 360px at 88% 22%, rgba(94,234,255,.12), transparent 62%),
    linear-gradient(180deg,#07101f,#020617 68%,#04070f);
  --uvd-maintenance-text: rgba(239,246,255,.94);
  --uvd-maintenance-card-bg:
    radial-gradient(560px 220px at 50% 0%, rgba(248,214,109,.13), transparent 65%),
    linear-gradient(180deg, rgba(15,28,52,.78), rgba(5,11,24,.88));
  --uvd-maintenance-card-border: rgba(164,196,255,.18);
  --uvd-maintenance-card-shadow: 0 34px 96px rgba(0,0,0,.58), inset 0 1px 0 rgba(255,255,255,.12), inset 0 -1px 0 rgba(248,214,109,.08);
  --uvd-maintenance-card-glow:
    radial-gradient(circle, rgba(248,214,109,.22), transparent 62%);
  --uvd-maintenance-icon-bg: linear-gradient(145deg, rgba(248,214,109,.20), rgba(77,141,255,.13) 52%, rgba(2,6,23,.58));
  --uvd-maintenance-icon-border: rgba(248,214,109,.26);
  --uvd-maintenance-icon-shadow: 0 22px 52px rgba(0,0,0,.44), 0 0 26px rgba(248,214,109,.12), inset 0 1px 0 rgba(255,255,255,.12);
  --uvd-maintenance-title: #fff7cf;
  --uvd-maintenance-muted: rgba(215,226,241,.80);
  --uvd-maintenance-body-text: rgba(235,243,255,.92);
  --uvd-maintenance-footer-text: rgba(203,213,225,.72);
  --uvd-maintenance-time-bg: linear-gradient(145deg, rgba(14,31,58,.94), rgba(4,10,23,.98));
  --uvd-maintenance-time-text: #fff7cf;
  --uvd-maintenance-time-label: rgba(203,213,225,.76);
  --uvd-maintenance-time-shadow: 0 20px 44px rgba(0,0,0,.44), inset 0 1px 0 rgba(255,255,255,.08), 0 0 18px rgba(77,141,255,.10);
  --uvd-maintenance-button-bg: linear-gradient(135deg, #f8d66d, #b8872b 48%, #4d8dff);
  --uvd-maintenance-button-text: #07101f;
  --uvd-maintenance-button-shadow: 0 18px 42px rgba(77,141,255,.22), 0 10px 26px rgba(248,214,109,.14);
  --uvd-maintenance-button-secondary-bg: rgba(255,255,255,.07);
  --uvd-maintenance-button-secondary-text: rgba(239,246,255,.94);
  --uvd-maintenance-button-secondary-border: rgba(164,196,255,.18);
  --uvd-maintenance-note: rgba(203,213,225,.68);
  --uvd-maintenance-title-font: 'B-Titr', Vazirmatn, Shabnam, Tahoma, sans-serif;
  --uvd-maintenance-text-font: Vazirmatn, Shabnam, Tahoma, Arial, sans-serif;
  --uvd-maintenance-button-font: Vazirmatn, Shabnam, Tahoma, Arial, sans-serif;
  --uvd-maintenance-spark: rgba(248,214,109,.72);
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-maintenance::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(135deg, rgba(255,255,255,.045), transparent 34%, rgba(248,214,109,.035)),
    radial-gradient(1px 1px at 22% 18%, rgba(255,255,255,.45), transparent 100%),
    radial-gradient(1px 1px at 72% 28%, rgba(248,214,109,.50), transparent 100%),
    radial-gradient(1px 1px at 45% 72%, rgba(94,234,255,.38), transparent 100%);
  opacity:.88;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-maintenance .uvd-maintenance-card::after,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-maintenance .card::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(112deg, transparent 0 28%, rgba(255,255,255,.10) 42%, transparent 58% 100%);
  opacity:.42;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-maintenance .uvd-maintenance-button,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-maintenance .btn{
  transition: transform .16s ease, box-shadow .16s ease, filter .16s ease;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-maintenance .uvd-maintenance-button:hover,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-maintenance .btn:hover{
  transform:translateY(-2px);
  filter:saturate(1.08);
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-about{
  background:
    radial-gradient(980px 440px at 50% -10%, rgba(248,214,109,.16), transparent 62%),
    radial-gradient(820px 420px at 8% 16%, rgba(77,141,255,.20), transparent 58%),
    linear-gradient(180deg,#07101f,#020617 72%);
  color:rgba(239,246,255,.94);
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-about .uvd-about-main{
  width:min(1120px, calc(100% - 32px));
  min-height:auto;
  margin:32px auto 38px;
  padding:clamp(18px,3vw,32px);
  gap:24px;
  align-items:center;
  border:1px solid rgba(164,196,255,.16);
  border-radius:32px;
  background:
    radial-gradient(620px 240px at 76% 0%, rgba(248,214,109,.12), transparent 64%),
    linear-gradient(180deg, rgba(15,28,52,.72), rgba(5,11,24,.84));
  box-shadow:0 32px 92px rgba(0,0,0,.52), inset 0 1px 0 rgba(255,255,255,.11), inset 0 -1px 0 rgba(248,214,109,.07);
  backdrop-filter:blur(16px) saturate(140%);
  -webkit-backdrop-filter:blur(16px) saturate(140%);
  position:relative;
  overflow:hidden;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-about .uvd-about-main::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(112deg, transparent 0 30%, rgba(255,255,255,.09) 43%, transparent 58% 100%);
  opacity:.42;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-about .uvd-about-main > *{
  position:relative;
  z-index:1;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-about .uvd-public-about-copy{
  margin-top:0;
  padding:clamp(10px,2vw,18px);
  color:rgba(226,232,240,.92);
  font-family:Vazirmatn,Tahoma,sans-serif;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-about .uvd-public-static-title{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin:0 0 14px;
  color:#fff7cf;
  font-family:'B-Titr',Vazirmatn,Tahoma,sans-serif;
  font-size:clamp(26px,4vw,40px);
  line-height:1.6;
  text-shadow:0 10px 30px rgba(248,214,109,.16);
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-about .uvd-public-static-title::before{
  content:"✨";
  font-family:Apple Color Emoji,Segoe UI Emoji,sans-serif;
  font-size:.72em;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-about .uvd-public-static-text{
  margin:0;
  max-width:650px;
  color:rgba(215,226,241,.82);
  line-height:2.15;
  font-size:clamp(15px,2vw,18px);
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-about .uvd-public-about-media{
  padding:0;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-about .uvd-public-about-media img{
  margin-top:0;
  max-height:520px;
  border-radius:28px;
  border:1px solid rgba(164,196,255,.16);
  background:rgba(2,6,23,.45);
  box-shadow:0 26px 68px rgba(0,0,0,.45), 0 0 30px rgba(77,141,255,.10), inset 0 1px 0 rgba(255,255,255,.08);
}

@media(max-width:768px){
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-about .uvd-about-main{
    width:min(100% - 20px, 760px);
    margin:18px auto 28px;
    padding:16px;
    flex-direction:column;
    gap:16px;
    align-items:stretch;
  }
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-about .uvd-public-about-copy{
    width:auto;
    padding:0;
  }
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-about .uvd-public-about-media{
    width:100%;
  }
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-about .uvd-public-about-media img{
    width:100%;
    max-width:100%;
    height:auto;
  }
}

/* ==========================================================
   Phase 3D.17 — Final Contract Sweep: migrated page-local Dark Luxury rules
   Page contract CSS files now keep Classic/baseline/runtime-safe structure;
   the active theme CSS owns skin-specific visuals. Late-boundary helpers in
   includes/user_visual_design_core.php re-emit this theme after protected late
   page CSS where needed, so future skins can be CSS-only.
   ========================================================== */

/* ---- migrated from assets/css/uvd/pages/live-entry.css ---- */
body.uvd-skin-dark-luxury-3d.uvd-page-key-live-classes,
body.uvd-skin-dark-luxury-3d.uvd-page-key-live-prejoin{
  --uvd-live-entry-ink:#f7fbff;
  --uvd-live-entry-muted:rgba(225,235,255,.74);
  --uvd-live-entry-soft:rgba(255,255,255,.055);
  --uvd-live-entry-glass:rgba(9,15,33,.72);
  --uvd-live-entry-glass-2:rgba(16,24,48,.58);
  --uvd-live-entry-line:rgba(255,255,255,.13);
  --uvd-live-entry-line-strong:rgba(255,224,154,.28);
  --uvd-live-entry-gold:#f5c878;
  --uvd-live-entry-cyan:#78e8ff;
  --uvd-live-entry-blue:#8aa7ff;
  --uvd-live-entry-green:#5ef0a2;
  --uvd-live-entry-amber:#ffd27a;
  --uvd-live-entry-red:#ff9a9a;
  background:
    radial-gradient(circle at 88% 9%, rgba(245,200,120,.18), transparent 34%),
    radial-gradient(circle at 9% 20%, rgba(120,232,255,.14), transparent 30%),
    radial-gradient(circle at 50% 92%, rgba(138,167,255,.12), transparent 36%),
    linear-gradient(180deg,#050814 0%, #071022 48%, #030612 100%);
}

body.uvd-skin-dark-luxury-3d.uvd-page-key-live-classes::before,
body.uvd-skin-dark-luxury-3d.uvd-page-key-live-prejoin::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:0;
  background:
    linear-gradient(115deg, transparent 0 38%, rgba(255,255,255,.045) 39%, transparent 41% 100%),
    radial-gradient(circle at 50% 0%, rgba(255,255,255,.055), transparent 24%);
  mask-image:linear-gradient(180deg, rgba(0,0,0,.95), rgba(0,0,0,.12));
}

body.uvd-skin-dark-luxury-3d.uvd-page-key-live-classes .live-wrap,
body.uvd-skin-dark-luxury-3d.uvd-page-key-live-prejoin .live-wrap{
  position:relative;
  z-index:1;
  max-width:1320px;
  margin-top:26px;
  padding-inline:clamp(14px,2.4vw,30px);
  color:var(--uvd-live-entry-ink);
}

body.uvd-skin-dark-luxury-3d.uvd-page-key-live-classes .live-card,
body.uvd-skin-dark-luxury-3d.uvd-page-key-live-prejoin .live-card{
  position:relative;
  overflow:hidden;
  border:1px solid var(--uvd-live-entry-line);
  background:
    linear-gradient(145deg, rgba(255,255,255,.092), rgba(255,255,255,.035) 42%, rgba(255,255,255,.058)),
    linear-gradient(180deg, var(--uvd-live-entry-glass), var(--uvd-live-entry-glass-2));
  box-shadow:
    0 28px 72px rgba(0,0,0,.46),
    inset 0 1px 0 rgba(255,255,255,.10),
    inset 0 -1px 0 rgba(255,255,255,.045);
  backdrop-filter:blur(18px) saturate(1.2);
  -webkit-backdrop-filter:blur(18px) saturate(1.2);
}

body.uvd-skin-dark-luxury-3d.uvd-page-key-live-classes .live-card::after,
body.uvd-skin-dark-luxury-3d.uvd-page-key-live-prejoin .live-card::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  background:
    linear-gradient(135deg, rgba(245,200,120,.18), transparent 22% 70%, rgba(120,232,255,.14)),
    radial-gradient(circle at 18% 0%, rgba(255,255,255,.13), transparent 28%);
  opacity:.72;
  mix-blend-mode:screen;
}

body.uvd-skin-dark-luxury-3d.uvd-page-key-live-classes .live-card > *,
body.uvd-skin-dark-luxury-3d.uvd-page-key-live-prejoin .live-card > *{
  position:relative;
  z-index:1;
}

body.uvd-skin-dark-luxury-3d.uvd-page-key-live-classes .live-hero,
body.uvd-skin-dark-luxury-3d.uvd-page-key-live-prejoin .live-hero{
  padding:clamp(20px,2.8vw,34px);
  margin-bottom:18px;
  border-color:var(--uvd-live-entry-line-strong);
  background:
    linear-gradient(135deg, rgba(245,200,120,.145), transparent 30%),
    radial-gradient(circle at 5% 25%, rgba(120,232,255,.16), transparent 32%),
    linear-gradient(180deg, rgba(15,22,45,.82), rgba(7,12,27,.72));
}

body.uvd-skin-dark-luxury-3d.uvd-page-key-live-classes .live-hero::before,
body.uvd-skin-dark-luxury-3d.uvd-page-key-live-prejoin .live-hero::before{
  content:"";
  position:absolute;
  top:-90px;
  left:clamp(20px,10vw,140px);
  width:260px;
  height:260px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(245,200,120,.18), transparent 62%);
  filter:blur(2px);
  pointer-events:none;
}

body.uvd-skin-dark-luxury-3d.uvd-page-key-live-classes .live-hero h2,
body.uvd-skin-dark-luxury-3d.uvd-page-key-live-prejoin .live-hero h2{
  margin:0;
  font-size:clamp(24px,3.2vw,38px);
  line-height:1.35;
  letter-spacing:-.02em;
  color:#fff7e6;
  text-shadow:0 12px 34px rgba(245,200,120,.22);
}

body.uvd-skin-dark-luxury-3d.uvd-page-key-live-classes .live-hero .live-sub,
body.uvd-skin-dark-luxury-3d.uvd-page-key-live-prejoin .live-hero .live-sub{
  max-width:760px;
  color:var(--uvd-live-entry-muted);
  font-size:14px;
}

body.uvd-skin-dark-luxury-3d.uvd-page-key-live-classes .live-section,
body.uvd-skin-dark-luxury-3d.uvd-page-key-live-prejoin .live-grid > .live-card{
  margin-bottom:16px;
}

body.uvd-skin-dark-luxury-3d.uvd-page-key-live-classes .live-head,
body.uvd-skin-dark-luxury-3d.uvd-page-key-live-prejoin .live-head{
  padding:19px 22px 14px;
  border-bottom:1px solid rgba(255,255,255,.075);
}

body.uvd-skin-dark-luxury-3d.uvd-page-key-live-classes .live-head h3,
body.uvd-skin-dark-luxury-3d.uvd-page-key-live-prejoin .live-head h3{
  color:#fff4dc;
  font-size:18px;
  letter-spacing:-.01em;
}

body.uvd-skin-dark-luxury-3d.uvd-page-key-live-classes .live-panel-body,
body.uvd-skin-dark-luxury-3d.uvd-page-key-live-prejoin .live-panel-body{
  padding:16px 18px 18px;
}

body.uvd-skin-dark-luxury-3d.uvd-page-key-live-classes .live-empty,
body.uvd-skin-dark-luxury-3d.uvd-page-key-live-prejoin .live-empty{
  border:1px dashed rgba(255,255,255,.16);
  background:rgba(255,255,255,.045);
  color:rgba(240,247,255,.72);
  border-radius:18px;
  padding:18px;
  text-align:center;
}

body.uvd-skin-dark-luxury-3d.uvd-page-key-live-classes .live-item,
body.uvd-skin-dark-luxury-3d.uvd-page-key-live-prejoin .live-item{
  border-color:rgba(255,255,255,.12);
  background:
    linear-gradient(135deg, rgba(255,255,255,.075), rgba(255,255,255,.035)),
    rgba(255,255,255,.035);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.075), 0 12px 28px rgba(0,0,0,.18);
  transition:transform .18s ease, border-color .18s ease, background .18s ease;
}

body.uvd-skin-dark-luxury-3d.uvd-page-key-live-classes .live-item:hover,
body.uvd-skin-dark-luxury-3d.uvd-page-key-live-prejoin .live-item:hover{
  transform:translateY(-2px);
  border-color:rgba(245,200,120,.27);
  background:
    linear-gradient(135deg, rgba(245,200,120,.075), rgba(120,232,255,.045)),
    rgba(255,255,255,.05);
}

body.uvd-skin-dark-luxury-3d.uvd-page-key-live-classes .live-item .title,
body.uvd-skin-dark-luxury-3d.uvd-page-key-live-prejoin .live-item .title{
  color:#fff9ef;
  font-size:15px;
}

body.uvd-skin-dark-luxury-3d.uvd-page-key-live-classes .live-item .desc,
body.uvd-skin-dark-luxury-3d.uvd-page-key-live-prejoin .live-item .desc{
  color:var(--uvd-live-entry-muted);
  line-height:2;
}

body.uvd-skin-dark-luxury-3d.uvd-page-key-live-classes .live-btn,
body.uvd-skin-dark-luxury-3d.uvd-page-key-live-prejoin .live-btn{
  min-height:43px;
  border-radius:15px;
  border-color:rgba(245,200,120,.23);
  background:
    linear-gradient(135deg, rgba(245,200,120,.22), rgba(120,232,255,.10)),
    rgba(255,255,255,.055);
  box-shadow:0 12px 28px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.10);
  color:#fff9ee;
}

body.uvd-skin-dark-luxury-3d.uvd-page-key-live-classes .live-btn:hover,
body.uvd-skin-dark-luxury-3d.uvd-page-key-live-prejoin .live-btn:hover{
  border-color:rgba(245,200,120,.42);
  box-shadow:0 16px 32px rgba(0,0,0,.26), 0 0 0 1px rgba(245,200,120,.08) inset;
}

body.uvd-skin-dark-luxury-3d.uvd-page-key-live-classes .live-btn.ghost,
body.uvd-skin-dark-luxury-3d.uvd-page-key-live-prejoin .live-btn.ghost{
  background:rgba(255,255,255,.055);
  border-color:rgba(255,255,255,.14);
  color:rgba(245,248,255,.86);
}

body.uvd-skin-dark-luxury-3d.uvd-page-key-live-classes .live-btn.success,
body.uvd-skin-dark-luxury-3d.uvd-page-key-live-prejoin .live-btn.success{
  background:linear-gradient(135deg, rgba(94,240,162,.24), rgba(120,232,255,.12));
  border-color:rgba(94,240,162,.32);
  color:#ecfff5;
}

body.uvd-skin-dark-luxury-3d.uvd-page-key-live-classes .live-btn.warning,
body.uvd-skin-dark-luxury-3d.uvd-page-key-live-prejoin .live-btn.warning{
  background:linear-gradient(135deg, rgba(255,210,122,.24), rgba(245,200,120,.10));
  border-color:rgba(255,210,122,.32);
  color:#fff5de;
}

body.uvd-skin-dark-luxury-3d.uvd-page-key-live-classes .live-badge,
body.uvd-skin-dark-luxury-3d.uvd-page-key-live-prejoin .live-badge{
  border-color:rgba(255,255,255,.14);
  background:rgba(255,255,255,.06);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}

body.uvd-skin-dark-luxury-3d.uvd-page-key-live-classes .live-badge.ok,
body.uvd-skin-dark-luxury-3d.uvd-page-key-live-prejoin .live-badge.ok{
  background:rgba(94,240,162,.13);
  border-color:rgba(94,240,162,.35);
  color:#dfffee;
}

body.uvd-skin-dark-luxury-3d.uvd-page-key-live-classes .live-badge.warn,
body.uvd-skin-dark-luxury-3d.uvd-page-key-live-prejoin .live-badge.warn{
  background:rgba(255,210,122,.13);
  border-color:rgba(255,210,122,.35);
  color:#fff0ca;
}

body.uvd-skin-dark-luxury-3d.uvd-page-key-live-classes .live-badge.danger,
body.uvd-skin-dark-luxury-3d.uvd-page-key-live-prejoin .live-badge.danger{
  background:rgba(255,154,154,.13);
  border-color:rgba(255,154,154,.32);
  color:#ffe2e2;
}

body.uvd-skin-dark-luxury-3d.uvd-page-key-live-prejoin .live-kv .box{
  border-color:rgba(255,255,255,.12);
  background:
    linear-gradient(145deg, rgba(255,255,255,.072), rgba(255,255,255,.035)),
    rgba(255,255,255,.035);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.075);
}

body.uvd-skin-dark-luxury-3d.uvd-page-key-live-prejoin .live-kv .box .k{
  color:rgba(226,236,255,.68);
}

body.uvd-skin-dark-luxury-3d.uvd-page-key-live-prejoin .live-kv .box .v{
  color:#fff7e8;
}

body.uvd-skin-dark-luxury-3d.uvd-page-key-live-prejoin .live-alert{
  border:1px solid rgba(255,255,255,.13);
  border-radius:18px;
  background:rgba(255,255,255,.055);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07);
}

body.uvd-skin-dark-luxury-3d.uvd-page-key-live-prejoin .live-alert.success{
  background:rgba(94,240,162,.11);
  border-color:rgba(94,240,162,.26);
  color:#e8fff2;
}

body.uvd-skin-dark-luxury-3d.uvd-page-key-live-prejoin .live-alert.warn{
  background:rgba(255,210,122,.11);
  border-color:rgba(255,210,122,.26);
  color:#fff3d5;
}

body.uvd-skin-dark-luxury-3d.uvd-page-key-live-classes .live-lock-modal-dialog{
  border:1px solid rgba(245,200,120,.26);
  background:linear-gradient(180deg, rgba(18,25,48,.96), rgba(8,12,26,.98));
  box-shadow:0 28px 80px rgba(0,0,0,.56), inset 0 1px 0 rgba(255,255,255,.10);
}

@media (max-width: 820px){
  body.uvd-skin-dark-luxury-3d.uvd-page-key-live-classes .live-wrap,
  body.uvd-skin-dark-luxury-3d.uvd-page-key-live-prejoin .live-wrap{
    margin-top:18px;
    padding-inline:12px;
  }

  body.uvd-skin-dark-luxury-3d.uvd-page-key-live-classes .live-hero,
  body.uvd-skin-dark-luxury-3d.uvd-page-key-live-prejoin .live-hero{
    padding:18px;
  }

  body.uvd-skin-dark-luxury-3d.uvd-page-key-live-classes .live-hero h2,
  body.uvd-skin-dark-luxury-3d.uvd-page-key-live-prejoin .live-hero h2{
    font-size:24px;
  }

  body.uvd-skin-dark-luxury-3d.uvd-page-key-live-classes .live-item,
  body.uvd-skin-dark-luxury-3d.uvd-page-key-live-prejoin .live-item{
    align-items:stretch;
  }

  body.uvd-skin-dark-luxury-3d.uvd-page-key-live-classes .live-item .actions,
  body.uvd-skin-dark-luxury-3d.uvd-page-key-live-prejoin .live-item .actions{
    width:100%;
    justify-content:flex-start;
  }

  body.uvd-skin-dark-luxury-3d.uvd-page-key-live-classes .live-item .actions .live-btn,
  body.uvd-skin-dark-luxury-3d.uvd-page-key-live-prejoin .live-inline-actions .live-btn{
    width:100%;
  }
}

/*
 * Phase 3D.12 — public live guest/open entry routes.
 * This extension deliberately targets only entry/landing surfaces:
 * live_guest.php, /g/..., live_open_room.php, and /a/....
 * It is not loaded by live_room/live_studio runtime pages.
 */
body.uvd-skin-dark-luxury-3d:is(.uvd-page-key-live-guest-entry,.uvd-page-key-live-open-entry){
  --uvd-live-entry-ink:#f7fbff;
  --uvd-live-entry-muted:rgba(225,235,255,.74);
  --uvd-live-entry-soft:rgba(255,255,255,.055);
  --uvd-live-entry-glass:rgba(9,15,33,.72);
  --uvd-live-entry-glass-2:rgba(16,24,48,.58);
  --uvd-live-entry-line:rgba(255,255,255,.13);
  --uvd-live-entry-line-strong:rgba(255,224,154,.28);
  --uvd-live-entry-gold:#f5c878;
  --uvd-live-entry-cyan:#78e8ff;
  --uvd-live-entry-blue:#8aa7ff;
  --uvd-live-entry-green:#5ef0a2;
  --uvd-live-entry-amber:#ffd27a;
  --uvd-live-entry-red:#ff9a9a;
  background:
    radial-gradient(circle at 88% 9%, rgba(245,200,120,.18), transparent 34%),
    radial-gradient(circle at 9% 20%, rgba(120,232,255,.14), transparent 30%),
    radial-gradient(circle at 50% 92%, rgba(138,167,255,.12), transparent 36%),
    linear-gradient(180deg,#050814 0%, #071022 48%, #030612 100%);
}

body.uvd-skin-dark-luxury-3d:is(.uvd-page-key-live-guest-entry,.uvd-page-key-live-open-entry)::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:0;
  background:
    linear-gradient(115deg, transparent 0 38%, rgba(255,255,255,.045) 39%, transparent 41% 100%),
    radial-gradient(circle at 50% 0%, rgba(255,255,255,.055), transparent 24%);
  mask-image:linear-gradient(180deg, rgba(0,0,0,.95), rgba(0,0,0,.12));
}

body.uvd-skin-dark-luxury-3d:is(.uvd-page-key-live-guest-entry,.uvd-page-key-live-open-entry) .live-wrap{
  position:relative;
  z-index:1;
  max-width:1180px;
  margin-top:26px;
  padding-inline:clamp(14px,2.4vw,30px);
  color:var(--uvd-live-entry-ink);
}

body.uvd-skin-dark-luxury-3d:is(.uvd-page-key-live-guest-entry,.uvd-page-key-live-open-entry) .live-card{
  position:relative;
  overflow:hidden;
  border:1px solid var(--uvd-live-entry-line);
  background:
    linear-gradient(145deg, rgba(255,255,255,.092), rgba(255,255,255,.035) 42%, rgba(255,255,255,.058)),
    linear-gradient(180deg, var(--uvd-live-entry-glass), var(--uvd-live-entry-glass-2));
  box-shadow:
    0 28px 72px rgba(0,0,0,.46),
    inset 0 1px 0 rgba(255,255,255,.10),
    inset 0 -1px 0 rgba(255,255,255,.045);
  backdrop-filter:blur(18px) saturate(1.2);
  -webkit-backdrop-filter:blur(18px) saturate(1.2);
}

body.uvd-skin-dark-luxury-3d:is(.uvd-page-key-live-guest-entry,.uvd-page-key-live-open-entry) .live-card::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  background:
    linear-gradient(135deg, rgba(245,200,120,.18), transparent 22% 70%, rgba(120,232,255,.14)),
    radial-gradient(circle at 18% 0%, rgba(255,255,255,.13), transparent 28%);
  opacity:.72;
  mix-blend-mode:screen;
}

body.uvd-skin-dark-luxury-3d:is(.uvd-page-key-live-guest-entry,.uvd-page-key-live-open-entry) .live-card > *{
  position:relative;
  z-index:1;
}

body.uvd-skin-dark-luxury-3d:is(.uvd-page-key-live-guest-entry,.uvd-page-key-live-open-entry) .live-hero{
  padding:clamp(20px,2.8vw,34px);
  margin-bottom:18px;
  border-color:var(--uvd-live-entry-line-strong);
  background:
    linear-gradient(135deg, rgba(245,200,120,.145), transparent 30%),
    radial-gradient(circle at 5% 25%, rgba(120,232,255,.16), transparent 32%),
    linear-gradient(180deg, rgba(15,22,45,.82), rgba(7,12,27,.72));
}

body.uvd-skin-dark-luxury-3d:is(.uvd-page-key-live-guest-entry,.uvd-page-key-live-open-entry) .live-hero h2{
  margin:0;
  font-size:clamp(24px,3vw,36px);
  line-height:1.35;
  letter-spacing:-.02em;
  color:#fff7e6;
  text-shadow:0 12px 34px rgba(245,200,120,.22);
}

body.uvd-skin-dark-luxury-3d:is(.uvd-page-key-live-guest-entry,.uvd-page-key-live-open-entry) .live-hero .top{
  gap:18px;
}

body.uvd-skin-dark-luxury-3d:is(.uvd-page-key-live-guest-entry,.uvd-page-key-live-open-entry) .live-sub,
body.uvd-skin-dark-luxury-3d:is(.uvd-page-key-live-guest-entry,.uvd-page-key-live-open-entry) .live-item .desc{
  color:var(--uvd-live-entry-muted);
  line-height:2;
}

body.uvd-skin-dark-luxury-3d:is(.uvd-page-key-live-guest-entry,.uvd-page-key-live-open-entry) .live-head{
  padding:19px 22px 14px;
  border-bottom:1px solid rgba(255,255,255,.075);
}

body.uvd-skin-dark-luxury-3d:is(.uvd-page-key-live-guest-entry,.uvd-page-key-live-open-entry) .live-head h3,
body.uvd-skin-dark-luxury-3d:is(.uvd-page-key-live-guest-entry,.uvd-page-key-live-open-entry) .live-item .title{
  color:#fff4dc;
  letter-spacing:-.01em;
}

body.uvd-skin-dark-luxury-3d:is(.uvd-page-key-live-guest-entry,.uvd-page-key-live-open-entry) .live-panel-body{
  padding:16px 18px 18px;
}

body.uvd-skin-dark-luxury-3d:is(.uvd-page-key-live-guest-entry,.uvd-page-key-live-open-entry) .live-item,
body.uvd-skin-dark-luxury-3d:is(.uvd-page-key-live-guest-entry,.uvd-page-key-live-open-entry) .live-kv .box{
  border-color:rgba(255,255,255,.12);
  background:
    linear-gradient(145deg, rgba(255,255,255,.072), rgba(255,255,255,.035)),
    rgba(255,255,255,.035);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.075), 0 12px 28px rgba(0,0,0,.18);
}

body.uvd-skin-dark-luxury-3d:is(.uvd-page-key-live-guest-entry,.uvd-page-key-live-open-entry) .live-kv .box .k{
  color:rgba(226,236,255,.68);
}

body.uvd-skin-dark-luxury-3d:is(.uvd-page-key-live-guest-entry,.uvd-page-key-live-open-entry) .live-kv .box .v{
  color:#fff7e8;
}

body.uvd-skin-dark-luxury-3d:is(.uvd-page-key-live-guest-entry,.uvd-page-key-live-open-entry) .live-field label{
  color:rgba(235,243,255,.80);
}

body.uvd-skin-dark-luxury-3d:is(.uvd-page-key-live-guest-entry,.uvd-page-key-live-open-entry) .live-input{
  border-color:rgba(255,255,255,.14);
  background:rgba(255,255,255,.07);
  color:#fff9ef;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07);
}

body.uvd-skin-dark-luxury-3d:is(.uvd-page-key-live-guest-entry,.uvd-page-key-live-open-entry) .live-input:focus{
  border-color:rgba(245,200,120,.44);
  box-shadow:0 0 0 3px rgba(245,200,120,.10), inset 0 1px 0 rgba(255,255,255,.10);
}

body.uvd-skin-dark-luxury-3d:is(.uvd-page-key-live-guest-entry,.uvd-page-key-live-open-entry) .live-btn{
  min-height:43px;
  border-radius:15px;
  border-color:rgba(245,200,120,.23);
  background:
    linear-gradient(135deg, rgba(245,200,120,.22), rgba(120,232,255,.10)),
    rgba(255,255,255,.055);
  box-shadow:0 12px 28px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.10);
  color:#fff9ee;
}

body.uvd-skin-dark-luxury-3d:is(.uvd-page-key-live-guest-entry,.uvd-page-key-live-open-entry) .live-btn:hover{
  border-color:rgba(245,200,120,.42);
  box-shadow:0 16px 32px rgba(0,0,0,.26), 0 0 0 1px rgba(245,200,120,.08) inset;
}

body.uvd-skin-dark-luxury-3d:is(.uvd-page-key-live-guest-entry,.uvd-page-key-live-open-entry) .live-btn.ghost{
  background:rgba(255,255,255,.055);
  border-color:rgba(255,255,255,.14);
  color:rgba(245,248,255,.86);
}

body.uvd-skin-dark-luxury-3d:is(.uvd-page-key-live-guest-entry,.uvd-page-key-live-open-entry) .live-btn.success{
  background:linear-gradient(135deg, rgba(94,240,162,.24), rgba(120,232,255,.12));
  border-color:rgba(94,240,162,.32);
  color:#ecfff5;
}

body.uvd-skin-dark-luxury-3d:is(.uvd-page-key-live-guest-entry,.uvd-page-key-live-open-entry) .live-badge{
  border-color:rgba(255,255,255,.14);
  background:rgba(255,255,255,.06);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}

body.uvd-skin-dark-luxury-3d:is(.uvd-page-key-live-guest-entry,.uvd-page-key-live-open-entry) .live-badge.ok{
  background:rgba(94,240,162,.13);
  border-color:rgba(94,240,162,.35);
  color:#dfffee;
}

body.uvd-skin-dark-luxury-3d:is(.uvd-page-key-live-guest-entry,.uvd-page-key-live-open-entry) .live-badge.warn{
  background:rgba(255,210,122,.13);
  border-color:rgba(255,210,122,.35);
  color:#fff0ca;
}

body.uvd-skin-dark-luxury-3d:is(.uvd-page-key-live-guest-entry,.uvd-page-key-live-open-entry) .live-badge.danger{
  background:rgba(255,154,154,.13);
  border-color:rgba(255,154,154,.32);
  color:#ffe2e2;
}

body.uvd-skin-dark-luxury-3d:is(.uvd-page-key-live-guest-entry,.uvd-page-key-live-open-entry) .live-alert{
  border:1px solid rgba(255,255,255,.13);
  border-radius:18px;
  background:rgba(255,255,255,.055);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07);
}

body.uvd-skin-dark-luxury-3d:is(.uvd-page-key-live-guest-entry,.uvd-page-key-live-open-entry) .live-alert.success{
  background:rgba(94,240,162,.11);
  border-color:rgba(94,240,162,.26);
  color:#e8fff2;
}

body.uvd-skin-dark-luxury-3d:is(.uvd-page-key-live-guest-entry,.uvd-page-key-live-open-entry) .live-alert.warn{
  background:rgba(255,210,122,.11);
  border-color:rgba(255,210,122,.26);
  color:#fff3d5;
}

body.uvd-skin-dark-luxury-3d:is(.uvd-page-key-live-guest-entry,.uvd-page-key-live-open-entry) .live-alert.danger{
  background:rgba(255,154,154,.11);
  border-color:rgba(255,154,154,.26);
  color:#ffe4e4;
}

@media (max-width: 820px){
  body.uvd-skin-dark-luxury-3d:is(.uvd-page-key-live-guest-entry,.uvd-page-key-live-open-entry) .live-wrap{
    margin-top:18px;
    padding-inline:12px;
  }

  body.uvd-skin-dark-luxury-3d:is(.uvd-page-key-live-guest-entry,.uvd-page-key-live-open-entry) .live-hero{
    padding:18px;
  }

  body.uvd-skin-dark-luxury-3d:is(.uvd-page-key-live-guest-entry,.uvd-page-key-live-open-entry) .live-hero h2{
    font-size:24px;
  }

  body.uvd-skin-dark-luxury-3d:is(.uvd-page-key-live-guest-entry,.uvd-page-key-live-open-entry) .live-inline-actions .live-btn,
  body.uvd-skin-dark-luxury-3d:is(.uvd-page-key-live-guest-entry,.uvd-page-key-live-open-entry) .free-room-access-actions .live-btn{
    width:100%;
  }
}


/* ---- migrated from assets/css/uvd/pages/user-file-browser.css ---- */
/* Phase 3D.15 — Dark Luxury protected file-browser polish.
   Visual-only: download/preview overlay JavaScript and public file URLs stay unchanged. */
body.uvd-skin-dark-luxury-3d.uvd-page-key-user-file-browser .uvd-user-file-browser-shell{
  isolation:isolate;
}

body.uvd-skin-dark-luxury-3d.uvd-page-key-user-file-browser .file-item,
body.uvd-skin-dark-luxury-3d.uvd-page-key-user-file-browser .empty-box,
body.uvd-skin-dark-luxury-3d.uvd-page-key-user-file-browser .preview-box{
  border-color: rgba(247,198,92,.13);
  box-shadow:
    0 18px 46px rgba(0,0,0,.42),
    0 0 30px rgba(77,166,255,.055),
    inset 0 1px 0 rgba(255,255,255,.06);
}

body.uvd-skin-dark-luxury-3d.uvd-page-key-user-file-browser .btnx,
body.uvd-skin-dark-luxury-3d.uvd-page-key-user-file-browser .back-home,
body.uvd-skin-dark-luxury-3d.uvd-page-key-user-file-browser .upload-home,
body.uvd-skin-dark-luxury-3d.uvd-page-key-user-file-browser .folder-home,
body.uvd-skin-dark-luxury-3d.uvd-page-key-user-file-browser .dl-cancel{
  text-shadow: 0 1px 1px rgba(0,0,0,.48), 0 0 9px rgba(0,0,0,.22);
}


/* ---- migrated from assets/css/uvd/pages/user-upload.css ---- */
/* Phase 3D.15 — Dark Luxury protected upload polish.
   Visual-only: no upload runtime, XHR, chunking, pause/resume, remote upload,
   or AJAX response behavior is defined here. */
body.uvd-skin-dark-luxury-3d.uvd-page-key-user-upload .uvd-user-upload-shell{
  isolation:isolate;
}

body.uvd-skin-dark-luxury-3d.uvd-page-key-user-upload .uvd-user-upload-card{
  border-color: rgba(247, 198, 92, .16);
  box-shadow:
    0 24px 70px rgba(0,0,0,.58),
    0 0 42px rgba(77,166,255,.08),
    inset 0 1px 0 rgba(255,255,255,.12);
}

body.uvd-skin-dark-luxury-3d.uvd-page-key-user-upload .uvd-user-upload-panel{
  border-color: rgba(255,255,255,.13);
  background:
    radial-gradient(420px 120px at 70% 0%, rgba(247,198,92,.08), transparent 60%),
    linear-gradient(145deg, rgba(0,0,0,.24), rgba(255,255,255,.035));
}

body.uvd-skin-dark-luxury-3d.uvd-page-key-user-upload .btn,
body.uvd-skin-dark-luxury-3d.uvd-page-key-user-upload .b1,
body.uvd-skin-dark-luxury-3d.uvd-page-key-user-upload .b2,
body.uvd-skin-dark-luxury-3d.uvd-page-key-user-upload .b3,
body.uvd-skin-dark-luxury-3d.uvd-page-key-user-upload .b4,
body.uvd-skin-dark-luxury-3d.uvd-page-key-user-upload .remoteCheckBtn,
body.uvd-skin-dark-luxury-3d.uvd-page-key-user-upload .uppyPickBtn{
  text-shadow: 0 1px 1px rgba(0,0,0,.52), 0 0 10px rgba(0,0,0,.22);
}

/* ==========================================================
   Phase 3D.15.1 — Dark Luxury visual activation for user upload.
   Late-loaded after Uppy CSS by design. Visual-only: upload JS,
   XHR multipart, remote upload and AJAX payloads stay unchanged.
   ========================================================== */
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-upload {
  --uvd-upload-shell-bg:
    radial-gradient(760px 440px at 90% 8%, rgba(85,231,255,.11), transparent 68%),
    radial-gradient(640px 420px at 8% 12%, rgba(248,214,109,.10), transparent 66%),
    linear-gradient(180deg, rgba(7,14,29,.42), rgba(5,10,21,.16));
  --uvd-upload-panel-bg:
    radial-gradient(520px 240px at 84% -8%, rgba(85,231,255,.105), transparent 65%),
    radial-gradient(420px 220px at 12% -8%, rgba(248,214,109,.075), transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,.068), rgba(255,255,255,.026)) padding-box,
    linear-gradient(135deg, rgba(161,195,255,.24), rgba(248,214,109,.13), rgba(85,231,255,.105)) border-box;
  --uvd-upload-card-bg:
    radial-gradient(660px 230px at 86% 0%, rgba(85,231,255,.085), transparent 68%),
    linear-gradient(180deg, rgba(255,255,255,.065), rgba(255,255,255,.024)) padding-box,
    linear-gradient(135deg, rgba(161,195,255,.22), rgba(255,255,255,.06)) border-box;
  --uvd-upload-radius-xl: 34px;
  --uvd-upload-radius-lg: 26px;
  --uvd-upload-radius-md: 18px;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-upload .wrap.uvd-user-upload-shell {
  width: min(100% - 24px, 1160px) !important;
  max-width: 1160px !important;
  margin: 18px auto 38px !important;
  padding: clamp(14px, 2vw, 22px) !important;
  border-radius: var(--uvd-upload-radius-xl) !important;
  background: var(--uvd-upload-shell-bg) !important;
  border: 1px solid rgba(161,195,255,.11) !important;
  box-shadow: 0 32px 110px rgba(0,0,0,.23), inset 0 1px 0 rgba(255,255,255,.045) !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-upload .hero.uvd-user-upload-head {
  margin: 0 0 18px !important;
  padding: clamp(16px, 2.4vw, 24px) !important;
  border-radius: 30px !important;
  background:
    radial-gradient(420px 210px at 84% -12%, rgba(85,231,255,.16), transparent 70%),
    radial-gradient(360px 180px at 12% -8%, rgba(248,214,109,.13), transparent 66%),
    linear-gradient(180deg, rgba(255,255,255,.090), rgba(255,255,255,.030)) padding-box,
    linear-gradient(135deg, rgba(161,195,255,.30), rgba(248,214,109,.17), rgba(85,231,255,.13)) border-box !important;
  border: 1px solid transparent !important;
  box-shadow: 0 24px 68px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.10) !important;
  overflow: hidden !important;
  position: relative !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-upload .hero.uvd-user-upload-head::after {
  content: "";
  position: absolute;
  inset: auto 28px 10px 28px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(248,214,109,.32), rgba(85,231,255,.22), transparent);
  pointer-events: none;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-upload .hero h1 {
  font-size: clamp(1.38rem, 2.25vw, 1.9rem) !important;
  line-height: 1.25 !important;
  color: rgba(248,252,255,.99) !important;
  text-shadow: 0 14px 34px rgba(0,0,0,.42), 0 0 28px rgba(85,231,255,.13) !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-upload .top-actions {
  gap: 9px !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-upload .folder-home,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-upload .btn {
  min-height: 42px !important;
  border-radius: 17px !important;
  padding: 10px 15px !important;
  border: 1px solid transparent !important;
  background:
    radial-gradient(180px 70px at 88% 0%, rgba(248,214,109,.18), transparent 68%),
    linear-gradient(135deg, rgba(77,141,255,.24), rgba(8,18,38,.76)) padding-box,
    linear-gradient(135deg, rgba(161,195,255,.38), rgba(248,214,109,.18), rgba(94,234,255,.16)) border-box !important;
  box-shadow: 0 18px 44px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.10) !important;
  text-shadow: 0 1px 1px rgba(0,0,0,.48), 0 0 9px rgba(0,0,0,.22) !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-upload .uvd-user-upload-card,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-upload .card {
  border-radius: var(--uvd-upload-radius-xl) !important;
  background: var(--uvd-upload-card-bg) !important;
  border: 1px solid transparent !important;
  box-shadow: 0 28px 86px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.06) !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-upload .card-inner {
  padding: clamp(15px, 2vw, 22px) !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-upload .uvd-user-upload-panel,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-upload .panel {
  border-radius: var(--uvd-upload-radius-lg) !important;
  background: var(--uvd-upload-panel-bg) !important;
  border: 1px solid transparent !important;
  box-shadow: 0 22px 64px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.065) !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-upload .panel h3 {
  color: rgba(248,252,255,.98) !important;
  font-size: .98rem !important;
  letter-spacing: -.012em !important;
  text-shadow: 0 10px 28px rgba(0,0,0,.34) !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-upload label {
  color: rgba(225,235,250,.84) !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-upload input[type=text],
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-upload input[type=url],
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-upload select,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-upload textarea {
  border-radius: 18px !important;
  background: rgba(8,18,38,.52) !important;
  border: 1px solid rgba(161,195,255,.15) !important;
  box-shadow: inset 0 9px 20px rgba(0,0,0,.25), 0 12px 26px rgba(0,0,0,.16) !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-upload input[type=text]:focus,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-upload input[type=url]:focus,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-upload select:focus,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-upload textarea:focus {
  border-color: rgba(85,231,255,.40) !important;
  box-shadow: inset 0 9px 20px rgba(0,0,0,.25), 0 0 0 3px rgba(85,231,255,.12) !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-upload .fixedPathBox,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-upload .remoteBox,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-upload .file-pill,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-upload .progress-wrap,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-upload .status {
  border-radius: 20px !important;
  background: rgba(8,18,38,.46) !important;
  border: 1px solid rgba(161,195,255,.13) !important;
  box-shadow: 0 16px 42px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.055) !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-upload .drop {
  border-radius: 24px !important;
  border: 1px dashed rgba(161,195,255,.26) !important;
  background:
    radial-gradient(560px 190px at 50% 0%, rgba(85,231,255,.14), transparent 64%),
    radial-gradient(420px 180px at 12% 0%, rgba(248,214,109,.09), transparent 62%),
    rgba(8,18,38,.38) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.055) !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-upload .uppyEmptyInner {
  border-radius: 24px !important;
  background:
    radial-gradient(300px 120px at 84% 0%, rgba(85,231,255,.12), transparent 66%),
    linear-gradient(180deg, rgba(255,255,255,.065), rgba(255,255,255,.025)) !important;
  border: 1px solid rgba(161,195,255,.14) !important;
  box-shadow: 0 20px 58px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.06) !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-upload .upload-method-btn,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-upload .remoteCheckBtn,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-upload .uppyPickBtn,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-upload .b1,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-upload .b2,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-upload .b3,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-upload .b4 {
  border-radius: 16px !important;
  text-shadow: 0 1px 1px rgba(0,0,0,.48), 0 0 9px rgba(0,0,0,.22) !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-upload .upload-method-btn.active {
  background:
    radial-gradient(180px 70px at 86% 0%, rgba(248,214,109,.16), transparent 66%),
    linear-gradient(135deg, rgba(77,141,255,.26), rgba(8,18,38,.70)) padding-box,
    linear-gradient(135deg, rgba(161,195,255,.36), rgba(248,214,109,.17), rgba(94,234,255,.16)) border-box !important;
  border-color: transparent !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-upload .pbar {
  background:
    linear-gradient(90deg, rgba(77,141,255,.95), rgba(85,231,255,.92), rgba(248,214,109,.86)) !important;
  box-shadow: 0 0 22px rgba(85,231,255,.16), inset 0 1px 0 rgba(255,255,255,.18) !important;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-upload .pinfo .box,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-upload .kv,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-upload .note,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-upload .filenameGuardHint,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-upload .remoteHint {
  color: rgba(214,228,248,.75) !important;
}

@media(max-width: 720px){
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-upload .wrap.uvd-user-upload-shell {
    width: min(100% - 14px, 1160px) !important;
    margin-top: 10px !important;
    padding: 10px !important;
    border-radius: 26px !important;
  }
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-upload .hero.uvd-user-upload-head {
    align-items: stretch !important;
    flex-direction: column !important;
    border-radius: 24px !important;
  }
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-upload .top-actions {
    justify-content: stretch !important;
  }
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-upload .folder-home,
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-upload .btn,
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-upload .upload-method-btn,
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-upload .remoteCheckBtn,
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-upload .uppyPickBtn,
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-upload .b1,
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-upload .b2,
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-upload .b3,
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-user-upload .b4 {
    flex: 1 1 auto !important;
    width: auto !important;
  }
}


/* ---- migrated from assets/css/uvd/pages/system-states.css ---- */
/* Dark Luxury state tokens: premium, but still understated for error/expired states. */
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home [data-uvd-component="account-access-banner"]::before {
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: inherit;
  pointer-events: none;
  background: linear-gradient(115deg, rgba(255,255,255,.12), transparent 26%, rgba(251,191,36,.10) 58%, transparent 78%);
  opacity: .65;
  mix-blend-mode: screen;
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home [data-uvd-component="account-access-modal"] [data-uvd-component="system-state-dialog"] {
  box-shadow: 0 34px 110px rgba(0,0,0,.70), 0 0 0 1px rgba(255,255,255,.06) inset, 0 0 46px rgba(251,191,36,.10);
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home [data-uvd-component="account-access-modal"][data-uvd-state="group_locked"] [data-uvd-component="system-state-dialog"],
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home [data-uvd-component="account-access-modal"][data-uvd-state="group-locked"] [data-uvd-component="system-state-dialog"] {
  box-shadow: 0 34px 110px rgba(0,0,0,.70), 0 0 0 1px rgba(255,255,255,.06) inset, 0 0 46px rgba(239,68,68,.10);
}

html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-login [data-uvd-component="system-state-alert"],
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-register [data-uvd-component="system-state-alert"],
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-forgot-password [data-uvd-component="system-state-alert"] {
  box-shadow: 0 14px 34px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.05);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

html[data-uvd-skin="dark-luxury-3d"] .uvd-public-utility-page [data-uvd-component="system-state-alert"] {
  box-shadow: 0 18px 40px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.05);
}



/* ========================================================================
   Phase 3D.18.2 — Live Entry Header Visual Color Alignment (CSS-only)
   ------------------------------------------------------------------------
   live_classes.php and live_prejoin.php already render the shared UVD
   includes/header.php contract. This block intentionally changes only the
   visual skin of the central header/menu hooks for those live-entry pages.
   It must not change whether the header is standard/minimal/center-only,
   whether the menu exists, or any LiveKit/JS/AJAX/runtime behavior.
   Future themes should skin the same hooks with their own CSS instead of
   editing live_classes.php or live_prejoin.php.
   ======================================================================== */
html[data-uvd-skin="dark-luxury-3d"] body:is(.uvd-page-key-live-classes, .uvd-page-key-live-prejoin) [data-uvd-component="site-header"].uvd-site-header{
  color: var(--dl-ink) !important;
  background:
    radial-gradient(420px 160px at 72% 0%, rgba(248,214,109,.20), transparent 68%),
    radial-gradient(520px 180px at 18% 0%, rgba(94,234,255,.16), transparent 62%),
    linear-gradient(135deg, rgba(9,18,35,.90), rgba(24,39,68,.84) 48%, rgba(7,12,24,.93)) !important;
  outline: 1px solid rgba(162,196,255,.22) !important;
  outline-offset: -1px !important;
  box-shadow: 0 22px 58px rgba(0,0,0,.45), 0 1px 0 rgba(255,255,255,.10) inset, 0 -1px 0 rgba(248,214,109,.10) inset !important;
  backdrop-filter: blur(18px) saturate(145%);
  -webkit-backdrop-filter: blur(18px) saturate(145%);
}
html[data-uvd-skin="dark-luxury-3d"] body:is(.uvd-page-key-live-classes, .uvd-page-key-live-prejoin) [data-uvd-component="site-header"] .uvd-site-header__title{
  color: var(--dl-gold) !important;
  text-shadow: 0 4px 0 rgba(65,39,8,.46), 0 15px 32px rgba(248,214,109,.22), 0 0 28px rgba(248,214,109,.18) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body:is(.uvd-page-key-live-classes, .uvd-page-key-live-prejoin) [data-uvd-component="site-header"] .uvd-site-header__right,
html[data-uvd-skin="dark-luxury-3d"] body:is(.uvd-page-key-live-classes, .uvd-page-key-live-prejoin) [data-uvd-component="site-header"] .uvd-site-header__left,
html[data-uvd-skin="dark-luxury-3d"] body:is(.uvd-page-key-live-classes, .uvd-page-key-live-prejoin) [data-uvd-component="site-header"] .uvd-site-header__left span{
  color: rgba(239,246,255,.92) !important;
  text-shadow: 0 8px 20px rgba(0,0,0,.42) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body:is(.uvd-page-key-live-classes, .uvd-page-key-live-prejoin) [data-uvd-component="site-header"] .uvd-site-header__left img,
html[data-uvd-skin="dark-luxury-3d"] body:is(.uvd-page-key-live-classes, .uvd-page-key-live-prejoin) [data-uvd-component="site-header"] .uvd-site-header__left .img{
  filter: drop-shadow(0 10px 18px rgba(0,0,0,.32)) drop-shadow(0 0 12px rgba(248,214,109,.12));
}
html[data-uvd-skin="dark-luxury-3d"] body:is(.uvd-page-key-live-classes, .uvd-page-key-live-prejoin) [data-uvd-component="site-menu-toggle"]{
  background: linear-gradient(145deg, rgba(60,130,246,.98), rgba(28,76,190,.98) 58%, rgba(15,38,105,.98)) !important;
  border-color: rgba(195,218,255,.34) !important;
  color: #fff !important;
  box-shadow: 0 18px 42px rgba(37,99,235,.36), inset 0 1px 0 rgba(255,255,255,.28), inset 0 -10px 22px rgba(0,0,0,.16) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body:is(.uvd-page-key-live-classes, .uvd-page-key-live-prejoin) [data-uvd-component="site-menu-toggle"]:hover{
  background: linear-gradient(145deg, rgba(60,130,246,.98), rgba(28,76,190,.98) 58%, rgba(15,38,105,.98)) !important;
  border-color: rgba(195,218,255,.34) !important;
  box-shadow: 0 24px 56px rgba(37,99,235,.46), 0 0 24px rgba(94,234,255,.20), inset 0 1px 0 rgba(255,255,255,.35) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body:is(.uvd-page-key-live-classes, .uvd-page-key-live-prejoin) [data-uvd-component="site-menu"]{
  background:
    radial-gradient(260px 220px at 85% 5%, rgba(248,214,109,.17), transparent 62%),
    radial-gradient(300px 240px at 16% 18%, rgba(94,234,255,.13), transparent 66%),
    linear-gradient(180deg, rgba(9,18,35,.96), rgba(5,10,21,.98)) !important;
  border-left-color: rgba(161,195,255,.22) !important;
  box-shadow: -32px 0 88px rgba(0,0,0,.62), inset 1px 0 0 rgba(255,255,255,.06) !important;
  color: var(--dl-ink) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body:is(.uvd-page-key-live-classes, .uvd-page-key-live-prejoin) [data-uvd-component="site-menu"] a{
  background: linear-gradient(135deg, rgba(31,57,99,.78), rgba(13,25,48,.86)) !important;
  border-color: rgba(140,176,255,.22) !important;
  color: rgba(241,247,255,.96) !important;
  box-shadow: 0 13px 30px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.08) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body:is(.uvd-page-key-live-classes, .uvd-page-key-live-prejoin) [data-uvd-component="site-menu"] a:hover{
  border-color: rgba(248,214,109,.42) !important;
  box-shadow: 0 18px 38px rgba(0,0,0,.34), 0 0 22px rgba(248,214,109,.10), inset 0 1px 0 rgba(255,255,255,.14) !important;
}


/* ========================================================================
   Phase 3D.18.3 — External Live Entry Header & Shell Visual Alignment
   ------------------------------------------------------------------------
   /g/... (live_guest.php) and /a/... (live_open_room.php) already render the
   shared UVD site-header contract. This block skins only the common header,
   menu-toggle and side-menu hooks for those public external entry routes.
   It intentionally does NOT change standard/minimal/center-only/header-left,
   menu visibility, nav link visibility, redirects, forms, sessions, runtime,
   LiveKit, AJAX or any PHP/JS behavior. Future themes should skin these same
   central hooks once instead of editing g/a wrapper pages or live entry PHP.
   ======================================================================== */
html[data-uvd-skin="dark-luxury-3d"] body:is(.uvd-page-key-live-guest-entry, .uvd-page-key-live-open-entry){
  --uvd-live-external-header-bg:
    radial-gradient(420px 160px at 72% 0%, rgba(248,214,109,.20), transparent 68%),
    radial-gradient(520px 180px at 18% 0%, rgba(94,234,255,.16), transparent 62%),
    linear-gradient(135deg, rgba(9,18,35,.90), rgba(24,39,68,.84) 48%, rgba(7,12,24,.93));
  --uvd-live-external-header-border: rgba(162,196,255,.22);
  --uvd-live-external-header-shadow: 0 22px 58px rgba(0,0,0,.45), 0 1px 0 rgba(255,255,255,.10) inset, 0 -1px 0 rgba(248,214,109,.10) inset;
  --uvd-live-external-menu-bg:
    radial-gradient(260px 220px at 85% 5%, rgba(248,214,109,.17), transparent 62%),
    radial-gradient(300px 240px at 16% 18%, rgba(94,234,255,.13), transparent 66%),
    linear-gradient(180deg, rgba(9,18,35,.96), rgba(5,10,21,.98));
}
html[data-uvd-skin="dark-luxury-3d"] body:is(.uvd-page-key-live-guest-entry, .uvd-page-key-live-open-entry) [data-uvd-component="site-header"].uvd-site-header{
  color: var(--dl-ink) !important;
  background: var(--uvd-live-external-header-bg) !important;
  outline: 1px solid var(--uvd-live-external-header-border) !important;
  outline-offset: -1px !important;
  box-shadow: var(--uvd-live-external-header-shadow) !important;
  backdrop-filter: blur(18px) saturate(145%);
  -webkit-backdrop-filter: blur(18px) saturate(145%);
}
html[data-uvd-skin="dark-luxury-3d"] body:is(.uvd-page-key-live-guest-entry, .uvd-page-key-live-open-entry) [data-uvd-component="site-header"] .uvd-site-header__title{
  color: var(--dl-gold) !important;
  text-shadow: 0 4px 0 rgba(65,39,8,.46), 0 15px 32px rgba(248,214,109,.22), 0 0 28px rgba(248,214,109,.18) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body:is(.uvd-page-key-live-guest-entry, .uvd-page-key-live-open-entry) [data-uvd-component="site-header"] .uvd-site-header__right,
html[data-uvd-skin="dark-luxury-3d"] body:is(.uvd-page-key-live-guest-entry, .uvd-page-key-live-open-entry) [data-uvd-component="site-header"] .uvd-site-header__left,
html[data-uvd-skin="dark-luxury-3d"] body:is(.uvd-page-key-live-guest-entry, .uvd-page-key-live-open-entry) [data-uvd-component="site-header"] .uvd-site-header__left span{
  color: rgba(239,246,255,.92) !important;
  text-shadow: 0 8px 20px rgba(0,0,0,.42) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body:is(.uvd-page-key-live-guest-entry, .uvd-page-key-live-open-entry) [data-uvd-component="site-header"] .uvd-site-header__left img,
html[data-uvd-skin="dark-luxury-3d"] body:is(.uvd-page-key-live-guest-entry, .uvd-page-key-live-open-entry) [data-uvd-component="site-header"] .uvd-site-header__left .img{
  filter: drop-shadow(0 10px 18px rgba(0,0,0,.32)) drop-shadow(0 0 12px rgba(248,214,109,.12));
}
html[data-uvd-skin="dark-luxury-3d"] body:is(.uvd-page-key-live-guest-entry, .uvd-page-key-live-open-entry) [data-uvd-component="site-menu-toggle"]{
  background: linear-gradient(145deg, rgba(60,130,246,.98), rgba(28,76,190,.98) 58%, rgba(15,38,105,.98)) !important;
  border-color: rgba(195,218,255,.34) !important;
  color: #fff !important;
  box-shadow: 0 18px 42px rgba(37,99,235,.36), inset 0 1px 0 rgba(255,255,255,.28), inset 0 -10px 22px rgba(0,0,0,.16) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body:is(.uvd-page-key-live-guest-entry, .uvd-page-key-live-open-entry) [data-uvd-component="site-menu-toggle"]:hover{
  background: linear-gradient(145deg, rgba(60,130,246,.98), rgba(28,76,190,.98) 58%, rgba(15,38,105,.98)) !important;
  border-color: rgba(195,218,255,.34) !important;
  box-shadow: 0 24px 56px rgba(37,99,235,.46), 0 0 24px rgba(94,234,255,.20), inset 0 1px 0 rgba(255,255,255,.35) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body:is(.uvd-page-key-live-guest-entry, .uvd-page-key-live-open-entry) [data-uvd-component="site-menu"]{
  background: var(--uvd-live-external-menu-bg) !important;
  border-left-color: rgba(161,195,255,.22) !important;
  box-shadow: -32px 0 88px rgba(0,0,0,.62), inset 1px 0 0 rgba(255,255,255,.06) !important;
  color: var(--dl-ink) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body:is(.uvd-page-key-live-guest-entry, .uvd-page-key-live-open-entry) [data-uvd-component="site-menu"] a{
  background: linear-gradient(135deg, rgba(31,57,99,.78), rgba(13,25,48,.86)) !important;
  border-color: rgba(140,176,255,.22) !important;
  color: rgba(241,247,255,.96) !important;
  box-shadow: 0 13px 30px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.08) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body:is(.uvd-page-key-live-guest-entry, .uvd-page-key-live-open-entry) [data-uvd-component="site-menu"] a:hover{
  border-color: rgba(248,214,109,.42) !important;
  box-shadow: 0 18px 38px rgba(0,0,0,.34), 0 0 22px rgba(248,214,109,.10), inset 0 1px 0 rgba(255,255,255,.14) !important;
}

/* ========================================================================
   Phase 3D.18.1 — Live Room Header Central Contract Alignment (CSS-only)
   ------------------------------------------------------------------------
   live_room.php already renders the shared includes/header.php markup. This
   block deliberately skins only the central UVD header/menu hooks for the
   live-room compact variant, so the shared header does not fall back to the
   legacy compact dimensions from style.css in Dark Luxury.
   No PHP/JS/AJAX/LiveKit/runtime selector or behavior is required here.
   ======================================================================== */
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-live-room [data-uvd-component="site-header"].uvd-site-header,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-live-room [data-uvd-component="site-header"][data-uvd-header-compact="true"]{
  min-height: 64px;
  padding: 8px 16px !important;
  border: 1px solid rgba(162,196,255,.22) !important;
  border-top: 0 !important;
  border-bottom-left-radius: 16px !important;
  border-bottom-right-radius: 16px !important;
  background:
    radial-gradient(390px 145px at 74% 0%, rgba(248,214,109,.19), transparent 68%),
    radial-gradient(460px 155px at 16% 0%, rgba(94,234,255,.14), transparent 62%),
    linear-gradient(135deg, rgba(9,18,35,.90), rgba(20,35,64,.84) 50%, rgba(5,10,22,.93)) !important;
  box-shadow: 0 18px 46px rgba(0,0,0,.42), 0 1px 0 rgba(255,255,255,.10) inset, 0 -1px 0 rgba(248,214,109,.10) inset !important;
  backdrop-filter: blur(18px) saturate(145%);
  -webkit-backdrop-filter: blur(18px) saturate(145%);
  overflow: hidden;
  isolation: isolate;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-live-room [data-uvd-component="site-header"].uvd-site-header::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:-1;
  background: linear-gradient(105deg, transparent 0 25%, rgba(255,255,255,.10) 40%, transparent 56% 100%);
  opacity:.34;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-live-room [data-uvd-component="site-header"] .uvd-site-header__title{
  font-family: 'B-Titr', Vazirmatn, Tahoma, sans-serif !important;
  font-size: clamp(20px, 2.1vw, 28px) !important;
  line-height: 1.08 !important;
  color: var(--dl-gold) !important;
  letter-spacing: -.35px;
  text-shadow: 0 3px 0 rgba(65,39,8,.38), 0 12px 28px rgba(248,214,109,.20), 0 0 24px rgba(248,214,109,.16) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-live-room [data-uvd-component="site-header"] .uvd-site-header__left,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-live-room [data-uvd-component="site-header"] .uvd-site-header__right{
  min-height: 46px;
  font-size: 12px !important;
  color: rgba(239,246,255,.92) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-live-room [data-uvd-component="site-header"] .uvd-site-header__left span{
  color: rgba(239,246,255,.92) !important;
  text-shadow: 0 8px 20px rgba(0,0,0,.40);
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-live-room [data-uvd-component="site-header"] .uvd-site-header__left img,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-live-room [data-uvd-component="site-header"] .uvd-site-header__left .img{
  height: 48px !important;
  width: auto !important;
  filter: drop-shadow(0 10px 18px rgba(0,0,0,.32)) drop-shadow(0 0 12px rgba(248,214,109,.12));
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-live-room [data-uvd-component="site-menu-toggle"]{
  top: 8px !important;
  right: 8px !important;
  padding: 7px 11px !important;
  border-radius: 12px !important;
  background: linear-gradient(145deg, rgba(60,130,246,.98), rgba(28,76,190,.98) 58%, rgba(15,38,105,.98)) !important;
  border: 1px solid rgba(195,218,255,.34) !important;
  color: #fff !important;
  box-shadow: 0 16px 36px rgba(37,99,235,.34), inset 0 1px 0 rgba(255,255,255,.26), inset 0 -10px 22px rgba(0,0,0,.16) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-live-room [data-uvd-component="site-menu-toggle"]:hover{
  transform: translateY(-1px) scale(1.01);
  box-shadow: 0 20px 44px rgba(37,99,235,.42), 0 0 20px rgba(94,234,255,.18), inset 0 1px 0 rgba(255,255,255,.34) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-live-room [data-uvd-component="site-menu"]{
  background:
    radial-gradient(260px 220px at 85% 5%, rgba(248,214,109,.17), transparent 62%),
    radial-gradient(300px 240px at 16% 18%, rgba(94,234,255,.13), transparent 66%),
    linear-gradient(180deg, rgba(9,18,35,.96), rgba(5,10,21,.98)) !important;
  border-left: 1px solid rgba(161,195,255,.22) !important;
  box-shadow: -32px 0 88px rgba(0,0,0,.62), inset 1px 0 0 rgba(255,255,255,.06) !important;
  color: var(--dl-ink) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-live-room [data-uvd-component="site-menu"] a{
  background: linear-gradient(135deg, rgba(31,57,99,.78), rgba(13,25,48,.86)) !important;
  border: 1px solid rgba(140,176,255,.22) !important;
  color: rgba(241,247,255,.96) !important;
  border-radius: 18px !important;
  box-shadow: 0 13px 30px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.08) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-live-room [data-uvd-component="site-menu"] a:hover{
  transform: translateY(-2px);
  border-color: rgba(248,214,109,.42) !important;
  box-shadow: 0 18px 38px rgba(0,0,0,.34), 0 0 22px rgba(248,214,109,.10), inset 0 1px 0 rgba(255,255,255,.14) !important;
}
@media (max-width: 768px){
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-live-room [data-uvd-component="site-header"].uvd-site-header,
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-live-room [data-uvd-component="site-header"][data-uvd-header-compact="true"]{
    min-height: 50px;
    padding: 7px 12px !important;
    border-bottom-left-radius: 14px !important;
    border-bottom-right-radius: 14px !important;
  }
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-live-room [data-uvd-component="site-header"] .uvd-site-header__title{
    font-size: 18px !important;
    line-height: 1.05 !important;
  }
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-live-room [data-uvd-component="site-header"] .uvd-site-header__left,
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-live-room [data-uvd-component="site-header"] .uvd-site-header__right{
    min-height: 32px;
    font-size: 10px !important;
  }
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-live-room [data-uvd-component="site-header"] .uvd-site-header__left img,
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-live-room [data-uvd-component="site-header"] .uvd-site-header__left .img{
    height: 32px !important;
  }
  html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-live-room [data-uvd-component="site-menu-toggle"]{
    top: 7px !important;
    right: 7px !important;
    padding: 6px 9px !important;
    border-radius: 10px !important;
  }
}

/* ========================================================================
   Phase 3D.18 — Live Room User-Side Visual Shell Contract (CSS-only)
   ------------------------------------------------------------------------
   This section intentionally targets the already-existing live_room markup and
   live-module.css class contract. It does not require, depend on, or change any
   LiveKit/JS/AJAX/runtime behavior. Classic keeps using live-module.css as-is;
   Dark Luxury skins the student/user room only through this theme file.
   ======================================================================== */
body.uvd-skin-dark-luxury-3d .live-wrap.live-room-page{
  --live-bg:#050b18;
  --live-bg2:#0b1226;
  --live-panel:rgba(9,17,38,.70);
  --live-panel-2:rgba(13,23,48,.58);
  --live-border:rgba(161,195,255,.16);
  --live-border-2:rgba(248,214,109,.25);
  --live-text:#f7fbff;
  --live-muted:rgba(221,233,252,.74);
  --live-accent:#79e8ff;
  --live-accent-2:#8aa7ff;
  --live-ok:#65f0a3;
  --live-warn:#ffd47d;
  --live-danger:#ff9a9a;
  --live-shadow:0 28px 88px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.055);
  --live-room-glass:linear-gradient(180deg, rgba(13,24,52,.78), rgba(8,15,34,.62));
  --live-room-glass-soft:linear-gradient(180deg, rgba(255,255,255,.070), rgba(255,255,255,.026));
  --live-room-edge:linear-gradient(135deg, rgba(161,195,255,.28), rgba(248,214,109,.16), rgba(85,231,255,.14));
  color:var(--live-text);
}

body.uvd-skin-dark-luxury-3d .live-wrap.live-room-page,
body.uvd-skin-dark-luxury-3d .live-wrap.live-room-page *{
  scrollbar-color:rgba(161,195,255,.26) rgba(4,10,24,.32);
}

body.uvd-skin-dark-luxury-3d .live-wrap.live-room-page :is(.live-card,.live-sidebar-card,.live-stage){
  background:
    radial-gradient(620px 260px at 92% -10%, rgba(85,231,255,.105), transparent 65%),
    radial-gradient(420px 220px at 8% 0%, rgba(248,214,109,.080), transparent 66%),
    var(--live-room-glass) padding-box,
    var(--live-room-edge) border-box !important;
  border:1px solid transparent !important;
  box-shadow:var(--live-shadow) !important;
}

body.uvd-skin-dark-luxury-3d .live-wrap.live-room-page .live-room-hero-card{
  background:
    radial-gradient(520px 160px at 82% -20%, rgba(85,231,255,.15), transparent 66%),
    radial-gradient(360px 150px at 12% -18%, rgba(248,214,109,.12), transparent 68%),
    linear-gradient(180deg, rgba(255,255,255,.090), rgba(255,255,255,.030)) padding-box,
    linear-gradient(135deg, rgba(161,195,255,.34), rgba(248,214,109,.20), rgba(85,231,255,.17)) border-box !important;
}

body.uvd-skin-dark-luxury-3d .live-wrap.live-room-page :is(.live-room-hero-title-main h2,.live-stage-head-copy h3,.live-head h3){
  color:rgba(248,252,255,.98) !important;
  text-shadow:0 14px 34px rgba(0,0,0,.40), 0 0 26px rgba(85,231,255,.10);
}

body.uvd-skin-dark-luxury-3d .live-wrap.live-room-page :is(.live-sub,.live-room-hero-inline,.live-stage-head-copy .live-sub,.live-user-group-meta,.live-muted){
  color:var(--live-muted) !important;
}

body.uvd-skin-dark-luxury-3d .live-wrap.live-room-page :is(.live-badge,.live-btn,.live-control,.live-select,.live-input,.live-textarea,.chat-action-btn,.live-icon-btn,.live-modal-close){
  border-color:rgba(161,195,255,.18) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.070), rgba(255,255,255,.030)) padding-box,
    linear-gradient(135deg, rgba(161,195,255,.24), rgba(85,231,255,.105)) border-box !important;
  color:var(--live-text) !important;
  box-shadow:0 14px 34px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.065) !important;
}

body.uvd-skin-dark-luxury-3d .live-wrap.live-room-page :is(.live-btn,.live-control,.chat-action-btn,.live-icon-btn):hover{
  border-color:rgba(85,231,255,.34) !important;
  box-shadow:0 18px 42px rgba(0,0,0,.24), 0 0 0 3px rgba(85,231,255,.075), inset 0 1px 0 rgba(255,255,255,.085) !important;
}

body.uvd-skin-dark-luxury-3d .live-wrap.live-room-page .live-btn:not(.ghost):not(.danger):not(.warn):not(.warning):not(.success){
  background:
    radial-gradient(180px 80px at 85% 0%, rgba(248,214,109,.18), transparent 70%),
    linear-gradient(135deg, rgba(77,141,255,.26), rgba(10,22,48,.76)) padding-box,
    linear-gradient(135deg, rgba(161,195,255,.38), rgba(248,214,109,.18), rgba(94,234,255,.15)) border-box !important;
}

body.uvd-skin-dark-luxury-3d .live-wrap.live-room-page :is(.live-btn.ghost,.live-control.compact-control,.live-stage-fullscreen-btn,.live-pip-toggle-btn){
  background:linear-gradient(180deg, rgba(255,255,255,.060), rgba(255,255,255,.026)) !important;
}

body.uvd-skin-dark-luxury-3d .live-wrap.live-room-page :is(.live-badge.ok,.live-dot.ok){
  color:#d9ffe8 !important;
  background:rgba(34,197,94,.14) !important;
  border-color:rgba(94,240,162,.34) !important;
}

body.uvd-skin-dark-luxury-3d .live-wrap.live-room-page :is(.live-badge.warn,.live-btn.warn,.live-btn.warning,.live-dot.warn){
  color:#fff0c8 !important;
  background:rgba(245,158,11,.15) !important;
  border-color:rgba(255,210,122,.34) !important;
}

body.uvd-skin-dark-luxury-3d .live-wrap.live-room-page :is(.live-badge.danger,.live-btn.danger,.live-dot.danger){
  color:#ffe0e0 !important;
  background:rgba(239,68,68,.14) !important;
  border-color:rgba(255,154,154,.34) !important;
}

body.uvd-skin-dark-luxury-3d .live-wrap.live-room-page .live-connection-pill{
  background:
    radial-gradient(130px 55px at 88% 0%, rgba(85,231,255,.16), transparent 70%),
    linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.030)) !important;
}

body.uvd-skin-dark-luxury-3d .live-wrap.live-room-page .live-connection-pill .conn-icon{
  filter:drop-shadow(0 0 8px rgba(85,231,255,.35));
}

body.uvd-skin-dark-luxury-3d .live-wrap.live-room-page .live-stage-grid .live-tile{
  background:
    radial-gradient(560px 220px at 50% 0%, rgba(85,231,255,.070), transparent 65%),
    linear-gradient(180deg, #030817, #060d1e) !important;
  border-color:rgba(161,195,255,.16) !important;
  box-shadow:0 24px 70px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.035) !important;
}

body.uvd-skin-dark-luxury-3d .live-wrap.live-room-page .live-stage-grid .live-tile .empty{
  color:rgba(221,233,252,.74) !important;
  background:radial-gradient(360px 150px at 50% 0%, rgba(85,231,255,.075), transparent 70%);
}

body.uvd-skin-dark-luxury-3d .live-wrap.live-room-page .live-stage-grid .label,
body.uvd-skin-dark-luxury-3d .live-wrap.live-room-page .tile-tool-btn{
  background:rgba(5,11,24,.78) !important;
  border-color:rgba(161,195,255,.16) !important;
  color:rgba(248,252,255,.94) !important;
  box-shadow:0 10px 24px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.060) !important;
}

body.uvd-skin-dark-luxury-3d .live-wrap.live-room-page :is(.live-user-group,.live-user-row,.live-chat-msg,.live-pinned-msg,.live-reply-box,.chat-reply-preview,.live-kv .box){
  background:rgba(255,255,255,.045) !important;
  border-color:rgba(161,195,255,.13) !important;
  box-shadow:0 12px 34px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.045) !important;
}

body.uvd-skin-dark-luxury-3d .live-wrap.live-room-page .live-user-group-summary,
body.uvd-skin-dark-luxury-3d .live-wrap.live-room-page .live-user-name,
body.uvd-skin-dark-luxury-3d .live-wrap.live-room-page .live-chat-msg .name{
  color:rgba(248,252,255,.96) !important;
}

body.uvd-skin-dark-luxury-3d .live-wrap.live-room-page .live-chat-msg .name{
  color:#9feeff !important;
}

body.uvd-skin-dark-luxury-3d .live-wrap.live-room-page .live-chat-msg .text,
body.uvd-skin-dark-luxury-3d .live-wrap.live-room-page .live-pinned-msg .pin-text,
body.uvd-skin-dark-luxury-3d .live-wrap.live-room-page .chat-reply-preview .reply-snippet{
  color:rgba(239,246,255,.92) !important;
}

body.uvd-skin-dark-luxury-3d .live-wrap.live-room-page .live-chat-form.compact .live-chat-textarea{
  background:rgba(4,10,24,.60) !important;
  border-color:rgba(161,195,255,.16) !important;
  color:rgba(248,252,255,.96) !important;
  box-shadow:inset 0 8px 22px rgba(0,0,0,.26), 0 12px 28px rgba(0,0,0,.18) !important;
}

body.uvd-skin-dark-luxury-3d .live-wrap.live-room-page .live-chat-form.compact .live-chat-textarea:focus{
  border-color:rgba(85,231,255,.42) !important;
  box-shadow:inset 0 8px 22px rgba(0,0,0,.26), 0 0 0 3px rgba(85,231,255,.11) !important;
}

body.uvd-skin-dark-luxury-3d .live-wrap.live-room-page :is(.live-mobile-panel-mode-btn,.live-collapse-toggle){
  background:rgba(255,255,255,.050) !important;
  border-color:rgba(161,195,255,.14) !important;
  color:rgba(221,233,252,.82) !important;
}

body.uvd-skin-dark-luxury-3d .live-wrap.live-room-page .live-mobile-panel-mode-btn.is-active{
  color:rgba(248,252,255,.98) !important;
  background:
    radial-gradient(140px 54px at 80% 0%, rgba(248,214,109,.16), transparent 70%),
    linear-gradient(135deg, rgba(77,141,255,.24), rgba(8,18,38,.70)) !important;
  border-color:rgba(248,214,109,.22) !important;
}

body.uvd-skin-dark-luxury-3d .live-wrap.live-room-page .live-modal-dialog{
  background:
    radial-gradient(460px 180px at 82% -10%, rgba(85,231,255,.12), transparent 66%),
    linear-gradient(180deg, rgba(13,24,52,.96), rgba(7,13,30,.95)) !important;
  border-color:rgba(161,195,255,.20) !important;
  box-shadow:0 34px 110px rgba(0,0,0,.62), inset 0 1px 0 rgba(255,255,255,.065) !important;
}

body.uvd-skin-dark-luxury-3d .live-wrap.live-room-page .live-modal-backdrop{
  background:rgba(2,6,18,.68) !important;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}

body.uvd-skin-dark-luxury-3d .live-wrap.live-room-page .live-alert{
  background:rgba(11,20,43,.86) !important;
  border-color:rgba(255,210,122,.24) !important;
  color:rgba(255,242,210,.94) !important;
  box-shadow:0 18px 48px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.065) !important;
}

@media (max-width:820px){
  body.uvd-skin-dark-luxury-3d .live-wrap.live-room-page .live-mobile-compact-header{
    background:
      radial-gradient(360px 120px at 82% -18%, rgba(85,231,255,.14), transparent 66%),
      linear-gradient(180deg, rgba(13,24,52,.82), rgba(7,13,30,.70)) padding-box,
      linear-gradient(135deg, rgba(161,195,255,.25), rgba(248,214,109,.14), rgba(85,231,255,.12)) border-box !important;
    border:1px solid transparent !important;
    box-shadow:0 18px 48px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.060) !important;
  }

  body.uvd-skin-dark-luxury-3d .live-wrap.live-room-page .live-mobile-compact-header__title{
    color:rgba(248,252,255,.98) !important;
  }

  body.uvd-skin-dark-luxury-3d .live-wrap.live-room-page .live-mobile-compact-header__subtitle{
    color:var(--live-muted) !important;
  }
}


/* ==========================================================
   Phase 3D.19 — shared footer/menu semantic hooks.
   Skins the new central hooks extracted from header.php/footer.php without
   changing menu/header behavior or hidden/visible rules.
   ========================================================== */
html[data-uvd-skin="dark-luxury-3d"] body[class] [data-uvd-component="site-footer"]{
  color: rgba(226,232,240,.75);
}
html[data-uvd-skin="dark-luxury-3d"] body[class] [data-uvd-component="site-footer-text"]{
  color: rgba(226,232,240,.75);
  font-family: Vazirmatn, 'B-Nazanin', Tahoma, sans-serif;
}
html[data-uvd-skin="dark-luxury-3d"] body[class] [data-uvd-component="site-menu"] [data-uvd-menu-link="logout"]{
  color:#fee2e2 !important;
}
html[data-uvd-skin="dark-luxury-3d"] body[class] [data-uvd-component="site-menu"] [data-uvd-menu-link="login"],
html[data-uvd-skin="dark-luxury-3d"] body[class] [data-uvd-component="site-menu"] [data-uvd-menu-link="register"]{
  color:rgba(241,247,255,.96) !important;
}


/* Phase 3D.20.2 — Online-class empty-session note is semantic, not classic-only. */
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home [data-uvd-action-kind="online-class"] .live-class-empty-note {
  display:block;
  margin-top:6px;
  font-size:12px;
  line-height:1.7;
  color:rgba(226,232,240,.72);
  font-weight:800;
}


/* Phase 3D.20.3 — online-class empty note is a semantic dashboard state for Dark Luxury. */
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home [data-uvd-action-kind="online-class"] .live-class-empty-note,
body.uvd-skin-dark-luxury-3d.uvd-page-key-dashboard-home [data-uvd-action-kind="online-class"] .live-class-empty-note{
  display:block !important;
  margin-top:6px !important;
  font-size:12px !important;
  line-height:1.7 !important;
  color:rgba(226,232,240,.78) !important;
  font-weight:800 !important;
}

/* Phase 3D.20.4 — cache-bust marker: dark dashboard online-class semantic note CSS must be fetched fresh after rsync. */

/* ==========================================================
   Phase 3D.20.14 — Dark Luxury online-class idle empty note visibility lock.
   Root cause: older Dark Luxury idle rules intentionally hid all small/meta/status
   inside the online-class idle CTA. Phase 3D.20.13 restored the semantic note in PHP,
   but those old CSS rules still hid it. Keep status/meta hidden in idle, but explicitly
   show the semantic no-active-session note and make it wrap below the CTA title.
   ========================================================== */
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="online-class"][data-uvd-online-state="idle"] > a,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="online-class"][data-uvd-online-state="ended"] > a,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="online-class"]:not([data-uvd-online-state="soon"]):not([data-uvd-online-state="live"]) > a,
body.uvd-skin-dark-luxury-3d.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="online-class"][data-uvd-online-state="idle"] > a,
body.uvd-skin-dark-luxury-3d.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="online-class"][data-uvd-online-state="ended"] > a,
body.uvd-skin-dark-luxury-3d.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="online-class"]:not([data-uvd-online-state="soon"]):not([data-uvd-online-state="live"]) > a{
  flex-wrap:wrap !important;
  align-content:center !important;
  row-gap:4px !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="online-class"][data-uvd-online-state="idle"] [data-uvd-live-empty-note],
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="online-class"][data-uvd-online-state="ended"] [data-uvd-live-empty-note],
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="online-class"]:not([data-uvd-online-state="soon"]):not([data-uvd-online-state="live"]) [data-uvd-live-empty-note],
body.uvd-skin-dark-luxury-3d.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="online-class"][data-uvd-online-state="idle"] [data-uvd-live-empty-note],
body.uvd-skin-dark-luxury-3d.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="online-class"][data-uvd-online-state="ended"] [data-uvd-live-empty-note],
body.uvd-skin-dark-luxury-3d.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="online-class"]:not([data-uvd-online-state="soon"]):not([data-uvd-online-state="live"]) [data-uvd-live-empty-note]{
  display:block !important;
  flex:0 0 100% !important;
  width:100% !important;
  order:20 !important;
  margin:0 !important;
  padding-top:1px !important;
  color:rgba(226,232,240,.76) !important;
  font-size:12px !important;
  line-height:1.55 !important;
  font-weight:800 !important;
  text-align:center !important;
  white-space:normal !important;
  text-shadow:0 1px 1px rgba(0,0,0,.45), 0 2px 8px rgba(0,0,0,.28) !important;
}

/* ==========================================================
   Phase 3D.20.16 — Dark Luxury online-class live red focus + compact soon refinement.
   Visual-only final state skin for the central dashboard online-class contract.
   No PHP/JS/runtime behavior is changed: the theme only styles the existing
   data-uvd-action-kind="online-class" + data-uvd-online-state hooks.
   Live = vivid ruby/red premium active state. Soon = compact amber/gold warm waiting state.
   ========================================================== */
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="online-class"][data-uvd-online-state="live"],
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="online-class"][data-uvd-online-state="soon"],
body.uvd-skin-dark-luxury-3d.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="online-class"][data-uvd-online-state="live"],
body.uvd-skin-dark-luxury-3d.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="online-class"][data-uvd-online-state="soon"]{
  position:relative !important;
  isolation:isolate !important;
  overflow:visible !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="online-class"][data-uvd-online-state="live"] > a,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="online-class"][data-uvd-online-state="soon"] > a,
body.uvd-skin-dark-luxury-3d.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="online-class"][data-uvd-online-state="live"] > a,
body.uvd-skin-dark-luxury-3d.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="online-class"][data-uvd-online-state="soon"] > a{
  min-height:92px !important;
  padding:16px 18px !important;
  border-radius:26px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  text-align:center !important;
  position:relative !important;
  overflow:visible !important;
  isolation:isolate !important;
  z-index:1 !important;
  border:1px solid transparent !important;
  color:#f8fcff !important;
  transform:translateZ(0) !important;
  text-decoration:none !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="online-class"][data-uvd-online-state="live"] > a,
body.uvd-skin-dark-luxury-3d.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="online-class"][data-uvd-online-state="live"] > a{
  background:
    radial-gradient(340px 150px at 78% -18%, rgba(255,78,110,.58), transparent 65%),
    radial-gradient(270px 130px at 7% 110%, rgba(255,34,92,.34), transparent 70%),
    radial-gradient(230px 118px at 94% 92%, rgba(255,183,77,.18), transparent 72%),
    linear-gradient(180deg, rgba(122,16,35,.97), rgba(59,12,31,.985) 54%, rgba(10,9,24,.995)) padding-box,
    linear-gradient(135deg, rgba(255,118,134,.99), rgba(255,36,92,.86), rgba(255,199,92,.34)) border-box !important;
  box-shadow:
    0 34px 104px rgba(0,0,0,.56),
    0 0 62px rgba(255,45,94,.36),
    0 0 26px rgba(255,118,134,.28),
    inset 0 1px 0 rgba(255,255,255,.32),
    inset 0 -18px 36px rgba(0,0,0,.30) !important;
  animation: uvdDarkOnlineLiveAura2016 1.52s ease-in-out infinite !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="online-class"][data-uvd-online-state="soon"] > a,
body.uvd-skin-dark-luxury-3d.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="online-class"][data-uvd-online-state="soon"] > a{
  min-height:78px !important;
  padding:12px 16px !important;
  border-radius:23px !important;
  gap:6px !important;
  background:
    radial-gradient(270px 115px at 78% -16%, rgba(255,211,107,.31), transparent 66%),
    radial-gradient(220px 100px at 8% 108%, rgba(251,146,60,.17), transparent 70%),
    radial-gradient(180px 95px at 96% 90%, rgba(255,245,190,.08), transparent 72%),
    linear-gradient(180deg, rgba(82,57,17,.92), rgba(30,29,40,.97) 56%, rgba(5,11,24,.99)) padding-box,
    linear-gradient(135deg, rgba(255,222,128,.92), rgba(251,146,60,.56), rgba(255,255,255,.10)) border-box !important;
  box-shadow:
    0 22px 62px rgba(0,0,0,.43),
    0 0 28px rgba(255,196,76,.15),
    inset 0 1px 0 rgba(255,255,255,.24),
    inset 0 -14px 28px rgba(0,0,0,.23) !important;
  animation: uvdDarkOnlineSoonAura2016 2.8s ease-in-out infinite !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="online-class"][data-uvd-online-state="live"] > a::before,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="online-class"][data-uvd-online-state="soon"] > a::before,
body.uvd-skin-dark-luxury-3d.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="online-class"][data-uvd-online-state="live"] > a::before,
body.uvd-skin-dark-luxury-3d.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="online-class"][data-uvd-online-state="soon"] > a::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:2px !important;
  border-radius:inherit !important;
  z-index:0 !important;
  pointer-events:none !important;
  background:
    linear-gradient(116deg, rgba(255,255,255,.30), transparent 26%, transparent 58%, rgba(255,255,255,.10) 82%, transparent),
    radial-gradient(180px 80px at 50% 0%, rgba(255,255,255,.14), transparent 68%) !important;
  opacity:.84 !important;
  mix-blend-mode:screen !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="online-class"][data-uvd-online-state="live"] > a::after,
body.uvd-skin-dark-luxury-3d.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="online-class"][data-uvd-online-state="live"] > a::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:-8px !important;
  border-radius:32px !important;
  z-index:-1 !important;
  pointer-events:none !important;
  background:
    radial-gradient(220px 88px at 50% 50%, rgba(255,70,112,.34), transparent 70%),
    radial-gradient(380px 124px at 50% 100%, rgba(255,36,92,.22), transparent 74%) !important;
  box-shadow:0 0 0 1px rgba(255,118,134,.20), 0 0 52px rgba(255,45,94,.38) !important;
  animation: uvdDarkOnlineLiveRing2016 1.52s ease-in-out infinite !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="online-class"][data-uvd-online-state="soon"] > a::after,
body.uvd-skin-dark-luxury-3d.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="online-class"][data-uvd-online-state="soon"] > a::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:-4px !important;
  border-radius:28px !important;
  z-index:-1 !important;
  pointer-events:none !important;
  background:
    radial-gradient(190px 70px at 50% 50%, rgba(255,211,107,.18), transparent 72%),
    radial-gradient(290px 88px at 50% 100%, rgba(251,146,60,.10), transparent 74%) !important;
  box-shadow:0 0 0 1px rgba(255,211,107,.10), 0 0 22px rgba(255,196,76,.16) !important;
  animation: uvdDarkOnlineSoonRing2016 2.8s ease-in-out infinite !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="online-class"][data-uvd-online-state="live"] .live-class-card-main,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="online-class"][data-uvd-online-state="soon"] .live-class-card-main,
body.uvd-skin-dark-luxury-3d.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="online-class"][data-uvd-online-state="live"] .live-class-card-main,
body.uvd-skin-dark-luxury-3d.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="online-class"][data-uvd-online-state="soon"] .live-class-card-main{
  position:relative !important;
  z-index:2 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex-wrap:wrap !important;
  gap:8px 10px !important;
  width:100% !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="online-class"][data-uvd-online-state="live"] .live-class-card-label,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="online-class"][data-uvd-online-state="soon"] .live-class-card-label,
body.uvd-skin-dark-luxury-3d.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="online-class"][data-uvd-online-state="live"] .live-class-card-label,
body.uvd-skin-dark-luxury-3d.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="online-class"][data-uvd-online-state="soon"] .live-class-card-label{
  font-size:clamp(16px, 2.1vw, 19px) !important;
  line-height:1.55 !important;
  font-weight:950 !important;
  letter-spacing:-.01em !important;
  color:#f8fdff !important;
  text-shadow:0 2px 5px rgba(0,0,0,.46), 0 12px 28px rgba(0,0,0,.34) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="online-class"][data-uvd-online-state="live"] .live-class-card-label,
body.uvd-skin-dark-luxury-3d.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="online-class"][data-uvd-online-state="live"] .live-class-card-label{
  color:#fff7f8 !important;
  text-shadow:0 2px 5px rgba(0,0,0,.54), 0 0 26px rgba(255,72,112,.28), 0 14px 32px rgba(0,0,0,.42) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="online-class"][data-uvd-online-state="live"] .live-card-status,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="online-class"][data-uvd-online-state="soon"] .live-card-status,
body.uvd-skin-dark-luxury-3d.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="online-class"][data-uvd-online-state="live"] .live-card-status,
body.uvd-skin-dark-luxury-3d.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="online-class"][data-uvd-online-state="soon"] .live-card-status{
  position:relative !important;
  z-index:2 !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:7px !important;
  padding:5px 13px !important;
  border-radius:999px !important;
  font-size:12px !important;
  line-height:1.35 !important;
  font-weight:950 !important;
  color:#f8fdff !important;
  border:1px solid rgba(255,255,255,.30) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.30), 0 10px 24px rgba(0,0,0,.28) !important;
  text-shadow:0 1px 2px rgba(0,0,0,.42) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="online-class"][data-uvd-online-state="live"] .live-card-status,
body.uvd-skin-dark-luxury-3d.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="online-class"][data-uvd-online-state="live"] .live-card-status{
  background:linear-gradient(180deg, rgba(255,86,118,.92), rgba(164,25,55,.82)) !important;
  border-color:rgba(255,166,178,.50) !important;
  box-shadow:0 0 0 1px rgba(255,76,112,.24), 0 0 26px rgba(255,45,94,.30), inset 0 1px 0 rgba(255,255,255,.38) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="online-class"][data-uvd-online-state="soon"] .live-card-status,
body.uvd-skin-dark-luxury-3d.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="online-class"][data-uvd-online-state="soon"] .live-card-status{
  background:linear-gradient(180deg, rgba(255,211,107,.88), rgba(153,92,24,.78)) !important;
  border-color:rgba(255,232,153,.48) !important;
  box-shadow:0 0 0 1px rgba(255,211,107,.16), 0 0 20px rgba(255,196,76,.18), inset 0 1px 0 rgba(255,255,255,.34) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="online-class"][data-uvd-online-state="soon"] .live-class-card-label,
body.uvd-skin-dark-luxury-3d.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="online-class"][data-uvd-online-state="soon"] .live-class-card-label{
  font-size:clamp(15px, 1.95vw, 17px) !important;
  line-height:1.42 !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="online-class"][data-uvd-online-state="live"] .live-card-status::before,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="online-class"][data-uvd-online-state="soon"] .live-card-status::before,
body.uvd-skin-dark-luxury-3d.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="online-class"][data-uvd-online-state="live"] .live-card-status::before,
body.uvd-skin-dark-luxury-3d.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="online-class"][data-uvd-online-state="soon"] .live-card-status::before{
  content:"" !important;
  width:7px !important;
  height:7px !important;
  border-radius:50% !important;
  flex:0 0 auto !important;
  background:currentColor !important;
  box-shadow:0 0 12px currentColor !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="online-class"][data-uvd-online-state="live"] .live-class-card-meta,
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="online-class"][data-uvd-online-state="soon"] .live-class-card-meta,
body.uvd-skin-dark-luxury-3d.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="online-class"][data-uvd-online-state="live"] .live-class-card-meta,
body.uvd-skin-dark-luxury-3d.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="online-class"][data-uvd-online-state="soon"] .live-class-card-meta{
  position:relative !important;
  z-index:2 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex-wrap:wrap !important;
  gap:6px !important;
  color:rgba(229,245,255,.88) !important;
  font-size:12px !important;
  line-height:1.6 !important;
  font-weight:850 !important;
  text-shadow:0 2px 6px rgba(0,0,0,.42) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="online-class"][data-uvd-online-state="soon"] .live-class-card-meta,
body.uvd-skin-dark-luxury-3d.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="online-class"][data-uvd-online-state="soon"] .live-class-card-meta{
  font-size:11.5px !important;
  line-height:1.38 !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="online-class"][data-uvd-online-state="live"] > a:hover,
body.uvd-skin-dark-luxury-3d.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="online-class"][data-uvd-online-state="live"] > a:hover{
  filter:saturate(1.16) brightness(1.06) !important;
  transform:translateY(-2px) scale(1.006) translateZ(0) !important;
}
html[data-uvd-skin="dark-luxury-3d"] body.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="online-class"][data-uvd-online-state="soon"] > a:hover,
body.uvd-skin-dark-luxury-3d.uvd-page-key-dashboard-home .activities-section [data-uvd-action-kind="online-class"][data-uvd-online-state="soon"] > a:hover{
  filter:saturate(1.12) brightness(1.045) !important;
  transform:translateY(-1px) scale(1.004) translateZ(0) !important;
}
@keyframes uvdDarkOnlineLiveAura2016{
  0%,100%{ filter:saturate(1.08) brightness(1); box-shadow:0 34px 104px rgba(0,0,0,.56), 0 0 62px rgba(255,45,94,.36), 0 0 26px rgba(255,118,134,.28), inset 0 1px 0 rgba(255,255,255,.32), inset 0 -18px 36px rgba(0,0,0,.30); }
  50%{ filter:saturate(1.34) brightness(1.09); box-shadow:0 36px 112px rgba(0,0,0,.60), 0 0 84px rgba(255,45,94,.52), 0 0 36px rgba(255,118,134,.38), inset 0 1px 0 rgba(255,255,255,.37), inset 0 -18px 36px rgba(0,0,0,.28); }
}
@keyframes uvdDarkOnlineLiveRing2016{
  0%,100%{ opacity:.70; transform:scale(.985); }
  50%{ opacity:1; transform:scale(1.032); }
}
@keyframes uvdDarkOnlineSoonAura2016{
  0%,100%{ filter:saturate(1.01) brightness(1); }
  50%{ filter:saturate(1.08) brightness(1.03); }
}
@keyframes uvdDarkOnlineSoonRing2016{
  0%,100%{ opacity:.38; transform:scale(.992); }
  50%{ opacity:.62; transform:scale(1.010); }
}