body[data-page="dashboard"],
body[data-page="admin"] {
  /* SF type stack — falls through to Apple OS if available, then to
     the existing Inter/Poppins fallback. */
  --hig-font-text:
    -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display",
    var(--font-body), "Helvetica Neue", system-ui, sans-serif;
  --hig-font-display:
    -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text",
    var(--font-display), var(--font-body), system-ui, sans-serif;
  --hig-font-mono:
    "SF Mono", ui-monospace, "JetBrains Mono", Menlo, Consolas, monospace;

  /* SF-style type scale, rem so it respects user zoom */
  --hig-text-xs: 0.6875rem;     /* 11pt caption2 */
  --hig-text-sm: 0.8125rem;     /* 13pt footnote */
  --hig-text-base: 0.9375rem;   /* 15pt subheadline */
  --hig-text-md: 1.0625rem;     /* 17pt body / headline */
  --hig-text-lg: 1.25rem;       /* 20pt title3 */
  --hig-text-xl: 1.4375rem;     /* 23pt title2 */
  --hig-text-2xl: 1.75rem;      /* 28pt title1 */
  --hig-text-3xl: 2.125rem;     /* 34pt large title */

  /* Apple semantic radii */
  --hig-radius-xs: 6px;
  --hig-radius-sm: 10px;
  --hig-radius-md: 14px;
  --hig-radius-lg: 18px;
  --hig-radius-xl: 22px;
  --hig-radius-pill: 999px;

  /* Apple system colors (light) */
  --hig-blue: #007AFF;
  --hig-blue-strong: #0062cc;
  --hig-blue-soft: rgba(0, 122, 255, 0.12);
  --hig-green: #34C759;
  --hig-orange: #FF9500;
  --hig-red: #FF3B30;
  --hig-yellow: #FFCC00;
  --hig-purple: #AF52DE;
  --hig-indigo: #5856D6;
  --hig-pink: #FF2D55;
  --hig-teal: #5AC8FA;

  /* Apple system grays (light) */
  --hig-gray: #8E8E93;
  --hig-gray2: #AEAEB2;
  --hig-gray3: #C7C7CC;
  --hig-gray4: #D1D1D6;
  --hig-gray5: #E5E5EA;
  --hig-gray6: #F2F2F7;

  /* Material fill (Apple semantic neutral fills) */
  --hig-fill-primary: rgba(120, 120, 128, 0.20);
  --hig-fill-secondary: rgba(120, 120, 128, 0.16);
  --hig-fill-tertiary: rgba(118, 118, 128, 0.12);
  --hig-fill-quaternary: rgba(116, 116, 128, 0.08);

  /* Label hierarchy */
  --hig-label-primary: rgba(0, 0, 0, 0.92);
  --hig-label-secondary: rgba(60, 60, 67, 0.65);
  --hig-label-tertiary: rgba(60, 60, 67, 0.45);
  --hig-label-quaternary: rgba(60, 60, 67, 0.28);

  /* Separator */
  --hig-separator: rgba(60, 60, 67, 0.18);
  --hig-separator-opaque: rgba(198, 198, 200, 1);

  /* Shadow ladder — quiet, layered (Apple uses two-stop shadows) */
  --hig-shadow-1: 0 0.5px 0 rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.04);
  --hig-shadow-2: 0 0.5px 0 rgba(0, 0, 0, 0.04), 0 4px 12px rgba(15, 22, 36, 0.06);
  --hig-shadow-3: 0 1px 0 rgba(0, 0, 0, 0.05), 0 12px 32px rgba(15, 22, 36, 0.08);
  --hig-shadow-4: 0 1px 0 rgba(0, 0, 0, 0.06), 0 24px 56px rgba(15, 22, 36, 0.12);

  /* Materials */
  --hig-material-thick:    rgba(255, 255, 255, 0.85);
  --hig-material-regular:  rgba(255, 255, 255, 0.72);
  --hig-material-thin:     rgba(255, 255, 255, 0.55);
  --hig-material-ultrathin:rgba(255, 255, 255, 0.42);
  --hig-blur-strong: blur(40px) saturate(180%);
  --hig-blur-regular: blur(24px) saturate(170%);
  --hig-blur-thin: blur(14px) saturate(160%);

  /* Motion */
  --hig-ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --hig-ease-emphasized: cubic-bezier(0.32, 0.72, 0, 1);
  --hig-ease-spring: cubic-bezier(0.5, 1.4, 0.6, 1);
  --hig-dur-fast: 150ms;
  --hig-dur-base: 250ms;
  --hig-dur-slow: 400ms;

  /* ---- Reroute existing --lg-* tokens to HIG values ---- */
  --lg-accent-primary: var(--hig-blue);
  --lg-accent-hover: var(--hig-blue-strong);
  --lg-accent-glow: rgba(0, 122, 255, 0.28);
  --lg-shadow: var(--hig-shadow-2);
  --lg-shadow-glow: 0 0 0 1px rgba(0, 122, 255, 0.18), 0 12px 28px rgba(0, 122, 255, 0.18);

  --accent-blue: var(--hig-blue);
  --accent-blue-strong: var(--hig-blue-strong);
  --accent-blue-soft: var(--hig-blue-soft);
  --success: var(--hig-green);
  --warning: var(--hig-orange);
  --danger: var(--hig-red);

  --shadow-soft: var(--hig-shadow-2);
  --shadow-md: var(--hig-shadow-3);
  --shadow-focus: 0 0 0 4px rgba(0, 122, 255, 0.22);

  --text-primary: var(--hig-label-primary);
  --text-secondary: var(--hig-label-secondary);
  --text-soft: var(--hig-label-tertiary);
}body[data-page="admin"],
body[data-page="dashboard"] {
  font-family: var(--hig-font-text);
  font-size: var(--hig-text-md);
  line-height: 1.47;
  letter-spacing: -0.01em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "kern", "liga", "ss01", "cv11";
  font-variant-ligatures: common-ligatures contextual;
  color: var(--hig-label-primary);
}

body[data-page="admin"] h1,
body[data-page="admin"] h2,
body[data-page="admin"] h3,
body[data-page="admin"] h4,
body[data-page="admin"] h5,
body[data-page="dashboard"] h1,
body[data-page="dashboard"] h2,
body[data-page="dashboard"] h3,
body[data-page="dashboard"] h4,
body[data-page="dashboard"] h5 {
  font-family: var(--hig-font-display);
  font-weight: 700;
  letter-spacing: -0.022em;
  color: var(--hig-label-primary);
  margin: 0;
}

body[data-page="admin"] h1,
body[data-page="dashboard"] h1 { font-size: var(--hig-text-3xl); line-height: 1.18; letter-spacing: -0.026em; }
body[data-page="admin"] h2,
body[data-page="dashboard"] h2 { font-size: var(--hig-text-2xl); line-height: 1.22; letter-spacing: -0.024em; }
body[data-page="admin"] h3,
body[data-page="dashboard"] h3 { font-size: var(--hig-text-xl); line-height: 1.28; letter-spacing: -0.020em; }
body[data-page="admin"] h4,
body[data-page="dashboard"] h4 { font-size: var(--hig-text-lg); line-height: 1.32; letter-spacing: -0.016em; font-weight: 650; }
body[data-page="admin"] h5,
body[data-page="dashboard"] h5 { font-size: var(--hig-text-md); line-height: 1.4;  letter-spacing: -0.012em; font-weight: 650; }

body[data-page="admin"] .muted,
body[data-page="admin"] .text-muted,
body[data-page="dashboard"] .muted,
body[data-page="dashboard"] .text-muted {
  color: var(--hig-label-secondary);
  font-weight: 400;
}

body[data-page="admin"] .text-sm,
body[data-page="dashboard"] .text-sm { font-size: var(--hig-text-sm); }
body[data-page="admin"] .text-xs,
body[data-page="dashboard"] .text-xs { font-size: var(--hig-text-xs); }

body[data-page="admin"] code,
body[data-page="admin"] kbd,
body[data-page="dashboard"] code,
body[data-page="dashboard"] kbd {
  font-family: var(--hig-font-mono);
  font-size: 0.86em;
}

body[data-page="admin"] kbd,
body[data-page="dashboard"] kbd {
  background: var(--hig-fill-tertiary);
  border: 1px solid var(--hig-separator);
  border-radius: var(--hig-radius-xs);
  padding: 1px 6px;
  color: var(--hig-label-secondary);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.06);
}

body[data-page="admin"],
body[data-page="dashboard"] {
  background: linear-gradient(180deg, #F7F8FA 0%, #F0F2F6 100%);
}

body[data-page="admin"]::before,
body[data-page="dashboard"]::before {
  background:
    radial-gradient(620px circle at 14% 6%, rgba(0, 122, 255, 0.07), transparent 62%),
    radial-gradient(560px circle at 86% 4%, rgba(175, 82, 222, 0.05), transparent 62%),
    radial-gradient(720px circle at 50% 110%, rgba(90, 200, 250, 0.06), transparent 70%);
}

body[data-page="admin"]::after,
body[data-page="dashboard"]::after { display: none; }body[data-page="admin"] .sky-bg-layer,
body[data-page="dashboard"] .sky-bg-layer { opacity: 0.45; }
body[data-page="admin"] .floating-particles,
body[data-page="dashboard"] .floating-particles { opacity: 0.35; }

body[data-page="admin"] .lg-glass-card,
body[data-page="admin"] .glass-panel,
body[data-page="admin"] .glass-card,
body[data-page="dashboard"] .lg-glass-card,
body[data-page="dashboard"] .glass-panel,
body[data-page="dashboard"] .glass-card {
  background: var(--hig-material-thick);
  border: 1px solid var(--hig-separator);
  border-radius: var(--hig-radius-lg);
  box-shadow: var(--hig-shadow-2);
  backdrop-filter: var(--hig-blur-regular);
  -webkit-backdrop-filter: var(--hig-blur-regular);
}

body[data-page="admin"] .lg-glass-card::before,
body[data-page="admin"] .glass-panel::before,
body[data-page="admin"] .glass-card::before,
body[data-page="dashboard"] .lg-glass-card::before,
body[data-page="dashboard"] .glass-panel::before,
body[data-page="dashboard"] .glass-card::before {
  display: none;
}

body[data-page="admin"] .lg-glass-card:hover,
body[data-page="admin"] .glass-panel:hover,
body[data-page="admin"] .glass-card:hover,
body[data-page="dashboard"] .lg-glass-card:hover,
body[data-page="dashboard"] .glass-panel:hover,
body[data-page="dashboard"] .glass-card:hover {
  border-color: var(--hig-separator);
  box-shadow: var(--hig-shadow-3);
  transform: none;
}

body[data-page="admin"] .lg-btn,
body[data-page="dashboard"] .lg-btn,
body[data-page="admin"] .btn,
body[data-page="dashboard"] .btn {
  font-family: var(--hig-font-text);
  font-weight: 600;
  font-size: var(--hig-text-base);
  letter-spacing: -0.01em;
  border-radius: var(--hig-radius-sm);
  padding: 8px 16px;
  min-height: 34px;
  transition:
    background var(--hig-dur-fast) var(--hig-ease-standard),
    color var(--hig-dur-fast) var(--hig-ease-standard),
    box-shadow var(--hig-dur-fast) var(--hig-ease-standard),
    transform 80ms var(--hig-ease-standard),
    border-color var(--hig-dur-fast) var(--hig-ease-standard);
}

body[data-page="admin"] .lg-btn.text-sm,
body[data-page="dashboard"] .lg-btn.text-sm {
  font-size: var(--hig-text-sm);
  padding: 6px 12px;
  min-height: 28px;
}

body[data-page="admin"] .lg-btn:active,
body[data-page="dashboard"] .lg-btn:active {
  transform: scale(0.97);
  filter: brightness(0.97);
}

body[data-page="admin"] .lg-btn-primary,
body[data-page="dashboard"] .lg-btn-primary {
  background: var(--hig-blue);
  border: 1px solid transparent;
  color: #fff;
  box-shadow:
    0 0.5px 0 rgba(255, 255, 255, 0.25) inset,
    0 1px 2px rgba(0, 60, 130, 0.20),
    0 4px 14px rgba(0, 122, 255, 0.28);
}
body[data-page="admin"] .lg-btn-primary:hover,
body[data-page="dashboard"] .lg-btn-primary:hover {
  background: var(--hig-blue-strong);
  filter: none;
  box-shadow:
    0 0.5px 0 rgba(255, 255, 255, 0.25) inset,
    0 1px 2px rgba(0, 60, 130, 0.22),
    0 6px 18px rgba(0, 122, 255, 0.34);
  transform: none;
}

body[data-page="admin"] .lg-btn-glass,
body[data-page="dashboard"] .lg-btn-glass {
  background: var(--hig-fill-tertiary);
  border: 1px solid transparent;
  color: var(--hig-label-primary);
  box-shadow: none;
}
body[data-page="admin"] .lg-btn-glass:hover,
body[data-page="dashboard"] .lg-btn-glass:hover {
  background: var(--hig-fill-secondary);
  border-color: transparent;
  box-shadow: none;
  transform: none;
}

body[data-page="admin"] .lg-btn-danger,
body[data-page="dashboard"] .lg-btn-danger {
  background: var(--hig-fill-tertiary);
  color: var(--hig-red);
  border: 1px solid transparent;
}
body[data-page="admin"] .lg-btn-danger:hover,
body[data-page="dashboard"] .lg-btn-danger:hover {
  background: rgba(255, 59, 48, 0.12);
  color: var(--hig-red);
  border-color: transparent;
}

body[data-page="dashboard"] #ticket-new-btn,
body[data-page="dashboard"] #support-new-btn,
body[data-page="admin"] .nav-shop-btn,
body[data-page="admin"] .nav-dashboard-btn,
body[data-page="admin"] .nav-signout-btn {
  border-radius: var(--hig-radius-pill);
  padding: 9px 18px;
}

body[data-page="admin"] .lg-input,
body[data-page="dashboard"] .lg-input,
body[data-page="admin"] input[type="text"],
body[data-page="admin"] input[type="email"],
body[data-page="admin"] input[type="search"],
body[data-page="admin"] input[type="password"],
body[data-page="admin"] input[type="number"],
body[data-page="admin"] input[type="url"],
body[data-page="admin"] select,
body[data-page="admin"] textarea,
body[data-page="dashboard"] input[type="text"],
body[data-page="dashboard"] input[type="email"],
body[data-page="dashboard"] input[type="search"],
body[data-page="dashboard"] input[type="password"],
body[data-page="dashboard"] input[type="number"],
body[data-page="dashboard"] input[type="url"],
body[data-page="dashboard"] select,
body[data-page="dashboard"] textarea {
  background: var(--hig-fill-quaternary);
  border: 1px solid transparent;
  color: var(--hig-label-primary);
  font-family: var(--hig-font-text);
  font-size: var(--hig-text-base);
  border-radius: var(--hig-radius-sm);
  padding: 9px 12px;
  letter-spacing: -0.005em;
  transition:
    background var(--hig-dur-fast) var(--hig-ease-standard),
    border-color var(--hig-dur-fast) var(--hig-ease-standard),
    box-shadow var(--hig-dur-fast) var(--hig-ease-standard);
}

body[data-page="admin"] .lg-input:focus,
body[data-page="dashboard"] .lg-input:focus,
body[data-page="admin"] input:focus,
body[data-page="admin"] select:focus,
body[data-page="admin"] textarea:focus,
body[data-page="dashboard"] input:focus,
body[data-page="dashboard"] select:focus,
body[data-page="dashboard"] textarea:focus {
  background: var(--hig-material-thick);
  border-color: var(--hig-blue);
  box-shadow: 0 0 0 4px rgba(0, 122, 255, 0.18);
  outline: none;
}

body[data-page="admin"] input::placeholder,
body[data-page="admin"] textarea::placeholder,
body[data-page="dashboard"] input::placeholder,
body[data-page="dashboard"] textarea::placeholder {
  color: var(--hig-label-tertiary);
  font-weight: 400;
}

body[data-page="admin"] .admin-ticket-filter-pills,
body[data-page="admin"] #admin-support-filter-pills,
body[data-page="dashboard"] .ticket-filter-pills {
  background: var(--hig-fill-quaternary);
  border: 1px solid transparent;
  border-radius: var(--hig-radius-sm);
  padding: 2px;
  display: inline-flex;
  gap: 0;
  width: 100%;
  box-shadow: inset 0 0 0 0.5px var(--hig-separator);
}

body[data-page="admin"] .admin-ticket-filter-pills button,
body[data-page="admin"] #admin-support-filter-pills button,
body[data-page="dashboard"] .ticket-filter-pills .ticket-filter-pill {
  flex: 1;
  background: transparent;
  border: none;
  border-radius: calc(var(--hig-radius-sm) - 3px);
  padding: 6px 10px;
  font-size: var(--hig-text-sm);
  font-weight: 600;
  letter-spacing: -0.005em;
  color: var(--hig-label-secondary);
  box-shadow: none;
  transform: none;
  transition:
    background var(--hig-dur-fast) var(--hig-ease-standard),
    color var(--hig-dur-fast) var(--hig-ease-standard),
    box-shadow var(--hig-dur-fast) var(--hig-ease-standard);
  position: relative;
}

body[data-page="admin"] .admin-ticket-filter-pills button:hover,
body[data-page="admin"] #admin-support-filter-pills button:hover,
body[data-page="dashboard"] .ticket-filter-pills .ticket-filter-pill:hover {
  background: var(--hig-fill-quaternary);
  color: var(--hig-label-primary);
  transform: none;
  border: none;
  box-shadow: none;
}

body[data-page="admin"] .admin-ticket-filter-pills button.active,
body[data-page="admin"] #admin-support-filter-pills button.active,
body[data-page="dashboard"] .ticket-filter-pills .ticket-filter-pill.active {
  background: var(--hig-material-thick);
  color: var(--hig-label-primary);
  box-shadow: var(--hig-shadow-1);
  border: none;
}body[data-page="admin"] .lg-tag,
body[data-page="dashboard"] .lg-tag {
  font-family: var(--hig-font-text);
  font-size: var(--hig-text-xs);
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  border-radius: var(--hig-radius-pill);
  padding: 3px 9px;
  border: 1px solid transparent;
  line-height: 1.4;
}

body[data-page="admin"] .lg-tag-open,
body[data-page="dashboard"] .lg-tag-open {
  background: rgba(52, 199, 89, 0.14);
  color: var(--hig-green);
}
body[data-page="admin"] .lg-tag-pending,
body[data-page="dashboard"] .lg-tag-pending {
  background: rgba(255, 149, 0, 0.16);
  color: var(--hig-orange);
}
body[data-page="admin"] .lg-tag-closed,
body[data-page="dashboard"] .lg-tag-closed {
  background: rgba(255, 59, 48, 0.14);
  color: var(--hig-red);
}
body[data-page="admin"] .lg-tag-active,
body[data-page="dashboard"] .lg-tag-active {
  background: var(--hig-blue-soft);
  color: var(--hig-blue);
}

body[data-page="admin"] .lg-badge,
body[data-page="dashboard"] .lg-badge,
body[data-page="admin"] .admin-tab-badge,
body[data-page="dashboard"] .ticket-card-unread {
  background: var(--hig-red);
  color: #fff;
  border: none;
  border-radius: var(--hig-radius-pill);
  font-size: 0.6875rem;
  font-weight: 700;
  min-width: 18px;
  height: 18px;
  padding: 0 6px;
  box-shadow: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

body[data-page="dashboard"] .dashboard-sidebar {
  background: var(--hig-material-regular);
  border: 1px solid var(--hig-separator);
  border-radius: var(--hig-radius-xl);
  box-shadow: var(--hig-shadow-2);
  backdrop-filter: var(--hig-blur-strong);
  -webkit-backdrop-filter: var(--hig-blur-strong);
}

body[data-page="dashboard"] .sidebar-nav .nav-item {
  font-family: var(--hig-font-text);
  font-size: var(--hig-text-base);
  font-weight: 500;
  letter-spacing: -0.005em;
  border-radius: var(--hig-radius-sm);
  color: var(--hig-label-primary);
  padding: 8px 10px;
  background: transparent;
  border: 1px solid transparent;
  transition: background var(--hig-dur-fast) var(--hig-ease-standard);
}
body[data-page="dashboard"] .sidebar-nav .nav-item:hover {
  background: var(--hig-fill-quaternary);
}
body[data-page="dashboard"] .sidebar-nav .nav-item.active {
  background: var(--hig-blue-soft);
  color: var(--hig-blue);
  font-weight: 600;
  border: none;
  box-shadow: none;
}
body[data-page="dashboard"] .sidebar-nav .nav-item.active .nav-icon-wrap i,
body[data-page="dashboard"] .sidebar-nav .nav-item.active i {
  color: var(--hig-blue);
}

body[data-page="dashboard"] .sidebar-nav-label {
  font-size: var(--hig-text-xs);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--hig-label-tertiary);
  padding: 6px 10px 4px;
  margin: 0;
}

body[data-page="dashboard"] .sidebar-user-panel {
  background: var(--hig-fill-quaternary);
  border: 1px solid var(--hig-separator);
  border-radius: var(--hig-radius-md);
}
body[data-page="dashboard"] .sup-name {
  font-size: var(--hig-text-base);
  font-weight: 600;
  color: var(--hig-label-primary);
}
body[data-page="dashboard"] .sup-tag {
  font-size: var(--hig-text-xs);
  color: var(--hig-label-tertiary);
}

body[data-page="dashboard"] .dashboard-topbar {
  background: var(--hig-material-thick);
  border: 1px solid var(--hig-separator);
  border-radius: var(--hig-radius-lg);
  box-shadow: var(--hig-shadow-1);
  backdrop-filter: var(--hig-blur-regular);
  -webkit-backdrop-filter: var(--hig-blur-regular);
}

body[data-page="dashboard"] #page-title {
  font-family: var(--hig-font-display);
  font-size: var(--hig-text-xl);
  font-weight: 700;
  letter-spacing: -0.022em;
}

body[data-page="dashboard"] .user-profile-dropdown {
  background: var(--hig-fill-quaternary);
  border: 1px solid transparent;
  border-radius: var(--hig-radius-pill);
  padding: 4px 12px 4px 4px;
  gap: 10px;
}
body[data-page="dashboard"] .user-profile-dropdown:hover {
  background: var(--hig-fill-tertiary);
  border-color: transparent;
}
body[data-page="dashboard"] .username {
  font-size: var(--hig-text-sm);
  font-weight: 600;
}
body[data-page="dashboard"] .role {
  font-size: var(--hig-text-xs);
  color: var(--hig-label-tertiary);
}

body[data-page="admin"] .admin-sidebar {
  background: var(--hig-material-regular);
  border: 1px solid var(--hig-separator);
  border-radius: var(--hig-radius-xl);
  box-shadow: var(--hig-shadow-2);
  backdrop-filter: var(--hig-blur-strong);
  -webkit-backdrop-filter: var(--hig-blur-strong);
}

body[data-page="admin"] .admin-tab {
  font-family: var(--hig-font-text);
  font-size: var(--hig-text-base);
  font-weight: 500;
  letter-spacing: -0.005em;
  border-radius: var(--hig-radius-sm);
  color: var(--hig-label-primary);
  background: transparent;
  border: 1px solid transparent;
  padding: 8px 10px;
  transition: background var(--hig-dur-fast) var(--hig-ease-standard);
}
body[data-page="admin"] .admin-tab:hover {
  background: var(--hig-fill-quaternary);
}
body[data-page="admin"] .admin-tab.active {
  background: var(--hig-blue-soft);
  color: var(--hig-blue);
  font-weight: 600;
  border: none;
}
body[data-page="admin"] .admin-tab.active i {
  color: var(--hig-blue);
}

body[data-page="admin"] .admin-nav-label {
  font-size: var(--hig-text-xs);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--hig-label-tertiary);
  margin: 12px 10px 4px;
}

body[data-page="admin"] .admin-content {
  background: var(--hig-material-thick);
  border: 1px solid var(--hig-separator);
  border-radius: var(--hig-radius-xl);
  box-shadow: var(--hig-shadow-2);
  backdrop-filter: var(--hig-blur-regular);
  -webkit-backdrop-filter: var(--hig-blur-regular);
}

body[data-page="admin"] .admin-sidebar-profile {
  background: var(--hig-fill-quaternary);
  border-radius: var(--hig-radius-md);
  border: 1px solid var(--hig-separator);
}
body[data-page="admin"] .user-name {
  font-size: var(--hig-text-base);
  font-weight: 600;
}

body[data-page="dashboard"] .ticket-sidebar-card,
body[data-page="dashboard"] .ticket-list-item,
body[data-page="admin"] .admin-ticket-row {
  background: transparent;
  border: 1px solid transparent;
  border-radius: var(--hig-radius-md);
  padding: 10px 12px;
  transition:
    background var(--hig-dur-fast) var(--hig-ease-standard),
    border-color var(--hig-dur-fast) var(--hig-ease-standard);
  box-shadow: none;
}

body[data-page="dashboard"] .ticket-sidebar-card:hover,
body[data-page="dashboard"] .ticket-list-item:hover,
body[data-page="admin"] .admin-ticket-row:hover {
  background: var(--hig-fill-quaternary);
  border-color: transparent;
  box-shadow: none;
  transform: none;
}

body[data-page="dashboard"] .ticket-sidebar-card.active,
body[data-page="dashboard"] .ticket-list-item.active,
body[data-page="admin"] .admin-ticket-row.selected {
  background: var(--hig-blue-soft);
  border-color: transparent;
  box-shadow: inset 0 0 0 1px rgba(0, 122, 255, 0.22);
}

body[data-page="admin"] .admin-ticket-inbox-list,
body[data-page="dashboard"] .ticket-sidebar-list {
  padding: 6px;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

body[data-page="admin"] .admin-ticket-search,
body[data-page="dashboard"] .ticket-sidebar-search {
  background: var(--hig-fill-quaternary);
  border: 1px solid transparent;
  border-radius: var(--hig-radius-sm);
  padding: 6px 10px;
  display: flex;
  align-items: center;
  gap: 8px;
  transition:
    background var(--hig-dur-fast) var(--hig-ease-standard),
    box-shadow var(--hig-dur-fast) var(--hig-ease-standard);
}
body[data-page="admin"] .admin-ticket-search:focus-within,
body[data-page="dashboard"] .ticket-sidebar-search:focus-within {
  background: var(--hig-material-thick);
  box-shadow: 0 0 0 4px rgba(0, 122, 255, 0.18), inset 0 0 0 1px var(--hig-blue);
}
body[data-page="admin"] .admin-ticket-search input,
body[data-page="dashboard"] .ticket-sidebar-search input {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  box-shadow: none !important;
  font-size: var(--hig-text-base);
  color: var(--hig-label-primary);
  flex: 1;
  min-width: 0;
}
body[data-page="admin"] .admin-ticket-search > i,
body[data-page="dashboard"] .ticket-sidebar-search > i {
  color: var(--hig-label-tertiary);
}

body[data-page="dashboard"] #tab-tickets .ticket-msg-inner,
body[data-page="dashboard"] #tab-support .ticket-msg-inner,
body[data-page="admin"] .admin-ticket-chat-body .ticket-msg-inner,
body[data-page="admin"] .admin-chat-bubble {
  background: var(--hig-gray6);
  color: var(--hig-label-primary);
  border: none;
  border-radius: 18px;
  padding: 8px 12px;
  font-size: var(--hig-text-md);
  line-height: 1.32;
  letter-spacing: -0.008em;
  box-shadow: var(--hig-shadow-1);
  max-width: min(560px, 78%);
}

body[data-page="dashboard"] #tab-tickets .ticket-msg--me .ticket-msg-inner,
body[data-page="dashboard"] #tab-support .ticket-msg--me .ticket-msg-inner,
body[data-page="dashboard"] .ticket-msg.self .ticket-msg-inner,
body[data-page="admin"] .admin-ticket-chat-body .ticket-msg.self .ticket-msg-inner,
body[data-page="admin"] .admin-ticket-chat-body .ticket-msg--me .ticket-msg-inner,
body[data-page="admin"] .admin-chat-message.self .admin-chat-bubble,
body[data-page="admin"] .admin-chat-message.me .admin-chat-bubble {
  background: var(--hig-blue);
  color: #fff;
}
body[data-page="dashboard"] #tab-tickets .ticket-msg--me .ticket-msg-inner a,
body[data-page="dashboard"] .ticket-msg.self .ticket-msg-inner a,
body[data-page="admin"] .admin-chat-message.self .admin-chat-bubble a {
  color: #fff;
  text-decoration: underline;
}

body[data-page="dashboard"] #tab-tickets .ticket-msg--them .ticket-msg-inner,
body[data-page="dashboard"] #tab-support .ticket-msg--them .ticket-msg-inner {
  border-bottom-left-radius: 6px;
}
body[data-page="dashboard"] #tab-tickets .ticket-msg--me .ticket-msg-inner,
body[data-page="dashboard"] #tab-support .ticket-msg--me .ticket-msg-inner {
  border-bottom-right-radius: 6px;
}

body[data-page="dashboard"] #tab-tickets .ticket-msg-name,
body[data-page="admin"] .admin-chat-name {
  font-family: var(--hig-font-text);
  font-size: var(--hig-text-xs);
  font-weight: 600;
  color: var(--hig-label-secondary);
  letter-spacing: -0.005em;
}
body[data-page="dashboard"] #tab-tickets .ticket-msg-time,
body[data-page="admin"] .admin-chat-time {
  font-size: 0.6875rem;
  color: var(--hig-label-tertiary);
  font-weight: 400;
}

body[data-page="dashboard"] .ticket-chat-form,
body[data-page="admin"] .admin-chat-input-area {
  background: var(--hig-material-regular);
  border-top: 1px solid var(--hig-separator);
  padding: 10px 12px;
  gap: 8px;
  align-items: center;
  backdrop-filter: var(--hig-blur-thin);
  -webkit-backdrop-filter: var(--hig-blur-thin);
}
body[data-page="dashboard"] .ticket-chat-form .lg-input,
body[data-page="admin"] .admin-chat-input-area .lg-input {
  background: var(--hig-fill-quaternary);
  border: 1px solid transparent;
  border-radius: 18px;
  padding: 8px 14px;
  min-height: 34px;
  font-size: var(--hig-text-md);
}
body[data-page="dashboard"] .ticket-chat-form .lg-input:focus,
body[data-page="admin"] .admin-chat-input-area .lg-input:focus {
  background: var(--hig-material-thick);
  box-shadow: 0 0 0 4px rgba(0, 122, 255, 0.18);
  border-color: var(--hig-blue);
}

body[data-page="dashboard"] .ticket-chat-send,
body[data-page="admin"] #admin-ticket-chat-send,
body[data-page="admin"] #admin-support-chat-form .lg-btn-primary,
body[data-page="admin"] #admin-chat-send {
  border-radius: 50%;
  width: 34px;
  height: 34px;
  min-height: 34px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

body[data-page="dashboard"] .ticket-chat-header,
body[data-page="admin"] .admin-chat-header {
  border-bottom: 1px solid var(--hig-separator);
  padding: 14px 18px;
  background: transparent;
}
body[data-page="dashboard"] #ticket-chat-title,
body[data-page="admin"] #admin-ticket-chat-title,
body[data-page="admin"] #admin-support-chat-title {
  font-family: var(--hig-font-display);
  font-size: var(--hig-text-md);
  font-weight: 600;
  letter-spacing: -0.012em;
}

body[data-page="dashboard"] .ticket-reply-preview,
body[data-page="admin"] .admin-reply-preview {
  background: var(--hig-fill-quaternary);
  border-left: 3px solid var(--hig-blue);
  border-radius: var(--hig-radius-sm);
  padding: 8px 10px;
  font-size: var(--hig-text-sm);
}

body[data-page="dashboard"] .ticket-new-messages-pill,
body[data-page="admin"] .admin-new-messages-pill {
  background: var(--hig-blue);
  color: #fff;
  border-radius: var(--hig-radius-pill);
  padding: 6px 14px;
  font-size: var(--hig-text-sm);
  font-weight: 600;
  box-shadow: var(--hig-shadow-3);
  border: none;
}

body[data-page="admin"] .admin-detail-sidebar,
body[data-page="dashboard"] .addon-right-sidebar {
  background: var(--hig-material-regular);
  border: 1px solid var(--hig-separator);
  border-radius: var(--hig-radius-lg);
  backdrop-filter: var(--hig-blur-regular);
  -webkit-backdrop-filter: var(--hig-blur-regular);
}

body[data-page="admin"] .ads-section-label,
body[data-page="dashboard"] .ads-section-label {
  font-size: var(--hig-text-xs);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--hig-label-tertiary);
  margin-bottom: 6px;
}

body[data-page="admin"] .ads-detail-section,
body[data-page="dashboard"] .ads-usage-panel,
body[data-page="dashboard"] .ads-inventory-panel {
  background: var(--hig-material-thick);
  border: 1px solid var(--hig-separator);
  border-radius: var(--hig-radius-md);
  box-shadow: var(--hig-shadow-1);
}

body[data-page="admin"] .ads-detail-row {
  padding: 6px 0;
  border-bottom: 1px solid var(--hig-separator);
}
body[data-page="admin"] .ads-detail-row:last-child {
  border-bottom: none;
}
body[data-page="admin"] .ads-detail-row-label {
  font-size: var(--hig-text-sm);
  color: var(--hig-label-secondary);
  font-weight: 500;
}
body[data-page="admin"] .ads-detail-row-value {
  font-size: var(--hig-text-sm);
  color: var(--hig-label-primary);
  font-weight: 600;
}

body[data-page="admin"] .glass-progress-wrap,
body[data-page="dashboard"] .glass-progress-wrap {
  background: var(--hig-fill-tertiary);
  border-radius: var(--hig-radius-pill);
  height: 6px;
  overflow: hidden;
}
body[data-page="admin"] .glass-progress-bar,
body[data-page="dashboard"] .glass-progress-bar {
  background: linear-gradient(90deg, var(--hig-blue), var(--hig-teal));
  border-radius: var(--hig-radius-pill);
  height: 100%;
  transition: width var(--hig-dur-base) var(--hig-ease-standard);
}

body[data-page="admin"] .modal-overlay,
body[data-page="dashboard"] .modal-overlay,
body[data-page="admin"] #plan-picker-overlay,
body[data-page="dashboard"] #plan-picker-overlay {
  background: rgba(0, 0, 0, 0.35);
  backdrop-filter: blur(20px) saturate(160%);
  -webkit-backdrop-filter: blur(20px) saturate(160%);
}

body[data-page="admin"] .modal-card,
body[data-page="dashboard"] .modal-card,
body[data-page="admin"] .finalize-modal-card,
body[data-page="dashboard"] .plan-picker-modal {
  background: var(--hig-material-thick);
  border: 1px solid var(--hig-separator);
  border-radius: var(--hig-radius-xl);
  box-shadow: var(--hig-shadow-4);
  backdrop-filter: var(--hig-blur-strong);
  -webkit-backdrop-filter: var(--hig-blur-strong);
}

body[data-page="admin"] .modal-close,
body[data-page="dashboard"] .modal-close,
body[data-page="dashboard"] .plan-picker-close {
  background: var(--hig-fill-tertiary);
  border: none;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  color: var(--hig-label-secondary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
body[data-page="admin"] .modal-close:hover,
body[data-page="dashboard"] .modal-close:hover {
  background: var(--hig-fill-secondary);
  color: var(--hig-label-primary);
}

body[data-page="admin"] .admin-notif-dropdown {
  background: var(--hig-material-thick);
  border: 1px solid var(--hig-separator);
  border-radius: var(--hig-radius-lg);
  box-shadow: var(--hig-shadow-3);
  backdrop-filter: var(--hig-blur-strong);
  -webkit-backdrop-filter: var(--hig-blur-strong);
}
body[data-page="admin"] .admin-notif-title {
  font-family: var(--hig-font-display);
  font-size: var(--hig-text-base);
  font-weight: 700;
  letter-spacing: -0.012em;
}
body[data-page="admin"] .admin-notif-subtitle {
  font-size: var(--hig-text-xs);
  color: var(--hig-label-tertiary);
}
body[data-page="admin"] .admin-notif-mark-all {
  font-size: var(--hig-text-sm);
  color: var(--hig-blue);
  background: transparent;
  border: none;
  font-weight: 600;
}

body[data-page="admin"] .admin-notif-btn {
  background: var(--hig-fill-quaternary);
  border: 1px solid transparent;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--hig-label-primary);
  position: relative;
}
body[data-page="admin"] .admin-notif-btn:hover {
  background: var(--hig-fill-tertiary);
}
body[data-page="admin"] .admin-notif-dot {
  background: var(--hig-red);
  border: 2px solid var(--hig-material-thick);
}

body[data-page="dashboard"] .home-welcome-title {
  font-family: var(--hig-font-display);
  font-size: clamp(1.75rem, 2.4vw, 2.125rem);
  font-weight: 700;
  letter-spacing: -0.024em;
  line-height: 1.2;
}
body[data-page="dashboard"] .home-welcome-eyebrow {
  font-size: var(--hig-text-xs);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--hig-label-tertiary);
}
body[data-page="dashboard"] .home-welcome-sub {
  font-size: var(--hig-text-md);
  color: var(--hig-label-secondary);
}

body[data-page="dashboard"] .home-stat-pill {
  border-radius: var(--hig-radius-lg);
  padding: 14px 16px;
  display: flex;
  align-items: center;
  gap: 12px;
}
body[data-page="dashboard"] .home-stat-pill-icon {
  width: 40px;
  height: 40px;
  border-radius: var(--hig-radius-md);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}
body[data-page="dashboard"] .home-stat-icon-blue { background: rgba(0, 122, 255, 0.14);   color: var(--hig-blue); }
body[data-page="dashboard"] .home-stat-icon-purple { background: rgba(175, 82, 222, 0.14); color: var(--hig-purple); }
body[data-page="dashboard"] .home-stat-icon-amber { background: rgba(255, 149, 0, 0.16);   color: var(--hig-orange); }
body[data-page="dashboard"] .home-stat-icon-green { background: rgba(52, 199, 89, 0.16);   color: var(--hig-green); }

body[data-page="dashboard"] .home-stat-pill-num {
  font-family: var(--hig-font-display);
  font-size: var(--hig-text-xl);
  font-weight: 700;
  letter-spacing: -0.022em;
  color: var(--hig-label-primary);
  display: block;
  line-height: 1.1;
}
body[data-page="dashboard"] .home-stat-pill-label {
  font-size: var(--hig-text-xs);
  color: var(--hig-label-tertiary);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-weight: 600;
}

body[data-page="dashboard"] .dash-card {
  border-radius: var(--hig-radius-lg);
  padding: 20px;
}
body[data-page="dashboard"] .dash-card-head {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}
body[data-page="dashboard"] .dash-card-head-icon {
  width: 36px;
  height: 36px;
  border-radius: var(--hig-radius-md);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
}
body[data-page="dashboard"] .dash-card-head h4 {
  font-size: var(--hig-text-md);
  font-weight: 650;
  letter-spacing: -0.012em;
  margin: 0;
}
body[data-page="dashboard"] .dash-card-sub {
  font-size: var(--hig-text-xs);
  color: var(--hig-label-tertiary);
}

body[data-page="admin"] .admin-empty-state,
body[data-page="dashboard"] .ticket-active-empty,
body[data-page="dashboard"] .dash-empty-illustration {
  color: var(--hig-label-secondary);
  text-align: center;
  padding: 40px 24px;
}
body[data-page="admin"] .admin-empty-state h3,
body[data-page="dashboard"] .ticket-active-empty h3 {
  font-size: var(--hig-text-lg);
  font-weight: 600;
  letter-spacing: -0.016em;
  color: var(--hig-label-primary);
  margin-bottom: 4px;
}
body[data-page="admin"] .empty-icon,
body[data-page="dashboard"] .ticket-empty-icon {
  color: var(--hig-label-quaternary) !important;
  font-size: 2.6rem !important;
  margin-bottom: 12px !important;
}

body[data-page="admin"] *::-webkit-scrollbar,
body[data-page="dashboard"] *::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
body[data-page="admin"] *::-webkit-scrollbar-track,
body[data-page="dashboard"] *::-webkit-scrollbar-track {
  background: transparent;
}
body[data-page="admin"] *::-webkit-scrollbar-thumb,
body[data-page="dashboard"] *::-webkit-scrollbar-thumb {
  background: var(--hig-fill-secondary);
  border: 2px solid transparent;
  background-clip: content-box;
  border-radius: var(--hig-radius-pill);
}
body[data-page="admin"] *::-webkit-scrollbar-thumb:hover,
body[data-page="dashboard"] *::-webkit-scrollbar-thumb:hover {
  background: var(--hig-fill-primary);
  background-clip: content-box;
}

body[data-page="admin"] :focus-visible,
body[data-page="dashboard"] :focus-visible {
  outline: none;
  box-shadow: 0 0 0 4px rgba(0, 122, 255, 0.32);
  border-radius: inherit;
}

body[data-page="admin"] .lg-btn:focus-visible,
body[data-page="dashboard"] .lg-btn:focus-visible {
  box-shadow:
    0 0 0 4px rgba(0, 122, 255, 0.32),
    var(--hig-shadow-1);
}

body[data-page="admin"] .glass-nav {
  background: var(--hig-material-thick);
  border-bottom: 1px solid var(--hig-separator);
  border-left: none;
  border-right: none;
  border-top: none;
  border-radius: 0;
  box-shadow: var(--hig-shadow-1);
  backdrop-filter: var(--hig-blur-strong);
  -webkit-backdrop-filter: var(--hig-blur-strong);
}
body[data-page="admin"] .nav-links a {
  font-size: var(--hig-text-sm);
  font-weight: 500;
  color: var(--hig-label-primary);
  letter-spacing: -0.005em;
  padding: 6px 10px;
  border-radius: var(--hig-radius-sm);
  transition: background var(--hig-dur-fast) var(--hig-ease-standard), color var(--hig-dur-fast) var(--hig-ease-standard);
}
body[data-page="admin"] .nav-links a:hover {
  background: var(--hig-fill-quaternary);
  color: var(--hig-label-primary);
}
body[data-page="admin"] .nav-links a.active {
  background: var(--hig-blue-soft);
  color: var(--hig-blue);
  font-weight: 600;
}

@media (prefers-reduced-motion: reduce) {
  body[data-page="admin"] *,
body[data-page="dashboard"] * {
    animation-duration: 0.001ms !important;
    transition-duration: 0.001ms !important;
  }
  body[data-page="admin"] .floating-particles,
body[data-page="dashboard"] .floating-particles { display: none; }
}

body[data-page="admin"] ::selection,
body[data-page="dashboard"] ::selection {
  background: rgba(0, 122, 255, 0.24);
  color: inherit;
}

body[data-page="admin"] .admin-bottom-nav {
  background: var(--hig-material-thick);
  border-top: 1px solid var(--hig-separator);
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.04);
  backdrop-filter: var(--hig-blur-strong);
  -webkit-backdrop-filter: var(--hig-blur-strong);
}
body[data-page="admin"] .admin-bnav-item {
  color: var(--hig-label-secondary);
  font-size: var(--hig-text-xs);
  font-weight: 500;
}
body[data-page="admin"] .admin-bnav-item.active {
  color: var(--hig-blue);
}
body[data-page="admin"] .admin-bnav-item.active i {
  color: var(--hig-blue);
}

body[data-page="admin"] .context-menu,
body[data-page="dashboard"] .context-menu {
  background: var(--hig-material-thick);
  border: 1px solid var(--hig-separator);
  border-radius: var(--hig-radius-md);
  box-shadow: var(--hig-shadow-3);
  backdrop-filter: var(--hig-blur-strong);
  -webkit-backdrop-filter: var(--hig-blur-strong);
  padding: 4px;
}
body[data-page="admin"] .context-menu-item,
body[data-page="dashboard"] .context-menu-item {
  font-size: var(--hig-text-sm);
  font-weight: 500;
  border-radius: var(--hig-radius-xs);
  padding: 7px 10px;
  color: var(--hig-label-primary);
}
body[data-page="admin"] .context-menu-item:hover,
body[data-page="dashboard"] .context-menu-item:hover {
  background: var(--hig-blue);
  color: #fff;
}
body[data-page="admin"] .context-menu-item:hover i,
body[data-page="dashboard"] .context-menu-item:hover i { color: #fff !important; }

body[data-page="admin"] .admin-image-viewer { background: rgba(0, 0, 0, 0.85); backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px); }
body[data-page="admin"] .admin-image-viewer-close {
  background: rgba(255, 255, 255, 0.15);
  border: none;
  color: #fff;
  border-radius: 50%;
  width: 36px;
  height: 36px;
}

body[data-page="dashboard"] .sett-sidebar-item {
  font-size: var(--hig-text-base);
  font-weight: 500;
  letter-spacing: -0.005em;
  border-radius: var(--hig-radius-sm);
  padding: 8px 10px;
  color: var(--hig-label-primary);
  background: transparent;
  border: 1px solid transparent;
}
body[data-page="dashboard"] .sett-sidebar-item:hover {
  background: var(--hig-fill-quaternary);
}
body[data-page="dashboard"] .sett-sidebar-item.active {
  background: var(--hig-blue-soft);
  color: var(--hig-blue);
  font-weight: 600;
  border: none;
}
body[data-page="dashboard"] .sett-sidebar-label {
  font-size: var(--hig-text-xs);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--hig-label-tertiary);
}
body[data-page="dashboard"] .sett-pane-title {
  font-family: var(--hig-font-display);
  font-size: var(--hig-text-2xl);
  font-weight: 700;
  letter-spacing: -0.024em;
  margin-bottom: 18px;
}

body[data-page="dashboard"] .settings-switch,
body[data-page="admin"] .settings-switch {
  width: 51px;
  height: 31px;
  position: relative;
  display: inline-block;
}
body[data-page="dashboard"] .settings-switch input,
body[data-page="admin"] .settings-switch input {
  position: absolute;
  inset: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  margin: 0;
}
body[data-page="dashboard"] .settings-switch-slider,
body[data-page="admin"] .settings-switch-slider {
  position: absolute;
  inset: 0;
  background: var(--hig-fill-primary);
  border-radius: var(--hig-radius-pill);
  transition: background var(--hig-dur-base) var(--hig-ease-standard);
}
body[data-page="dashboard"] .settings-switch-slider::before,
body[data-page="admin"] .settings-switch-slider::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 27px;
  height: 27px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.06);
  transition: transform var(--hig-dur-base) var(--hig-ease-emphasized);
}
body[data-page="dashboard"] .settings-switch input:checked + .settings-switch-slider,
body[data-page="admin"] .settings-switch input:checked + .settings-switch-slider {
  background: var(--hig-green);
}
body[data-page="dashboard"] .settings-switch input:checked + .settings-switch-slider::before,
body[data-page="admin"] .settings-switch input:checked + .settings-switch-slider::before {
  transform: translateX(20px);
}body[data-page="admin"] .admin-ticket-closed-banner,
body[data-page="dashboard"] .ticket-closed-overlay {
  background: rgba(255, 59, 48, 0.10);
  color: var(--hig-red);
  border: 1px solid rgba(255, 59, 48, 0.22);
  border-radius: var(--hig-radius-md);
  padding: 10px 14px;
  font-size: var(--hig-text-sm);
  font-weight: 500;
}

body[data-page="dashboard"] .home-stats-strip { gap: 14px; }
body[data-page="dashboard"] .dashboard-grid { gap: 18px; }

body[data-page="admin"] .lg-glass-card:hover,
body[data-page="admin"] .glass-panel:hover,
body[data-page="admin"] .glass-card:hover,
body[data-page="dashboard"] .lg-glass-card:hover,
body[data-page="dashboard"] .glass-panel:hover,
body[data-page="dashboard"] .glass-card:hover,
body[data-page="dashboard"] .home-stat-pill:hover {
  transform: none !important;
}

body.sky-desktop-window {
  --window-chrome-bg: var(--hig-material-thick);
  --window-chrome-text: var(--hig-label-secondary);
  --window-chrome-icon: var(--hig-label-secondary);
  --window-chrome-divider: var(--hig-separator);
  --window-chrome-hover: var(--hig-fill-quaternary);
  --window-chrome-focus: rgba(0, 122, 255, 0.45);
  --window-chrome-active: var(--hig-blue-soft);
  --window-chrome-active-icon: var(--hig-blue);
  --window-chrome-close-hover: var(--hig-red);
  --window-chrome-close-icon: #fff;
}