/**
 * MidiAI Studio — Light theme (completion pass)
 * Applied when html[data-theme="light"]. Dark theme stays default.
 * Prefer semantic vars; override hardcoded dark-only colors with !important where needed.
 */

html[data-theme='light'] {
  color-scheme: light !important;
  --bg: #e8edf4;
  --panel: #ffffff;
  --panel2: #ffffff;
  --text: #152033;
  --muted: #4a5568;
  --line: rgba(36, 52, 78, 0.2);
  --accent: #6b5ce7;
  --accent2: #0891b2;
  --good: #059669;
  --warn: #d97706;
  --danger: #e11d48;
  --heading: #121a2b;
  --ink: #152033;
  --ink-soft: #243044;
  --ink-faint: #4a5568;
  --body-bg: radial-gradient(circle at 18% -10%, rgba(107, 92, 231, 0.07), transparent 34%),
    radial-gradient(circle at 86% 8%, rgba(8, 145, 178, 0.05), transparent 30%),
    radial-gradient(circle at 50% 100%, rgba(107, 92, 231, 0.03), transparent 34%), #e8edf4;
  --topbar-bg: #f5f7fb;
  --sidebar-bg: #eef2f7;
  --drawer-bg: #f4f6fa;
  --input-bg: #ffffff;
  --option-bg: #f4f6fa;
  --surface: #ffffff;
  --surface-2: #f7f9fc;
  --shadow: 0 8px 22px rgba(40, 55, 85, 0.08);
  --final-card: #ffffff;
  --final-stroke: rgba(36, 52, 78, 0.18);
  --final-shadow: 0 6px 18px rgba(40, 55, 85, 0.07);
  --final-soft: rgba(36, 52, 78, 0.06);
  --raised-card-bg: linear-gradient(180deg, #ffffff 0%, #f5f7fb 48%, #e9eef6 100%);
  --raised-card-border: rgba(36, 52, 78, 0.14);
  --raised-card-shadow:
    0 1px 0 rgba(255, 255, 255, 0.98) inset,
    0 -1px 0 rgba(36, 52, 78, 0.05) inset,
    0 10px 26px rgba(40, 55, 85, 0.1);
  --account-label-color: #5a6478;
  --account-value-color: #152033;
  --account-separator: rgba(36, 52, 78, 0.12);
  --site-card: #ffffff;
  --site-stroke: rgba(36, 52, 78, 0.18);
}

/* ——— Shell ——— */
html[data-theme='light'] body,
html[data-theme='light'] body:not(.sidebar-layout),
html[data-theme='light'] body.sidebar-layout,
html[data-theme='light']:not(.sidebar-ready) body {
  background: var(--body-bg) !important;
  color: var(--text) !important;
}

html[data-theme='light'] .orb {
  opacity: 0.08;
}

/* Keep hover lift, but avoid subpixel soft-blur on text links */
html[data-theme='light'] a:hover,
html[data-theme='light'] button:hover {
  transform: none;
}

html[data-theme='light'] .topbar,
html[data-theme='light'] .topbar-slim,
html[data-theme='light'] .topbar.topbar-slim {
  background: var(--topbar-bg) !important;
  border-bottom-color: var(--line) !important;
  box-shadow: 0 8px 24px rgba(40, 55, 85, 0.06) !important;
}

html[data-theme='light'] .topbar-page {
  color: var(--muted) !important;
}

html[data-theme='light'] .brand b {
  color: var(--text) !important;
}

html[data-theme='light'] .menu-btn {
  background: rgba(255, 255, 255, 0.9) !important;
  border-color: var(--line) !important;
  color: var(--text) !important;
}

html[data-theme='light'] .topbar .actions.topbar-actions {
  background: rgba(255, 255, 255, 0.55) !important;
  border-color: var(--line) !important;
}

html[data-theme='light'] .topbar .topbar-lang {
  background: rgba(255, 255, 255, 0.7) !important;
  border-color: var(--line) !important;
  color: var(--ink-soft) !important;
}

html[data-theme='light'] .topbar .topbar-lang:hover,
html[data-theme='light'] .topbar .topbar-lang[aria-expanded='true'] {
  background: #fff !important;
  color: var(--text) !important;
  border-color: rgba(107, 92, 231, 0.28) !important;
}

html[data-theme='light'] .topbar .topbar-lang-menu {
  background: #fff !important;
  border-color: var(--line) !important;
  box-shadow: var(--shadow) !important;
}

html[data-theme='light'] .topbar .topbar-lang-option {
  color: var(--text) !important;
}

html[data-theme='light'] .topbar .topbar-lang-option:hover,
html[data-theme='light'] .topbar .topbar-lang-option:focus-visible {
  background: rgba(36, 52, 78, 0.06) !important;
  color: var(--text) !important;
}

html[data-theme='light'] .topbar-notify-btn,
html[data-theme='light'] #topbarNotify,
html[data-theme='light'] .topbar [aria-label*='알림'],
html[data-theme='light'] .topbar [aria-label*='Notif'] {
  color: var(--ink-soft) !important;
  opacity: 1 !important;
}

html[data-theme='light'] .topbar-notify-btn svg,
html[data-theme='light'] #topbarNotify svg {
  stroke: var(--ink-soft);
  fill: none;
  opacity: 1 !important;
}

/* ——— Top-nav: desktop transparent; drawer chrome only on mobile ——— */
html[data-theme='light'] body.topnav-layout #mainNav.top-nav {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--text) !important;
}

@media (max-width: 980px) {
  html[data-theme='light'] body.topnav-layout #mainNav.top-nav {
    background: var(--drawer-bg) !important;
    border-right: 1px solid var(--line) !important;
    box-shadow: 8px 0 32px rgba(40, 55, 85, 0.12) !important;
  }
}

html[data-theme='light'] body.topnav-layout #mainNav.top-nav .top-nav-link,
html[data-theme='light'] body.topnav-layout #mainNav.top-nav .top-nav-trigger,
html[data-theme='light'] body.topnav-layout #mainNav.top-nav .top-nav-item,
html[data-theme='light'] body.topnav-layout #mainNav.top-nav .top-nav-item-copy b {
  color: var(--text) !important;
}

html[data-theme='light'] body.topnav-layout #mainNav.top-nav .top-nav-trigger,
html[data-theme='light'] body.topnav-layout #mainNav.top-nav .top-nav-trigger.active,
html[data-theme='light'] body.topnav-layout #mainNav.top-nav .top-nav-group.has-active > .top-nav-trigger {
  color: var(--muted) !important;
  background: transparent !important;
}

html[data-theme='light'] body.topnav-layout #mainNav.top-nav .top-nav-group {
  border-top-color: var(--line) !important;
}

html[data-theme='light'] body.topnav-layout #mainNav.top-nav .top-nav-item:hover,
html[data-theme='light'] body.topnav-layout #mainNav.top-nav .top-nav-item.active,
html[data-theme='light'] body.topnav-layout #mainNav.top-nav .top-nav-item:focus-visible {
  background: #e8f2fb !important;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, #3d82c7 35%, transparent) !important;
  color: var(--text) !important;
}

html[data-theme='light'] body.topnav-layout #mainNav.top-nav .top-nav-item:hover .top-nav-item-copy b,
html[data-theme='light'] body.topnav-layout #mainNav.top-nav .top-nav-item.active .top-nav-item-copy b {
  color: var(--text) !important;
}

html[data-theme='light'] body.topnav-layout #mainNav.top-nav .top-nav-item-copy span {
  color: var(--muted) !important;
}

html[data-theme='light'] body.topnav-layout #mainNav.top-nav .top-nav-item:hover .top-nav-item-copy span,
html[data-theme='light'] body.topnav-layout #mainNav.top-nav .top-nav-item.active .top-nav-item-copy span,
html[data-theme='light'] body.topnav-layout #mainNav.top-nav .top-nav-item:focus-visible .top-nav-item-copy span {
  color: var(--ink-soft) !important;
}

html[data-theme='light'] body.topnav-layout #mainNav.top-nav .top-nav-item-icon {
  color: #1e3a5f !important;
  background: transparent !important;
  border: 0 !important;
}

html[data-theme='light'] body.topnav-layout #mainNav.top-nav .top-nav-item-icon.is-all,
html[data-theme='light'] body.topnav-layout #mainNav.top-nav .top-nav-item-icon.is-start,
html[data-theme='light'] body.topnav-layout #mainNav.top-nav .top-nav-item-icon.is-yt,
html[data-theme='light'] body.topnav-layout #mainNav.top-nav .top-nav-item-icon.is-audio,
html[data-theme='light'] body.topnav-layout #mainNav.top-nav .top-nav-item-icon.is-editor,
html[data-theme='light'] body.topnav-layout #mainNav.top-nav .top-nav-item-icon.is-pdf,
html[data-theme='light'] body.topnav-layout #mainNav.top-nav .top-nav-item-icon.is-help,
html[data-theme='light'] body.topnav-layout #mainNav.top-nav .top-nav-item-icon.is-faq,
html[data-theme='light'] body.topnav-layout #mainNav.top-nav .top-nav-item-icon.is-notice,
html[data-theme='light'] body.topnav-layout #mainNav.top-nav .top-nav-item-icon.is-patch,
html[data-theme='light'] body.topnav-layout #mainNav.top-nav .top-nav-item-icon.is-support,
html[data-theme='light'] body.topnav-layout #mainNav.top-nav .top-nav-item-icon.is-board,
html[data-theme='light'] body.topnav-layout #mainNav.top-nav .top-nav-item-icon.is-account {
  color: #1e3a5f !important;
  background: transparent !important;
  border-color: transparent !important;
}

html[data-theme='light'] .nav-soon-badge {
  color: #b45309 !important;
  background: rgba(251, 191, 36, 0.16) !important;
  border-color: rgba(245, 158, 11, 0.4) !important;
}

/* Legacy sidebar drawer */
html[data-theme='light'] .sidebar {
  background: var(--sidebar-bg) !important;
  border-right-color: var(--line) !important;
}

html[data-theme='light'] body.sidebar-layout #mainNav.sidebar-nav a,
html[data-theme='light'] body.sidebar-layout .sidebar-nav a {
  color: var(--text) !important;
}

html[data-theme='light'] body.sidebar-layout #mainNav.sidebar-nav a:hover,
html[data-theme='light'] body.sidebar-layout .sidebar-nav a:hover,
html[data-theme='light'] body.sidebar-layout #mainNav.sidebar-nav a.active,
html[data-theme='light'] body.sidebar-layout .sidebar-nav a.active {
  color: var(--text) !important;
  background: rgba(107, 92, 231, 0.1) !important;
}

html[data-theme='light'] .nav-icon {
  background: #fff !important;
  border-color: var(--line) !important;
  color: var(--ink-soft) !important;
}

html[data-theme='light'] .sidebar-user-meta b,
html[data-theme='light'] .sidebar-avatar {
  color: var(--text) !important;
}

/* ——— Profile / notify dropdowns ——— */
html[data-theme='light'] .topbar-profile-panel,
html[data-theme='light'] .topbar-notify-panel {
  background: #fff !important;
  border-color: var(--line) !important;
  box-shadow: var(--shadow) !important;
  color: var(--text) !important;
}

html[data-theme='light'] .topbar-profile-head,
html[data-theme='light'] .topbar-profile-credit,
html[data-theme='light'] .topbar-notify-head {
  border-color: var(--line) !important;
}

html[data-theme='light'] .topbar-notify-filters,
html[data-theme='light'] .topbar-notify-filters.is-segmented {
  margin: 0 12px 10px !important;
  padding: 4px !important;
  background: #f0f4f8 !important;
  border: 1px solid #dce5ed !important;
  border-radius: 10px !important;
}

html[data-theme='light'] .topbar-profile-meta b,
html[data-theme='light'] .topbar-profile-credit-main strong,
html[data-theme='light'] .topbar-notify-head b {
  color: var(--text) !important;
}

html[data-theme='light'] .topbar-profile-meta span,
html[data-theme='light'] .topbar-profile-credit-kicker,
html[data-theme='light'] .topbar-profile-credit-main span {
  color: var(--muted) !important;
}

html[data-theme='light'] .topbar-profile-links a {
  color: var(--text) !important;
  width: 100% !important;
  justify-self: stretch !important;
}

html[data-theme='light'] .topbar-profile-links a:hover {
  background: rgba(36, 52, 78, 0.06) !important;
  color: var(--text) !important;
}

html[data-theme='light'] .topbar-profile-links a.topbar-profile-admin {
  color: #be123c !important;
}

html[data-theme='light'] .topbar-profile-logout {
  color: #be123c !important;
  background: rgba(244, 63, 94, 0.08) !important;
  border-color: rgba(244, 63, 94, 0.22) !important;
}

html[data-theme='light'] .topbar-profile-theme {
  display: grid;
  gap: 6px;
  padding: 8px;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

html[data-theme='light'] .topbar-profile-theme-label,
.topbar-profile-theme-label {
  font-size: 10px;
  font-weight: 800;
  color: var(--muted);
}

.topbar-profile-theme {
  display: grid;
  gap: 6px;
  padding: 8px;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.topbar-profile-theme-select {
  width: 100%;
  height: 32px;
  border-radius: 8px;
  border: 1px solid var(--line);
  background: var(--input-bg, rgba(255, 255, 255, 0.06));
  color: var(--text);
  font: inherit;
  font-size: 12px;
  font-weight: 700;
  padding: 0 8px;
}

html[data-theme='light'] .topbar-profile-theme-select {
  background: #fff !important;
  color: var(--text) !important;
  border-color: var(--line) !important;
}

html[data-theme='light'] .topbar-notify-item {
  border-color: var(--line) !important;
  color: var(--text) !important;
  background: #fff !important;
}

html[data-theme='light'] .topbar-notify-item:hover {
  background: rgba(36, 52, 78, 0.05) !important;
}

html[data-theme='light'] .topbar-notify-item.is-unread {
  background: rgba(8, 145, 178, 0.08) !important;
}

html[data-theme='light'] .topbar-notify-item-main {
  color: #1e293b !important;
}

/* Dark-theme rule sets main title <b> to #fff — override for light panels. */
html[data-theme='light'] .topbar-notify-item-main b {
  color: #0f172a !important;
}

html[data-theme='light'] .topbar-notify-item-title {
  color: #0e7490 !important;
}

html[data-theme='light'] .topbar-notify-item-preview {
  color: #475569 !important;
}

html[data-theme='light'] .topbar-notify-item-time {
  color: #64748b !important;
}

html[data-theme='light'] .topbar-notify-empty {
  color: var(--muted) !important;
}

html[data-theme='light'] .topbar-notify-item-del {
  color: #94a3b8 !important;
}

html[data-theme='light'] .topbar-notify-item-del:hover {
  color: #e11d48 !important;
  background: rgba(225, 29, 72, 0.1) !important;
}

html[data-theme='light'] .topbar-notify-filter {
  color: #596a7d !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html[data-theme='light'] .topbar-notify-filter.is-active {
  color: #182437 !important;
  background: #fff !important;
  border: 0 !important;
  box-shadow: 0 2px 7px rgba(44, 63, 83, 0.08) !important;
}

html[data-theme='light'] .topbar-notify-mark {
  color: #0891b2 !important;
  background: rgba(8, 145, 178, 0.12) !important;
  border-radius: 8px !important;
  padding: 5px 8px !important;
  font-weight: 800 !important;
}

html[data-theme='light'] .topbar-notify-mark:hover {
  background: rgba(8, 145, 178, 0.2) !important;
  color: #0e7490 !important;
}

html[data-theme='light'] .topbar-notify-clear {
  color: #e11d48 !important;
  background: rgba(225, 29, 72, 0.1) !important;
  border-radius: 8px !important;
  padding: 5px 8px !important;
  font-weight: 800 !important;
}

html[data-theme='light'] .topbar-notify-clear:hover {
  background: rgba(225, 29, 72, 0.18) !important;
  color: #be123c !important;
}

/* ——— Forms / selects ——— */
html[data-theme='light'] select,
html[data-theme='light'] select option {
  color-scheme: light;
}

html[data-theme='light'] select option {
  background: var(--option-bg);
  color: var(--text);
}

html[data-theme='light'] .search-input,
html[data-theme='light'] .form-card input,
html[data-theme='light'] .form-card textarea,
html[data-theme='light'] .form-card select,
html[data-theme='light'] .admin-list-toolbar select,
html[data-theme='light'] .edit-field input,
html[data-theme='light'] .edit-field textarea,
html[data-theme='light'] .edit-field select,
html[data-theme='light'] .board-tools select,
html[data-theme='light'] .hub-tools select,
html[data-theme='light'] .hub-page select,
html[data-theme='light'] .support-chat-composer textarea,
html[data-theme='light'] .support-chat-toolbar select {
  background: var(--input-bg) !important;
  color: var(--text) !important;
  border-color: var(--line) !important;
}

html[data-theme='light'] .ghost,
html[data-theme='light'] .secondary {
  background: linear-gradient(180deg, #ffffff 0%, #f3f6fb 100%) !important;
  border-color: rgba(36, 52, 78, 0.16) !important;
  color: var(--text) !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.95) inset,
    0 -1px 0 rgba(36, 52, 78, 0.05) inset,
    0 2px 6px rgba(40, 55, 85, 0.08) !important;
}

/* ——— Cards / hub / portal — raised (convex) block surface ——— */
html[data-theme='light'] .hub-card,
html[data-theme='light'] .hub-page .hub-card,
html[data-theme='light'] .portal-page .hub-card,
html[data-theme='light'] .content-card:not(#admin),
html[data-theme='light'] .price-card,
html[data-theme='light'] .notice,
html[data-theme='light'] .form-card,
html[data-theme='light'] .list-item,
html[data-theme='light'] .timeline-item,
html[data-theme='light'] .side-card,
html[data-theme='light'] .legal-card,
html[data-theme='light'] .empty-card,
html[data-theme='light'] .community-board-shell,
html[data-theme='light'] .community-post-detail,
html[data-theme='light'] .post-detail.community-post-detail,
html[data-theme='light'] .community-comments-panel,
html[data-theme='light'] .dash-card,
html[data-theme='light'] .stat-card,
html[data-theme='light'] .portal-tile,
html[data-theme='light'] .portal-feature,
html[data-theme='light'] .portal-step,
html[data-theme='light'] .home-support-tip,
html[data-theme='light'] .download-guide.hub-card,
html[data-theme='light'] .hub-page .support-card.hub-card,
html[data-theme='light'] .hub-page .hub-card.support-card,
html[data-theme='light'] .guide-step-editor,
html[data-theme='light'] a.guide-hub-card {
  background: var(--raised-card-bg) !important;
  border-color: var(--raised-card-border) !important;
  box-shadow: var(--raised-card-shadow) !important;
  color: var(--text);
}

html[data-theme='light'] .faq-item,
html[data-theme='light'] .hub-page .faq-item {
  background: linear-gradient(135deg, #eef6ff 0%, #f8fbff 42%, #f4f0fb 100%) !important;
  border-color: rgba(36, 52, 78, 0.1) !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.92) inset,
    0 4px 14px rgba(40, 55, 85, 0.05) !important;
}

/* Downloads page: elevate download bar + guide card */
html[data-theme='light'] #downloadBox.download-card-shell,
html[data-theme='light'] .download-card-shell.portal-download-card,
html[data-theme='light'] .hub-page .download-card-shell {
  background: linear-gradient(105deg, #e8f8fb 0%, #ffffff 42%, #f3effc 100%) !important;
  border: 1px solid rgba(36, 52, 78, 0.14) !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.95) inset,
    0 14px 36px rgba(40, 55, 85, 0.12),
    0 4px 12px rgba(40, 55, 85, 0.06) !important;
}

html[data-theme='light'] #downloadBox.download-card-shell:before,
html[data-theme='light'] .download-card-shell.portal-download-card:before,
html[data-theme='light'] .hub-page .download-card-shell:before {
  background:
    radial-gradient(circle at 8% 20%, rgba(8, 145, 178, 0.12), transparent 42%),
    radial-gradient(circle at 92% 80%, rgba(107, 92, 231, 0.1), transparent 40%) !important;
}

html[data-theme='light'] .download-guide.hub-card {
  /* raised surface from shared hub-card rule */
  border: 1px solid var(--raised-card-border) !important;
}

html[data-theme='light'] .download-card-pro .portal-download-actions .primary.download-cta,
html[data-theme='light'] .download-card-pro .portal-download-actions .download-cta {
  background: linear-gradient(135deg, #22d3ee 0%, #6b5ce7 100%) !important;
  border: 1px solid rgba(8, 145, 178, 0.35) !important;
  color: #fff !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.35) inset,
    0 2px 8px rgba(8, 145, 178, 0.26) !important;
}

html[data-theme='light'] .download-card-pro .portal-download-actions .download-cta:hover {
  transform: translateY(-1px);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.4) inset,
    0 4px 12px rgba(8, 145, 178, 0.3) !important;
}

html[data-theme='light'] .download-card-pro .portal-download-actions .secondary {
  color: var(--ink-soft) !important;
  background: linear-gradient(180deg, #ffffff 0%, #f3f6fb 100%) !important;
  border: 1px solid rgba(36, 52, 78, 0.18) !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.95) inset,
    0 2px 8px rgba(40, 55, 85, 0.08) !important;
}

html[data-theme='light'] .download-card-pro .portal-download-actions .secondary:hover {
  background: linear-gradient(180deg, #ffffff 0%, #eef2f8 100%) !important;
  border-color: rgba(36, 52, 78, 0.22) !important;
  color: var(--heading) !important;
  transform: translateY(-1px);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.95) inset,
    0 3px 10px rgba(40, 55, 85, 0.1) !important;
}

html[data-theme='light'] h1,
html[data-theme='light'] h2,
html[data-theme='light'] h3,
html[data-theme='light'] .home-panel-head h2,
html[data-theme='light'] .home-support-card strong,
html[data-theme='light'] .home-support-card h3,
html[data-theme='light'] .home-support-tip b,
html[data-theme='light'] .home-update-item b,
html[data-theme='light'] .hub-col-title b,
html[data-theme='light'] .hub-page .hub-col-title b,
html[data-theme='light'] .hub-page .patch-detail-title,
html[data-theme='light'] .hub-page .patch-section-title,
html[data-theme='light'] .portal-page .portal-tile b,
html[data-theme='light'] .portal-stat b,
html[data-theme='light'] .portal-feature h3,
html[data-theme='light'] .portal-step h3,
html[data-theme='light'] .account-page .account-license-title,
html[data-theme='light'] .account-page .account-order-main b,
html[data-theme='light'] .hub-page .my-ticket-summary-main b,
html[data-theme='light'] .hub-page .support-account b,
html[data-theme='light'] .footer-main strong,
html[data-theme='light'] .business-table b,
html[data-theme='light'] .purchase-account-box strong,
html[data-theme='light'] .credit-history-head h3,
html[data-theme='light'] .dash-card b,
html[data-theme='light'] .admin-panel .admin-section-head h3,
html[data-theme='light'] .admin-panel .admin-table td b,
html[data-theme='light'] .admin-message-view-title,
html[data-theme='light'] .license-benefit-list b,
html[data-theme='light'] .oauth-browser-notice b,
html[data-theme='light'] .board-upload-box label {
  color: var(--heading) !important;
}

/* Account panels: raised (convex) surface + readable field text */
html[data-theme='light'] .account-page {
  --account-separator: rgba(36, 52, 78, 0.12);
  --account-label-color: #5a6478;
  --account-value-color: #152033;
  --account-section-color: #5b4fd1;
}

html[data-theme='light'] .account-page .hub-card.account-panel,
html[data-theme='light'] .account-page .account-panel,
html[data-theme='light'] .account-page .hub-card {
  background: var(--raised-card-bg) !important;
  border: 1px solid var(--raised-card-border) !important;
  box-shadow: var(--raised-card-shadow) !important;
  color: var(--text) !important;
}

html[data-theme='light'] .account-page .account-panel-head {
  border-bottom-color: rgba(36, 52, 78, 0.12) !important;
}

html[data-theme='light'] .account-page .account-license-kicker,
html[data-theme='light'] .account-page .account-section-head {
  color: #5b4fd1 !important;
}

html[data-theme='light'] .account-page .account-field + .account-field {
  border-top-color: rgba(36, 52, 78, 0.12) !important;
}

html[data-theme='light'] .account-page .account-field-label {
  color: #5a6478 !important;
}

html[data-theme='light'] .account-page .account-field-value,
html[data-theme='light'] .account-page .account-order-meta,
html[data-theme='light'] .account-page .account-empty {
  color: #152033 !important;
}

html[data-theme='light'] .account-page .account-license-title.is-plan-lifetime {
  color: #5b4fd1 !important;
  -webkit-text-fill-color: #5b4fd1;
  background: none;
}

html[data-theme='light'] .account-page .account-license-title.is-plan-trial {
  color: #b45309 !important;
  -webkit-text-fill-color: #b45309;
  background: none;
}

html[data-theme='light'] .account-page .account-license-title.is-plan-period {
  color: #c2410c !important;
  -webkit-text-fill-color: #c2410c;
  background: none;
}

html[data-theme='light'] .account-page .account-chip.is-status-active {
  background: rgba(5, 150, 105, 0.12);
  color: #047857;
  border-color: rgba(5, 150, 105, 0.28);
}

html[data-theme='light'] .account-page .account-chip.is-plan-lifetime {
  background: rgba(91, 79, 209, 0.12);
  color: #4c3fc7;
  border-color: rgba(91, 79, 209, 0.28);
}

html[data-theme='light'] .account-page .account-support-link {
  color: #152033 !important;
  background: rgba(36, 52, 78, 0.04) !important;
  border-color: rgba(36, 52, 78, 0.14) !important;
}

html[data-theme='light'] .account-page .account-support-link:hover {
  color: #121a2b !important;
  background: rgba(91, 79, 209, 0.1) !important;
  border-color: rgba(91, 79, 209, 0.32) !important;
}

html[data-theme='light'] .account-page #accountHeroCta.is-status {
  background: rgba(91, 79, 209, 0.12) !important;
  border: 1px solid rgba(91, 79, 209, 0.35) !important;
  color: #4c3fc7 !important;
  -webkit-text-fill-color: #4c3fc7;
}

html[data-theme='light'] .account-page .hub-actions .primary.mini-btn,
html[data-theme='light'] .account-page .account-btn-primary {
  color: #fff !important;
  -webkit-text-fill-color: #fff;
}

html[data-theme='light'] .account-page .hub-actions .secondary.mini-btn,
html[data-theme='light'] .account-page .account-btn-secondary {
  color: #152033 !important;
  -webkit-text-fill-color: #152033;
  background: rgba(36, 52, 78, 0.05) !important;
  border-color: rgba(36, 52, 78, 0.16) !important;
}

html[data-theme='light'] .muted,
html[data-theme='light'] .hub-desc,
html[data-theme='light'] .home-panel-link,
html[data-theme='light'] .portal-step p,
html[data-theme='light'] .legal-card p,
html[data-theme='light'] .legal-card ul,
html[data-theme='light'] .list-item .content,
html[data-theme='light'] .timeline-item .content,
html[data-theme='light'] .faq-item .content,
html[data-theme='light'] .post-detail .content,
html[data-theme='light'] .guide-step-text,
html[data-theme='light'] .hub-page .my-ticket-summary-main small {
  color: var(--muted) !important;
}

html[data-theme='light'] .home-update-item:not(:last-child):after {
  background: rgba(36, 52, 78, 0.12) !important;
}

html[data-theme='light'] .portal-updates-card,
html[data-theme='light'] #homeUpdates.portal-updates-card,
html[data-theme='light'] #homePatches.portal-updates-card,
html[data-theme='light'] .home-bottom-grid .home-panel-body {
  background: var(--raised-card-bg) !important;
  border: 1px solid var(--raised-card-border) !important;
  box-shadow: var(--raised-card-shadow) !important;
}

html[data-theme='light'] .home-update-item:hover b {
  color: var(--heading) !important;
}

html[data-theme='light'] .home-update-tag {
  color: #5b21b6 !important;
  border: 1px solid rgba(107, 92, 231, 0.28) !important;
  background: linear-gradient(180deg, #f5f0ff 0%, #ebe4ff 48%, #e0d7fc 100%) !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.9) inset,
    0 -1px 0 rgba(91, 33, 182, 0.06) inset,
    0 2px 6px rgba(91, 33, 182, 0.1) !important;
}

html[data-theme='light'] .home-update-tag.is-web {
  color: #0e7490 !important;
  border-color: rgba(8, 145, 178, 0.32) !important;
  background: linear-gradient(180deg, #eefbff 0%, #dff5fb 48%, #d0eef8 100%) !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.95) inset,
    0 -1px 0 rgba(8, 145, 178, 0.08) inset,
    0 2px 6px rgba(8, 145, 178, 0.12) !important;
}

html[data-theme='light'] .home-update-tag.is-patch {
  color: #047857 !important;
  border-color: rgba(5, 150, 105, 0.32) !important;
  background: linear-gradient(180deg, #ecfdf5 0%, #d1fae5 48%, #bbf7d0 100%) !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.95) inset,
    0 -1px 0 rgba(5, 150, 105, 0.08) inset,
    0 2px 6px rgba(5, 150, 105, 0.12) !important;
}

/* Patch notes / hub meta — often hardcoded near-white */
html[data-theme='light'] .hub-page .hub-list-meta,
html[data-theme='light'] .hub-page .hub-list-meta span,
html[data-theme='light'] .hub-page .hub-list-meta b,
html[data-theme='light'] .hub-page .hub-list-meta em,
html[data-theme='light'] .hub-page .patch-meta,
html[data-theme='light'] .hub-page .patch-meta span,
html[data-theme='light'] .hub-page .patch-meta b,
html[data-theme='light'] .final-meta-grid span,
html[data-theme='light'] .post-meta-grid span,
html[data-theme='light'] .final-meta-grid span b,
html[data-theme='light'] .post-meta-grid span b,
html[data-theme='light'] .final-meta-grid span em,
html[data-theme='light'] .post-meta-grid span em {
  color: var(--ink-soft) !important;
}

html[data-theme='light'] .final-meta-grid span,
html[data-theme='light'] .post-meta-grid span {
  background: rgba(36, 52, 78, 0.05) !important;
  border-color: var(--line) !important;
}

html[data-theme='light'] .hub-page .hub-subnav a:hover,
html[data-theme='light'] .hub-page .hub-subnav a.active {
  color: var(--text) !important;
  background: rgba(107, 92, 231, 0.1) !important;
}

html[data-theme='light'] .hub-page .patch-toc a:hover,
html[data-theme='light'] .hub-page .patch-back-link:hover,
html[data-theme='light'] .hub-page .patch-footer-link:hover {
  color: var(--text) !important;
}

/* Home / portal surfaces */
html[data-theme='light'] .home-flow,
html[data-theme='light'] .home-guide-btn,
html[data-theme='light'] .home-guides-body,
html[data-theme='light'] .home-support-body {
  background: var(--surface) !important;
  border-color: var(--line) !important;
  color: var(--text) !important;
}

html[data-theme='light'] .home-support-card,
html[data-theme='light'] a.home-support-card {
  background: var(--raised-card-bg) !important;
  border: 1px solid var(--raised-card-border) !important;
  box-shadow: var(--raised-card-shadow) !important;
  color: var(--text) !important;
}

html[data-theme='light'] .home-support-card-hub,
html[data-theme='light'] a.home-support-card-hub {
  background:
    linear-gradient(180deg, #f0fbfd 0%, #e8f4fb 48%, #e4eef8 100%) !important;
  border-color: rgba(8, 145, 178, 0.28) !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.95) inset,
    0 -1px 0 rgba(8, 145, 178, 0.06) inset,
    0 10px 26px rgba(40, 55, 85, 0.1) !important;
}

html[data-theme='light'] .home-guide-btn:hover,
html[data-theme='light'] .home-support-card:hover,
html[data-theme='light'] a.home-support-card:hover {
  color: var(--text) !important;
  background: linear-gradient(180deg, #ffffff 0%, #eef6fb 48%, #e4edf6 100%) !important;
  border-color: rgba(8, 145, 178, 0.35) !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.98) inset,
    0 -1px 0 rgba(36, 52, 78, 0.05) inset,
    0 12px 28px rgba(40, 55, 85, 0.12) !important;
  transform: translateY(-1px);
}

html[data-theme='light'] .home-flow-line,
html[data-theme='light'] .home-flow-line span {
  color: var(--ink-soft) !important;
}

html[data-theme='light'] .home-flow-line span {
  background: rgba(36, 52, 78, 0.05) !important;
  border-color: var(--line) !important;
}

html[data-theme='light'] .home-support-tip {
  border-color: var(--raised-card-border) !important;
  color: var(--text) !important;
}

html[data-theme='light'] .home-support-tip p {
  color: var(--muted) !important;
}

html[data-theme='light'] .portal-step,
html[data-theme='light'] .portal-section-muted,
html[data-theme='light'] .portal-section-muted .portal-steps {
  border-color: var(--raised-card-border) !important;
}

html[data-theme='light'] .portal-section-muted,
html[data-theme='light'] .portal-section-muted .portal-steps {
  background: var(--raised-card-bg) !important;
}

html[data-theme='light'] .portal-step span {
  color: #5b21b6 !important;
  background: rgba(107, 92, 231, 0.12) !important;
}

/* Download / guide steps */
html[data-theme='light'] .guide-step-editor,
html[data-theme='light'] .guide-step-media-panel {
  background: var(--raised-card-bg) !important;
  border-color: var(--raised-card-border) !important;
  box-shadow: var(--raised-card-shadow) !important;
  color: var(--text) !important;
}

html[data-theme='light'] .download-guide-list li {
  background: linear-gradient(105deg, #e6f7fb 0%, #f5f8ff 48%, #f1ecfb 100%) !important;
  border-color: rgba(36, 52, 78, 0.1) !important;
  color: var(--text) !important;
  box-shadow: 0 2px 8px rgba(40, 55, 85, 0.04);
}

html[data-theme='light'] .download-guide-list li:before {
  color: #0e7490 !important;
  background: rgba(8, 145, 178, 0.12) !important;
  border-color: rgba(8, 145, 178, 0.28) !important;
}

html[data-theme='light'] .guide-step-text,
html[data-theme='light'] .guide-step-text code,
html[data-theme='light'] .guide-step-text strong {
  color: var(--ink-soft) !important;
}

html[data-theme='light'] .guide-step-text code {
  background: rgba(36, 52, 78, 0.06) !important;
}

html[data-theme='light'] .guide-step-rail a {
  color: var(--muted) !important;
}

html[data-theme='light'] .guide-step-rail a b {
  color: #0e7490 !important;
}

html[data-theme='light'] .guide-step-rail a.is-active,
html[data-theme='light'] .guide-step-rail a:hover {
  color: var(--text) !important;
  background: rgba(8, 145, 178, 0.08) !important;
  border-color: rgba(8, 145, 178, 0.25) !important;
}

html[data-theme='light'] .guide-step-media-label {
  color: #0e7490 !important;
}

/* Legal / footer */
html[data-theme='light'] .site-footer.legal-footer,
html[data-theme='light'] .legal-footer {
  background: #fff !important;
  border: 1px solid rgba(36, 52, 78, 0.14) !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.95) inset,
    0 10px 28px rgba(40, 55, 85, 0.08),
    0 2px 6px rgba(40, 55, 85, 0.04) !important;
  color: var(--muted) !important;
}

html[data-theme='light'] .legal-footer .footer-main {
  border-bottom-color: rgba(36, 52, 78, 0.1) !important;
}

html[data-theme='light'] .footer-links a {
  color: var(--ink-soft) !important;
  background: linear-gradient(180deg, #ffffff 0%, #f3f6fb 100%) !important;
  border-color: rgba(36, 52, 78, 0.16) !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.95) inset,
    0 2px 6px rgba(40, 55, 85, 0.08),
    0 1px 2px rgba(40, 55, 85, 0.04) !important;
}

html[data-theme='light'] .footer-links a:hover {
  background: linear-gradient(180deg, #ffffff 0%, #eef2f8 100%) !important;
  border-color: rgba(36, 52, 78, 0.22) !important;
  color: var(--heading) !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.95) inset,
    0 4px 10px rgba(40, 55, 85, 0.1) !important;
  transform: translateY(-1px);
}

html[data-theme='light'] .footer-copy {
  color: var(--muted) !important;
}

html[data-theme='light'] .business-table div {
  background: var(--raised-card-bg) !important;
  border-color: var(--raised-card-border) !important;
  box-shadow: var(--raised-card-shadow) !important;
}

html[data-theme='light'] .business-table span,
html[data-theme='light'] .legal-card p,
html[data-theme='light'] .legal-card li {
  color: var(--ink-soft) !important;
}

html[data-theme='light'] .purchase-final-benefits li {
  background: rgba(36, 52, 78, 0.04) !important;
  border-color: var(--line) !important;
  color: var(--ink-soft) !important;
}

html[data-theme='light'] .purchase-paypal-box,
html[data-theme='light'] .my-ticket-item,
html[data-theme='light'] .mini,
html[data-theme='light'] .account-card,
html[data-theme='light'] .reply,
html[data-theme='light'] .stat-card {
  background: var(--raised-card-bg) !important;
  border-color: var(--raised-card-border) !important;
  box-shadow: var(--raised-card-shadow) !important;
  color: var(--text) !important;
}

/* ——— My tickets list + chat (light) ——— */
html[data-theme='light'] .hub-page .my-ticket-item {
  background: #fff !important;
  border-color: rgba(36, 52, 78, 0.12) !important;
  box-shadow: none !important;
  padding: 0 !important;
}

html[data-theme='light'] .hub-page .my-ticket-item.is-open {
  border-color: rgba(5, 150, 105, 0.35) !important;
}

html[data-theme='light'] .hub-page .my-ticket-item.is-unread {
  border-color: rgba(107, 92, 231, 0.4) !important;
  box-shadow: 0 0 0 1px rgba(107, 92, 231, 0.12) !important;
}

html[data-theme='light'] .hub-page .my-ticket-summary:hover {
  background: rgba(36, 52, 78, 0.04) !important;
}

html[data-theme='light'] .hub-page .my-ticket-summary-main b {
  color: var(--heading) !important;
}

html[data-theme='light'] .hub-page .my-ticket-summary-main small,
html[data-theme='light'] .hub-page .my-ticket-summary-meta em {
  color: var(--muted) !important;
}

html[data-theme='light'] .hub-page .my-ticket-summary-meta .badge.closed,
html[data-theme='light'] .hub-page .my-ticket-summary .badge.closed {
  color: #475569 !important;
  background: rgba(36, 52, 78, 0.08) !important;
  border: 1px solid rgba(36, 52, 78, 0.14) !important;
}

html[data-theme='light'] .hub-page .my-ticket-panel {
  border-top-color: rgba(36, 52, 78, 0.1) !important;
}

html[data-theme='light'] .hub-page .my-ticket-chat {
  background: #f1f5f9 !important;
  border-color: rgba(36, 52, 78, 0.12) !important;
}

html[data-theme='light'] .hub-page .my-ticket-chat .admin-chat-bubble.is-ai {
  background: #fff !important;
  border-color: rgba(36, 52, 78, 0.12) !important;
  color: var(--text) !important;
  box-shadow: 0 1px 2px rgba(36, 52, 78, 0.04) !important;
}

html[data-theme='light'] .hub-page .my-ticket-chat .admin-chat-bubble.is-admin {
  background: rgba(5, 150, 105, 0.08) !important;
  border-color: rgba(5, 150, 105, 0.22) !important;
  color: var(--text) !important;
}

html[data-theme='light'] .hub-page .my-ticket-chat .admin-chat-bubble.is-user {
  background: linear-gradient(135deg, #6d5ce7, #5b4fd1) !important;
  border-color: rgba(91, 79, 209, 0.45) !important;
  color: #fff !important;
}

html[data-theme='light'] .hub-page .my-ticket-chat .admin-chat-meta {
  color: #64748b !important;
}

html[data-theme='light'] .hub-page .my-ticket-chat .admin-chat-bubble.is-user .admin-chat-meta {
  color: rgba(255, 255, 255, 0.85) !important;
}

html[data-theme='light'] .hub-page .my-ticket-chat .admin-chat-text {
  color: inherit !important;
}

html[data-theme='light'] .hub-page .my-ticket-chat .admin-chat-ai-tag {
  background: rgba(8, 145, 178, 0.12) !important;
  color: #0e7490 !important;
}

html[data-theme='light'] .hub-page .my-ticket-chat .admin-chat-system {
  background: #fff !important;
  border-color: rgba(36, 52, 78, 0.14) !important;
  color: var(--muted) !important;
}

html[data-theme='light'] .hub-page .my-ticket-closed-note {
  background: #fff !important;
  border-color: rgba(36, 52, 78, 0.16) !important;
  color: var(--ink-soft) !important;
}

html[data-theme='light'] .hub-page .my-ticket-closed-note a {
  color: #0e7490 !important;
}

html[data-theme='light'] .hub-page .my-ticket-composer textarea {
  background: #fff !important;
  border-color: rgba(36, 52, 78, 0.16) !important;
  color: var(--text) !important;
}

html[data-theme='light'] .hub-page .my-ticket-chat .support-chat-refs a,
html[data-theme='light'] .hub-page .my-ticket-chat .support-chat-link {
  color: #0e7490 !important;
}

/* ——— Admin console / CRM / tickets / bulk ——— */
html[data-theme='light'] body.admin-console-page,
html[data-theme='light'] body.admin-page.admin-console-page {
  --admin-stroke: rgba(36, 52, 78, 0.12);
  --admin-stroke-muted: rgba(36, 52, 78, 0.08);
  --admin-fill: rgba(36, 52, 78, 0.04);
  --admin-fill-hover: rgba(107, 92, 231, 0.08);
  --admin-header-fill: #f5f7fb;
  --admin-nav-item-height: 32px;
  --admin-nav-item-gap: 4px;
  --admin-nav-group-gap: 14px;
  --admin-nav-group-to-item: 8px;
  --crm-line: rgba(36, 52, 78, 0.12);
  --crm-soft: rgba(36, 52, 78, 0.04);
  --crm-accent: #4f6bed;
  /* Continuous surface with topbar/stage (no chopped white island) */
  background: #f5f7fb !important;
  color: var(--text) !important;
}

html[data-theme='light'] body.admin-console-page > .orb {
  opacity: 0.08 !important;
}

html[data-theme='light'] .admin-console-page .topbar {
  background: #f5f7fb !important;
  border-bottom: 1px solid rgba(36, 52, 78, 0.1) !important;
  box-shadow: none !important;
}

html[data-theme='light'] .admin-console-page .admin-console,
html[data-theme='light'] .admin-console-page .admin-console-stage,
html[data-theme='light'] .admin-console-page .admin-console-main {
  background: transparent !important;
}

html[data-theme='light'] body.admin-console-page .admin-sidebar,
html[data-theme='light'] body.admin-console-page aside#adminSidebar,
html[data-theme='light'] body.admin-console-page .admin-sidebar-nav {
  background: #f5f7fb !important;
  background-color: #f5f7fb !important;
  border-right-color: rgba(36, 52, 78, 0.12) !important;
  color: #152033 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  margin: 0 !important;
}

html[data-theme='light'] body.admin-console-page .admin-sidebar-brand strong {
  color: #121a2b !important;
}

html[data-theme='light'] body.admin-console-page .admin-sidebar-brand span,
html[data-theme='light'] body.admin-console-page .admin-nav-group {
  color: #5a6478 !important;
  position: relative;
  z-index: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Flat rail items — never raised “card” pills (looks boxed when sidebar is narrow) */
html[data-theme='light'] body.admin-console-page .admin-sidebar-nav .admin-nav-item,
html[data-theme='light'] body.admin-console-page .admin-nav-item {
  color: #243044 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 6px !important;
  position: relative;
  z-index: 0;
  overflow: hidden;
  isolation: isolate;
}

html[data-theme='light'] body.admin-console-page .admin-sidebar-nav .admin-nav-item:hover,
html[data-theme='light'] body.admin-console-page .admin-nav-item:hover {
  background: rgba(107, 92, 231, 0.08) !important;
  color: #121a2b !important;
  box-shadow: none !important;
}

html[data-theme='light'] body.admin-console-page .admin-sidebar-nav .admin-nav-item.is-active,
html[data-theme='light'] body.admin-console-page .admin-sidebar-nav .admin-nav-item.active,
html[data-theme='light'] body.admin-console-page .admin-nav-item.is-active,
html[data-theme='light'] body.admin-console-page .admin-nav-item.active {
  background: rgba(107, 92, 231, 0.12) !important;
  color: #121a2b !important;
  box-shadow: inset 3px 0 0 #6b5ce7 !important;
}

html[data-theme='light'] body.admin-console-page .admin-sidebar-site {
  color: #5a6478 !important;
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

html[data-theme='light'] body.admin-console-page .admin-sidebar-site:hover {
  color: #121a2b !important;
  background: rgba(36, 52, 78, 0.06) !important;
  box-shadow: none !important;
}

html[data-theme='light'] .admin-console-page .admin-console-pagehead h1,
html[data-theme='light'] .admin-console-page .admin-console-title,
html[data-theme='light'] #adminConsoleTitle {
  color: var(--heading) !important;
}

html[data-theme='light'] .admin-console-page .admin-console-lead,
html[data-theme='light'] #adminConsoleLead {
  color: var(--muted) !important;
}

html[data-theme='light'] .admin-console-page .admin-work-tabs-slot .admin-page-tab {
  color: var(--muted) !important;
}

html[data-theme='light'] .admin-console-page .admin-work-tabs-slot .admin-page-tab.is-active {
  color: var(--text) !important;
  background: rgba(107, 92, 231, 0.12) !important;
  border-color: rgba(107, 92, 231, 0.32) !important;
}

html[data-theme='light'] .admin-gate,
html[data-theme='light'] .admin-flash {
  color: var(--ink-soft) !important;
}

html[data-theme='light'] .admin-flash {
  background: rgba(8, 145, 178, 0.08) !important;
  border-color: rgba(8, 145, 178, 0.28) !important;
}

html[data-theme='light'] .admin-flash a {
  color: #0e7490 !important;
}

html[data-theme='light'] .dash-card,
html[data-theme='light'] .admin-page .admin-quick-card,
html[data-theme='light'] .admin-page .crm-stat,
html[data-theme='light'] .admin-page .admin-crm-summary-card {
  background: var(--raised-card-bg) !important;
  border-color: var(--raised-card-border) !important;
  color: var(--text) !important;
  box-shadow: var(--raised-card-shadow) !important;
}

html[data-theme='light'] .dash-card b,
html[data-theme='light'] .admin-page .admin-quick-card b,
html[data-theme='light'] .admin-page .crm-stat b,
html[data-theme='light'] .admin-page .admin-crm-summary-card span b {
  color: var(--heading) !important;
}

html[data-theme='light'] .dash-card small,
html[data-theme='light'] .admin-page .crm-stat span {
  color: var(--muted) !important;
}

html[data-theme='light'] .admin-panel .admin-section-head h3,
html[data-theme='light'] .admin-panel .form-card h3,
html[data-theme='light'] .admin-message-view-title,
html[data-theme='light'] .admin-page .admin-tickets-section .admin-section-head h3,
html[data-theme='light'] .admin-page .admin-ticket-replies-block h4,
html[data-theme='light'] .admin-console-page .admin-license-credit-head h3 {
  color: var(--heading) !important;
}

html[data-theme='light'] .admin-table th,
html[data-theme='light'] .admin-panel .admin-table th,
html[data-theme='light'] .board-table th,
html[data-theme='light'] .bulk-email-hist-table th {
  background: #eef2f7 !important;
  color: var(--muted) !important;
}

html[data-theme='light'] .admin-table-wrap,
html[data-theme='light'] .admin-panel .admin-table-wrap,
html[data-theme='light'] .admin-page .admin-tickets-section .admin-table-wrap {
  background: #fff !important;
  border-color: var(--line) !important;
}

html[data-theme='light'] .admin-panel .admin-table td,
html[data-theme='light'] .admin-panel .admin-table td b,
html[data-theme='light'] .admin-message-view-body,
html[data-theme='light'] .admin-page .admin-ticket-title-btn b,
html[data-theme='light'] .admin-page .admin-ticket-body,
html[data-theme='light'] .admin-page .admin-ticket-reply p,
html[data-theme='light'] .board-admin-hidden td b,
html[data-theme='light'] .board-admin-hidden td small {
  color: var(--ink-soft) !important;
}

html[data-theme='light'] .admin-panel .admin-table td small,
html[data-theme='light'] .admin-page .admin-ticket-meta,
html[data-theme='light'] .admin-page .admin-ticket-meta em {
  color: var(--muted) !important;
}

html[data-theme='light'] .admin-page .admin-ticket-title-btn:hover b {
  color: #0e7490 !important;
}

html[data-theme='light'] .admin-page .admin-tickets-section,
html[data-theme='light'] .admin-page .admin-ticket-expand td,
html[data-theme='light'] .admin-page .admin-chat-thread {
  background: #f7f9fc !important;
  border-color: var(--line) !important;
}

html[data-theme='light'] .admin-page .admin-chat-bubble.is-ai,
html[data-theme='light'] .admin-page .admin-chat-system {
  background: #fff !important;
  border-color: var(--line) !important;
  color: var(--text) !important;
}

html[data-theme='light'] .admin-page .admin-chat-meta {
  color: var(--muted) !important;
}

/* Admin buttons — raised (convex) treatment matching site primary/secondary */
html[data-theme='light'] .admin-page .primary,
html[data-theme='light'] .admin-page button.primary,
html[data-theme='light'] .admin-page a.primary,
html[data-theme='light'] .admin-console-page .primary,
html[data-theme='light'] .admin-console-page button.primary {
  color: #fff !important;
  background: linear-gradient(135deg, #6b5ce7 0%, #0891b2 100%) !important;
  border: 1px solid rgba(8, 145, 178, 0.35) !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.38) inset,
    0 -1px 0 rgba(15, 40, 70, 0.12) inset,
    0 3px 10px rgba(107, 92, 231, 0.22),
    0 1px 2px rgba(8, 145, 178, 0.14) !important;
}

html[data-theme='light'] .admin-page .primary:hover,
html[data-theme='light'] .admin-page button.primary:hover,
html[data-theme='light'] .admin-console-page .primary:hover,
html[data-theme='light'] .admin-console-page button.primary:hover {
  transform: translateY(-1px);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.42) inset,
    0 -1px 0 rgba(15, 40, 70, 0.12) inset,
    0 5px 14px rgba(107, 92, 231, 0.28),
    0 2px 4px rgba(8, 145, 178, 0.16) !important;
}

html[data-theme='light'] .admin-page .secondary,
html[data-theme='light'] .admin-page .ghost,
html[data-theme='light'] .admin-page button.secondary,
html[data-theme='light'] .admin-page button.ghost,
html[data-theme='light'] .admin-page .mini-btn,
html[data-theme='light'] .admin-console-page .secondary,
html[data-theme='light'] .admin-console-page .ghost,
html[data-theme='light'] .admin-console-page button.secondary,
html[data-theme='light'] .admin-console-page button.ghost,
html[data-theme='light'] .admin-console-page .mini-btn,
html[data-theme='light'] .admin-console-page .admin-sidebar-toggle {
  color: var(--text) !important;
  background: linear-gradient(180deg, #ffffff 0%, #f3f6fb 100%) !important;
  border: 1px solid rgba(36, 52, 78, 0.16) !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.95) inset,
    0 -1px 0 rgba(36, 52, 78, 0.05) inset,
    0 2px 6px rgba(40, 55, 85, 0.08),
    0 1px 2px rgba(40, 55, 85, 0.04) !important;
}

html[data-theme='light'] .admin-page .secondary:hover,
html[data-theme='light'] .admin-page .ghost:hover,
html[data-theme='light'] .admin-page .mini-btn:hover,
html[data-theme='light'] .admin-console-page .secondary:hover,
html[data-theme='light'] .admin-console-page .ghost:hover,
html[data-theme='light'] .admin-console-page .mini-btn:hover,
html[data-theme='light'] .admin-console-page .admin-sidebar-toggle:hover {
  color: var(--text) !important;
  background: linear-gradient(180deg, #ffffff 0%, #eef2f8 100%) !important;
  border-color: rgba(36, 52, 78, 0.22) !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.95) inset,
    0 4px 10px rgba(40, 55, 85, 0.1) !important;
  transform: translateY(-1px);
}

html[data-theme='light'] .admin-page .danger-btn,
html[data-theme='light'] .admin-page button.danger-btn,
html[data-theme='light'] .admin-page .secondary.danger-btn,
html[data-theme='light'] .admin-console-page .danger-btn,
html[data-theme='light'] .admin-console-page button.danger-btn,
html[data-theme='light'] .admin-console-page .secondary.danger-btn,
html[data-theme='light'] .danger-btn {
  color: #be123c !important;
  background: linear-gradient(180deg, #fff5f7 0%, #ffe4e9 100%) !important;
  border: 1px solid rgba(225, 29, 72, 0.28) !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.9) inset,
    0 -1px 0 rgba(190, 18, 60, 0.06) inset,
    0 2px 6px rgba(190, 18, 60, 0.1),
    0 1px 2px rgba(40, 55, 85, 0.04) !important;
}

html[data-theme='light'] .admin-page .danger-btn:hover,
html[data-theme='light'] .admin-console-page .danger-btn:hover,
html[data-theme='light'] .admin-console-page button.danger-btn:hover,
html[data-theme='light'] .admin-console-page .secondary.danger-btn:hover {
  background: linear-gradient(180deg, #fff1f3 0%, #ffd6de 100%) !important;
  border-color: rgba(225, 29, 72, 0.4) !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.95) inset,
    0 4px 10px rgba(190, 18, 60, 0.14) !important;
  transform: translateY(-1px);
}

/* Filter chips / detail tabs — raised secondary surface */
html[data-theme='light'] .admin-console-page .admin-crm-filter-btn,
html[data-theme='light'] .admin-console-page .admin-crm-detail-tabs button,
html[data-theme='light'] .admin-page .admin-crm-detail-tabs button,
html[data-theme='light'] .admin-page .crm-chip {
  color: var(--text) !important;
  background: linear-gradient(180deg, #ffffff 0%, #f3f6fb 100%) !important;
  border: 1px solid rgba(36, 52, 78, 0.16) !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.95) inset,
    0 -1px 0 rgba(36, 52, 78, 0.05) inset,
    0 2px 5px rgba(40, 55, 85, 0.07) !important;
}

html[data-theme='light'] .admin-console-page .admin-crm-filter-btn.is-active,
html[data-theme='light'] .admin-console-page .admin-crm-detail-tabs button.is-active,
html[data-theme='light'] .admin-page .admin-crm-detail-tabs button.is-active,
html[data-theme='light'] .admin-page .crm-chip.is-active {
  color: var(--text) !important;
  background: linear-gradient(180deg, #f3f0ff 0%, #e8e4fc 100%) !important;
  border-color: rgba(107, 92, 231, 0.38) !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.9) inset,
    0 2px 6px rgba(107, 92, 231, 0.14) !important;
}

/* CRM */
html[data-theme='light'] .admin-page .admin-crm,
html[data-theme='light'] .admin-page .admin-crm-pane,
html[data-theme='light'] .admin-page .admin-crm-list-pane,
html[data-theme='light'] .admin-page .admin-crm-detail-pane,
html[data-theme='light'] .admin-page .admin-crm-toolbar,
html[data-theme='light'] .admin-page .admin-crm-drawer-panel {
  background: #fff !important;
  border-color: var(--crm-line) !important;
  color: var(--text) !important;
}

html[data-theme='light'] .admin-page .admin-crm-list-head,
html[data-theme='light'] .admin-page .admin-crm-pager-info,
html[data-theme='light'] .admin-page .admin-crm-member-meta span,
html[data-theme='light'] .admin-page .admin-crm-empty,
html[data-theme='light'] .admin-page .admin-crm-email,
html[data-theme='light'] .admin-page .admin-crm-uid,
html[data-theme='light'] .admin-page .admin-crm-header-meta,
html[data-theme='light'] .admin-page .admin-crm-header-meta em,
html[data-theme='light'] .admin-page .admin-id-item,
html[data-theme='light'] .admin-console-page .admin-id-item,
html[data-theme='light'] .admin-console-page .admin-license-expand-meta {
  color: var(--muted) !important;
}

html[data-theme='light'] .admin-page .admin-crm-member-top b,
html[data-theme='light'] .admin-page .admin-crm-title-row h2,
html[data-theme='light'] .admin-page .admin-crm-feed-item b,
html[data-theme='light'] .admin-page .admin-crm-timeline-item b,
html[data-theme='light'] .admin-page .admin-crm-post-main b,
html[data-theme='light'] .admin-page .crm-mini-table .crm-td-id,
html[data-theme='light'] .admin-page .admin-crm-order-dl dd,
html[data-theme='light'] .admin-page .admin-crm-usage-value,
html[data-theme='light'] .admin-page .admin-crm-access-list dd,
html[data-theme='light'] .admin-page .crm-chip,
html[data-theme='light'] .admin-page .admin-crm-menu button,
html[data-theme='light'] .admin-page .admin-id-item code.mono,
html[data-theme='light'] .admin-console-page .admin-id-item code.mono,
html[data-theme='light'] .admin-page .admin-crm-hwid-value {
  color: var(--ink-soft) !important;
}

html[data-theme='light'] .admin-page .admin-crm-card-avatar,
html[data-theme='light'] .admin-page .admin-crm-avatar.is-fallback {
  color: var(--ink-soft) !important;
  background: rgba(36, 52, 78, 0.06) !important;
}

html[data-theme='light'] .admin-page .admin-crm-member {
  border-bottom-color: var(--line) !important;
}

html[data-theme='light'] .admin-page .admin-crm-member:hover,
html[data-theme='light'] .admin-page .admin-crm-member.is-selected {
  background: rgba(79, 107, 237, 0.06) !important;
}

html[data-theme='light'] .admin-page .admin-crm-menu {
  background: #fff !important;
  border-color: var(--line) !important;
  box-shadow: var(--shadow) !important;
}

html[data-theme='light'] .admin-page .admin-crm-menu button:hover {
  background: rgba(36, 52, 78, 0.05) !important;
}

html[data-theme='light'] .admin-page .admin-crm-menu button.is-danger {
  color: #be123c !important;
}

html[data-theme='light'] .admin-page .admin-crm-toolbar input,
html[data-theme='light'] .admin-page .admin-crm-toolbar select,
html[data-theme='light'] .admin-page .admin-crm-list-head .admin-crm-list-search,
html[data-theme='light'] .admin-console-page .admin-crm-list-head .admin-crm-list-search,
html[data-theme='light'] .admin-panel .admin-list-toolbar select,
html[data-theme='light'] .admin-panel .search-input.compact,
html[data-theme='light'] .admin-page .admin-crm-filter input,
html[data-theme='light'] .admin-page .admin-crm-filter select {
  background: #fff !important;
  color: var(--text) !important;
  border-color: var(--line) !important;
}

html[data-theme='light'] .admin-console-page .admin-license-expand-col,
html[data-theme='light'] .admin-page .admin-crm-proof-item,
html[data-theme='light'] .admin-page .admin-crm-collapse,
html[data-theme='light'] .edit-field-note .edit-note {
  background: var(--surface-2) !important;
  border-color: var(--line) !important;
  color: var(--text) !important;
}

/* CRM badges — darker ink on pastel fills */
html[data-theme='light'] .admin-page .crm-badge.is-lifetime {
  color: #5b21b6 !important;
  background: rgba(107, 92, 231, 0.12) !important;
  border-color: rgba(107, 92, 231, 0.28) !important;
}
html[data-theme='light'] .admin-page .crm-badge.is-trial {
  color: #a16207 !important;
  background: rgba(245, 158, 11, 0.14) !important;
  border-color: rgba(245, 158, 11, 0.3) !important;
}
html[data-theme='light'] .admin-page .crm-badge.is-period {
  color: #c2410c !important;
  background: rgba(251, 146, 60, 0.14) !important;
  border-color: rgba(251, 146, 60, 0.3) !important;
}
html[data-theme='light'] .admin-page .crm-badge.is-banned,
html[data-theme='light'] .admin-page .crm-badge.is-suspended,
html[data-theme='light'] .admin-page .crm-role.is-admin {
  color: #be123c !important;
  background: rgba(244, 63, 94, 0.1) !important;
  border-color: rgba(244, 63, 94, 0.28) !important;
}
html[data-theme='light'] .admin-page .crm-badge.is-active,
html[data-theme='light'] .admin-page .crm-activity.is-online,
html[data-theme='light'] .admin-page .crm-role.is-user {
  color: #047857 !important;
  background: rgba(16, 185, 129, 0.12) !important;
  border-color: rgba(16, 185, 129, 0.28) !important;
}
html[data-theme='light'] .admin-page .crm-activity.is-active {
  color: #1d4ed8 !important;
  background: rgba(59, 130, 246, 0.12) !important;
}
html[data-theme='light'] .admin-page .crm-activity.is-idle {
  color: #a16207 !important;
  background: rgba(245, 158, 11, 0.12) !important;
}
html[data-theme='light'] .admin-page .crm-badge.is-loading,
html[data-theme='light'] .admin-page .crm-badge.is-expired,
html[data-theme='light'] .admin-page .crm-badge.is-none,
html[data-theme='light'] .admin-page .crm-activity.is-offline {
  color: #64748b !important;
  background: rgba(100, 116, 139, 0.1) !important;
  border-color: rgba(100, 116, 139, 0.22) !important;
}

html[data-theme='light'] .admin-page .admin-portone-sync-hint,
html[data-theme='light'] .admin-page .admin-portone-sync-hint b {
  color: #a16207 !important;
}

html[data-theme='light'] .admin-portone-cancel-warn {
  color: #be123c !important;
}

/* Bulk email / modals */
html[data-theme='light'] .edit-modal,
html[data-theme='light'] .credit-history-modal,
html[data-theme='light'] .md-modal,
html[data-theme='light'] .bulk-composer-modal {
  background: #f8fafc !important;
  border-color: var(--line) !important;
  color: var(--text) !important;
}

html[data-theme='light'] .edit-modal-backdrop,
html[data-theme='light'] .credit-history-backdrop,
html[data-theme='light'] .md-modal-backdrop,
html[data-theme='light'] .bulk-composer-backdrop {
  background: rgba(30, 42, 66, 0.35) !important;
}

html[data-theme='light'] .bulk-email-center-tab {
  color: var(--muted) !important;
}

html[data-theme='light'] .bulk-email-center-tab.is-active {
  color: var(--text) !important;
  border-bottom-color: #7c3aed !important;
}

html[data-theme='light'] .bulk-email-hist-meta p,
html[data-theme='light'] .bulk-app-preview-body,
html[data-theme='light'] .bulk-schedule-detail p,
html[data-theme='light'] .bulk-confirm-copy,
html[data-theme='light'] .bulk-send-mode-opt {
  color: var(--ink-soft) !important;
}

html[data-theme='light'] .bulk-recipient-card b,
html[data-theme='light'] .bulk-recipient-row b,
html[data-theme='light'] .bulk-app-preview-title {
  color: var(--heading) !important;
}

html[data-theme='light'] .bulk-recipient-card,
html[data-theme='light'] .bulk-app-preview-card,
html[data-theme='light'] .bulk-decorate-panel,
html[data-theme='light'] .bulk-preview-frame {
  background: #fff !important;
  border-color: var(--line) !important;
  color: var(--text) !important;
}

html[data-theme='light'] .bulk-email-dup-warn,
html[data-theme='light'] .bulk-confirm-warn {
  color: #a16207 !important;
}

html[data-theme='light'] .bulk-composer-error,
html[data-theme='light'] .bulk-email-hist-fails ul {
  color: #be123c !important;
}

html[data-theme='light'] .bulk-email-hist-filters .mini-btn.is-active,
html[data-theme='light'] .bulk-preview-width .mini-btn.is-active {
  color: var(--text) !important;
  background: rgba(107, 92, 231, 0.12) !important;
  border-color: rgba(107, 92, 231, 0.35) !important;
}

html[data-theme='light'] .admin-console-page .admin-crm-order-total {
  background: #fff !important;
  border-color: rgba(36, 52, 78, 0.14) !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.95) inset,
    0 2px 6px rgba(40, 55, 85, 0.06) !important;
}

html[data-theme='light'] .admin-console-page .admin-crm-order-total-label {
  color: #5a6478 !important;
}

html[data-theme='light'] .admin-console-page .admin-crm-order-total-value {
  color: #121a2b !important;
}

html[data-theme='light'] .admin-console-backdrop {
  background: rgba(30, 42, 66, 0.28) !important;
}

.admin-sidebar-theme {
  display: grid;
  gap: 6px;
  margin: 10px 8px 0;
  margin-top: auto;
  padding: 8px 10px;
  border-radius: 10px;
  border: 1px solid var(--admin-stroke, var(--line));
  background: var(--admin-fill, rgba(255, 255, 255, 0.03));
  flex: none;
  position: relative;
  z-index: 1;
}

.admin-sidebar-theme-label {
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--muted);
}

.admin-sidebar-theme-select {
  width: 100%;
  height: 32px;
  border-radius: 8px;
  border: 1px solid var(--admin-stroke, var(--line));
  background: rgba(255, 255, 255, 0.06);
  color: var(--text);
  font: inherit;
  font-size: 12px;
  font-weight: 700;
  padding: 0 8px;
}

html[data-theme='light'] .admin-sidebar-theme {
  background: #fff !important;
  border-color: var(--line) !important;
}

html[data-theme='light'] .admin-sidebar-theme-select {
  background: #fff !important;
  color: var(--text) !important;
  border-color: var(--line) !important;
}

html[data-theme='light'] .admin-console-page .admin-home-link {
  background: #fff !important;
  border-color: var(--line) !important;
}

html[data-theme='light'] .admin-console-page .admin-home-link b {
  color: var(--heading) !important;
}

html[data-theme='light'] .admin-console-page .admin-home-link small {
  color: var(--muted) !important;
}

html[data-theme='light'] .admin-preview-page .admin-preview-badge {
  color: #0e7490 !important;
  background: rgba(8, 145, 178, 0.12) !important;
  border-color: rgba(8, 145, 178, 0.28) !important;
}

html[data-theme='light'] .admin-preview-page .admin-dash-user {
  border-color: var(--line) !important;
}

html[data-theme='light'] .admin-preview-page .admin-dash-user:hover {
  background: rgba(79, 107, 237, 0.06) !important;
}

html[data-theme='light'] .admin-preview-page .admin-dash-user-main b {
  color: var(--heading) !important;
}

html[data-theme='light'] .admin-preview-page .admin-dash-user-main small,
html[data-theme='light'] .admin-preview-page .admin-dash-user-meta em {
  color: var(--muted) !important;
}

html[data-theme='light'] .admin-console-page .admin-page-tab,
html[data-theme='light'] .admin-console-page .admin-page-tab em,
html[data-theme='light'] .admin-console-page .admin-logs-tab,
html[data-theme='light'] .admin-console-page .admin-logs-tab em {
  color: var(--muted) !important;
}

html[data-theme='light'] .admin-console-page .admin-page-tab.is-active,
html[data-theme='light'] .admin-console-page .admin-page-tab.is-active em,
html[data-theme='light'] .admin-console-page .admin-page-tab:hover,
html[data-theme='light'] .admin-console-page .admin-logs-tab.is-active,
html[data-theme='light'] .admin-console-page .admin-logs-tab.is-active em,
html[data-theme='light'] .admin-console-page .admin-logs-tab:hover {
  color: var(--text) !important;
}

html[data-theme='light'] .admin-console-page .admin-page-tab.is-active,
html[data-theme='light'] .admin-console-page .admin-logs-tab.is-active {
  background: transparent !important;
  border-bottom-color: rgba(107, 92, 231, 0.85) !important;
}

/* ——— Admin console dark leftovers (tables / drawers / CRM / mobile cards) ——— */
html[data-theme='light'] .admin-console-page .admin-sidebar-site:hover,
html[data-theme='light'] .admin-console-page .admin-nav-item:hover {
  color: var(--text) !important;
  box-shadow: none !important;
}

html[data-theme='light'] .admin-console-page .admin-member-user b,
html[data-theme='light'] .admin-console-page .admin-ticket-table td.admin-ticket-title b,
html[data-theme='light'] .admin-console-page .admin-ticket-table .admin-ticket-title-btn b,
html[data-theme='light'] .admin-console-page .admin-home-link b,
html[data-theme='light'] .admin-console-page .admin-cms-drawer-head h3,
html[data-theme='light'] .admin-console-page .admin-license-credit-head h3,
html[data-theme='light'] .admin-console-page .admin-crm-dash-head h3,
html[data-theme='light'] .admin-console-page .admin-crm-dash-list b,
html[data-theme='light'] .admin-console-page .admin-crm-dash-row dd,
html[data-theme='light'] .admin-console-page .admin-crm-access-list dd {
  color: var(--heading) !important;
}

html[data-theme='light'] .admin-preview-page .admin-dash-panel-head h3 {
  color: var(--muted) !important;
}

html[data-theme='light'] .admin-console-page .admin-member-email,
html[data-theme='light'] .admin-console-page .admin-member-joined,
html[data-theme='light'] .admin-console-page .admin-order-buyer small,
html[data-theme='light'] .admin-console-page .admin-payment-flat-table .admin-payment-user-email,
html[data-theme='light'] .admin-console-page .admin-order-caret,
html[data-theme='light'] .admin-console-page .admin-license-expand-meta,
html[data-theme='light'] .admin-console-page .admin-ticket-table td.admin-ticket-cat,
html[data-theme='light'] .admin-console-page .admin-ticket-table td.admin-ticket-user,
html[data-theme='light'] .admin-console-page .admin-ticket-table td.admin-ticket-date,
html[data-theme='light'] .admin-console-page .admin-cms-table td small,
html[data-theme='light'] .admin-console-page .admin-cms-view-meta,
html[data-theme='light'] .admin-console-page .admin-crm-filter-row label,
html[data-theme='light'] .admin-console-page .admin-crm-license-form label,
html[data-theme='light'] .admin-console-page .admin-crm-dash-empty,
html[data-theme='light'] .admin-console-page .admin-crm-dash-list span,
html[data-theme='light'] .admin-console-page .admin-crm-dash-row dt,
html[data-theme='light'] .admin-console-page .admin-crm-dash-row dd .muted,
html[data-theme='light'] .admin-preview-page .crm-stat em,
html[data-theme='light'] .admin-preview-page .admin-dash-empty,
html[data-theme='light'] .admin-preview-page .admin-logs-identity small {
  color: var(--muted) !important;
}

html[data-theme='light'] .admin-console-page .admin-cms-view-body,
html[data-theme='light'] .admin-console-page .admin-payment-flat-table tr.admin-payment-menu-row > td:nth-child(3) {
  color: var(--ink-soft) !important;
}

html[data-theme='light'] .admin-console-page .admin-crm-dash-sec {
  background: #fff !important;
  border-color: var(--line) !important;
}

html[data-theme='light'] .admin-console-page .admin-home-link {
  background: var(--raised-card-bg) !important;
  border: 1px solid var(--raised-card-border) !important;
  box-shadow: var(--raised-card-shadow) !important;
}

html[data-theme='light'] .admin-console-page .admin-crm-filter-popover,
html[data-theme='light'] .admin-console-page .admin-cms-drawer-panel,
html[data-theme='light'] .admin-page .admin-crm-drawer-panel {
  background: #f8fafc !important;
  border-color: var(--line) !important;
  color: var(--text) !important;
  box-shadow: -12px 0 28px rgba(40, 55, 85, 0.12) !important;
}

html[data-theme='light'] .admin-console-page .admin-crm-filter-popover {
  box-shadow: 0 10px 28px rgba(40, 55, 85, 0.14) !important;
}

html[data-theme='light'] .admin-console-page .admin-cms-drawer-backdrop {
  background: rgba(30, 42, 66, 0.32) !important;
}

html[data-theme='light'] .admin-console-page.admin-sidebar-open .admin-console-backdrop {
  background: rgba(30, 42, 66, 0.35) !important;
}

html[data-theme='light'] .admin-console-page .admin-ticket-table .badge.open {
  color: #a16207 !important;
  background: rgba(245, 158, 11, 0.14) !important;
}

html[data-theme='light'] .admin-console-page .admin-ticket-table .badge.pending {
  color: #0e7490 !important;
  background: rgba(8, 145, 178, 0.12) !important;
}

html[data-theme='light'] .admin-console-page .admin-ticket-table .badge.answered {
  color: #047857 !important;
  background: rgba(16, 185, 129, 0.12) !important;
}

html[data-theme='light'] .admin-console-page .admin-ticket-table .badge.closed {
  color: #64748b !important;
  background: rgba(100, 116, 139, 0.1) !important;
}

/* CMS status badges — same raised chrome as table action mini-btns (keep semantic colors) */
html[data-theme='light'] .admin-console-page .admin-cms-table .badge,
html[data-theme='light'] .admin-console-page .admin-cms-view-meta .badge {
  height: 24px !important;
  min-height: 24px !important;
  padding: 0 8px !important;
  border-radius: 6px !important;
  border: 1px solid rgba(36, 52, 78, 0.16) !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.95) inset,
    0 -1px 0 rgba(36, 52, 78, 0.05) inset,
    0 2px 6px rgba(40, 55, 85, 0.08),
    0 1px 2px rgba(40, 55, 85, 0.04) !important;
}

html[data-theme='light'] .admin-console-page .admin-cms-table .badge.active,
html[data-theme='light'] .admin-console-page .admin-cms-view-meta .badge.active {
  color: #047857 !important;
  background: linear-gradient(180deg, #ecfdf5 0%, #d1fae5 100%) !important;
  border-color: rgba(5, 150, 105, 0.32) !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.9) inset,
    0 -1px 0 rgba(4, 120, 87, 0.06) inset,
    0 2px 6px rgba(4, 120, 87, 0.1),
    0 1px 2px rgba(40, 55, 85, 0.04) !important;
}

html[data-theme='light'] .admin-console-page .admin-cms-table .badge.closed,
html[data-theme='light'] .admin-console-page .admin-cms-view-meta .badge.closed {
  color: #64748b !important;
  background: linear-gradient(180deg, #ffffff 0%, #eef2f7 100%) !important;
  border-color: rgba(100, 116, 139, 0.28) !important;
}

html[data-theme='light'] .admin-console-page .admin-cms-table .badge.none,
html[data-theme='light'] .admin-console-page .admin-cms-view-meta .badge.none {
  color: #be123c !important;
  background: linear-gradient(180deg, #fff5f7 0%, #ffe4e9 100%) !important;
  border-color: rgba(225, 29, 72, 0.28) !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.9) inset,
    0 -1px 0 rgba(190, 18, 60, 0.06) inset,
    0 2px 6px rgba(190, 18, 60, 0.1),
    0 1px 2px rgba(40, 55, 85, 0.04) !important;
}

html[data-theme='light'] .admin-console-page .admin-cms-table .badge.pending,
html[data-theme='light'] .admin-console-page .admin-cms-view-meta .badge.pending {
  color: #a16207 !important;
  background: linear-gradient(180deg, #fffbeb 0%, #fef3c7 100%) !important;
  border-color: rgba(245, 158, 11, 0.35) !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.9) inset,
    0 -1px 0 rgba(161, 98, 7, 0.06) inset,
    0 2px 6px rgba(161, 98, 7, 0.1),
    0 1px 2px rgba(40, 55, 85, 0.04) !important;
}

html[data-theme='light'] .admin-console-page .admin-chat-bubble.is-admin {
  background: rgba(8, 145, 178, 0.1) !important;
  border-color: rgba(8, 145, 178, 0.28) !important;
  color: var(--text) !important;
}

html[data-theme='light'] .admin-console-page .admin-chat-bubble.is-user {
  background: linear-gradient(135deg, #6b5ce7 0%, #0891b2 100%) !important;
  color: #fff !important;
}

html[data-theme='light'] .admin-console-page .admin-ticket-reply {
  background: #fff !important;
  border-color: var(--line) !important;
}

html[data-theme='light'] .admin-console-page .admin-ticket-reply.is-admin {
  background: rgba(8, 145, 178, 0.08) !important;
  border-color: rgba(8, 145, 178, 0.28) !important;
}

html[data-theme='light'] .admin-console-page .admin-ticket-reply b {
  color: var(--muted) !important;
}

html[data-theme='light'] .admin-console-page .admin-ticket-reply-form textarea,
html[data-theme='light'] .admin-console-page .admin-chat-composer textarea,
html[data-theme='light'] .admin-console-page .admin-license-inline-form input,
html[data-theme='light'] .admin-console-page .admin-license-inline-form select,
html[data-theme='light'] .admin-console-page .admin-license-inline-form textarea,
html[data-theme='light'] .admin-console-page .admin-crm-license-form select,
html[data-theme='light'] .admin-console-page .admin-crm-license-form input,
html[data-theme='light'] .admin-console-page .admin-crm-license-form textarea,
html[data-theme='light'] .admin-console-page .admin-crm-head-memo textarea,
html[data-theme='light'] .admin-console-page #adminCrmUserMemo,
html[data-theme='light'] .admin-page #adminCrmUserMemo,
html[data-theme='light'] .admin-console-page .admin-cms-form .edit-field input,
html[data-theme='light'] .admin-console-page .admin-cms-form .edit-field textarea,
html[data-theme='light'] .admin-console-page .admin-cms-form .edit-field select {
  background: #ffffff !important;
  color: #152033 !important;
  border-color: rgba(36, 52, 78, 0.18) !important;
}

html[data-theme='light'] .admin-console-page #adminCrmUserMemo::placeholder,
html[data-theme='light'] .admin-page #adminCrmUserMemo::placeholder,
html[data-theme='light'] .admin-console-page .admin-crm-head-memo textarea::placeholder {
  color: #6b7280 !important;
  opacity: 1 !important;
}

html[data-theme='light'] .admin-console-page .admin-crm-memo-hist-item,
html[data-theme='light'] .admin-console-page .admin-crm-memo-hist-item span {
  color: #243044 !important;
  border-bottom-color: rgba(36, 52, 78, 0.08) !important;
}

html[data-theme='light'] .admin-console-page .admin-crm-memo-hist-item time {
  color: #5a6478 !important;
}

html[data-theme='light'] body.admin-console-page .edit-modal-actions {
  background: linear-gradient(180deg, transparent, rgba(248, 250, 252, 0.98) 28%) !important;
}

html[data-theme='light'] body.admin-console-page .dash-card,
html[data-theme='light'] body.admin-console-page .admin-quick-card,
html[data-theme='light'] body.admin-console-page .empty-card,
html[data-theme='light'] body.admin-console-page .form-card {
  background: var(--raised-card-bg) !important;
  border: 1px solid var(--raised-card-border) !important;
  box-shadow: var(--raised-card-shadow) !important;
}

html[data-theme='light'] body.admin-console-page .admin-block {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html[data-theme='light'] .admin-console-page .admin-logs-users {
  border-bottom-color: var(--line) !important;
  border-right-color: var(--line) !important;
}

html[data-theme='light'] .admin-console-page .admin-logs-empty,
html[data-theme='light'] .admin-console-page .admin-logs-empty-panel,
html[data-theme='light'] .admin-console-page .admin-logs-td-muted,
html[data-theme='light'] body.admin-console-page .admin-crm-empty {
  color: var(--muted) !important;
}

html[data-theme='light'] .admin-console-page .admin-page-tab.is-active em,
html[data-theme='light'] .admin-console-page .admin-logs-tab.is-active em {
  color: #6b5ce7 !important;
}

html[data-theme='light'] .admin-preview-page .admin-preview-badge {
  color: #a16207 !important;
  background: rgba(245, 158, 11, 0.14) !important;
  border-color: rgba(245, 158, 11, 0.35) !important;
}

/* ——— Admin console light polish (screenshots 1–8) ——— */

/* 3 · Tables / KPI / shells → light surfaces + dark text */
html[data-theme='light'] .admin-console-page .admin-table th,
html[data-theme='light'] .admin-console-page .admin-payment-flat-table th,
html[data-theme='light'] .admin-console-page .admin-member-table th,
html[data-theme='light'] .admin-console-page .admin-license-table th,
html[data-theme='light'] .admin-console-page .admin-ticket-table th,
html[data-theme='light'] .admin-console-page .admin-cms-table th,
html[data-theme='light'] .admin-console-page .admin-logs-table th {
  background: #eef2f7 !important;
  color: #5a6478 !important;
  border-bottom-color: rgba(36, 52, 78, 0.12) !important;
}

html[data-theme='light'] .admin-console-page .admin-table td,
html[data-theme='light'] .admin-console-page .admin-payment-flat-table td,
html[data-theme='light'] .admin-console-page .admin-member-table td,
html[data-theme='light'] .admin-console-page .admin-license-table td,
html[data-theme='light'] .admin-console-page .admin-ticket-table td,
html[data-theme='light'] .admin-console-page .admin-cms-table td,
html[data-theme='light'] .admin-console-page .admin-logs-table td {
  color: #243044 !important;
  border-bottom-color: rgba(36, 52, 78, 0.08) !important;
}

/* Payment flat: names used dark-theme --admin-text (#e8ecff) → invisible on light */
html[data-theme='light'] body.admin-console-page {
  --admin-text: #121a2b;
}

html[data-theme='light'] .admin-console-page .admin-payment-flat-table .admin-payment-user-name,
html[data-theme='light'] .admin-console-page .admin-order-buyer b {
  color: #121a2b !important;
}

html[data-theme='light'] .admin-console-page .admin-payment-flat-table .admin-payment-user-email {
  color: #5a6478 !important;
}

/* td.mono { display:block } leaves a white gap between 주문번호 and 사용자 — keep table-cell, do NOT force bg (breaks hover) */
html[data-theme='light'] .admin-console-page .admin-payment-flat-table td.mono,
html[data-theme='light'] .admin-console-page .admin-payment-flat-table td.admin-order-id,
html[data-theme='light'] .admin-console-page .admin-order-table td.mono,
html[data-theme='light'] .admin-console-page .admin-order-nested td.mono {
  display: table-cell !important;
  max-width: 160px !important;
  vertical-align: middle !important;
}

html[data-theme='light'] .admin-console-page .admin-payment-flat-table tr:hover > td,
html[data-theme='light'] .admin-console-page .admin-payment-flat-table tr.admin-payment-menu-row:hover > td {
  background: rgba(107, 92, 231, 0.08) !important;
}

html[data-theme='light'] .admin-console-page .crm-stat,
html[data-theme='light'] .admin-console-page .admin-crm-summary-card,
html[data-theme='light'] .admin-console-page .admin-crm-stats .crm-stat {
  background: var(--raised-card-bg) !important;
  border: 1px solid var(--raised-card-border) !important;
  box-shadow: var(--raised-card-shadow) !important;
  color: var(--text) !important;
}

html[data-theme='light'] .admin-console-page .crm-stat b,
html[data-theme='light'] .admin-console-page .admin-crm-summary-card span b {
  color: var(--heading) !important;
}

html[data-theme='light'] .admin-console-page .crm-stat span,
html[data-theme='light'] .admin-preview-page .crm-stat em {
  color: var(--muted) !important;
}

html[data-theme='light'] .admin-console-page .admin-crm-points-form input,
html[data-theme='light'] .admin-console-page .admin-license-credit-panel .admin-crm-points-form input,
html[data-theme='light'] .admin-page .admin-crm-points-form input {
  background: #fff !important;
  color: var(--text) !important;
  border: 1px solid rgba(36, 52, 78, 0.16) !important;
}

html[data-theme='light'] .admin-console-page .admin-crm-points-form input::placeholder,
html[data-theme='light'] .admin-console-page .admin-license-credit-panel .admin-crm-points-form input::placeholder {
  color: #8b95a8 !important;
}

/* 5 · Order detail row separators */
html[data-theme='light'] .admin-page .admin-crm-order-dl > div,
html[data-theme='light'] .admin-console-page .admin-crm-order-dl > div {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  border-bottom: 1px solid rgba(36, 52, 78, 0.12) !important;
  padding: 10px 0 !important;
}

html[data-theme='light'] .admin-page .admin-crm-order-dl > div:last-child,
html[data-theme='light'] .admin-console-page .admin-crm-order-dl > div:last-child {
  border-bottom: 0 !important;
}

html[data-theme='light'] .admin-page .admin-crm-order-dl dt,
html[data-theme='light'] .admin-console-page .admin-crm-order-dl dt {
  color: #6b7388 !important;
}

html[data-theme='light'] .admin-page .admin-crm-order-dl dd,
html[data-theme='light'] .admin-console-page .admin-crm-order-dl dd {
  color: #152033 !important;
}

/* 6 · Logs member list + detail table contrast */
html[data-theme='light'] .admin-console-page .admin-logs-user,
html[data-theme='light'] .admin-logs-user {
  color: #152033 !important;
  background: transparent !important;
}

html[data-theme='light'] .admin-console-page .admin-logs-user:hover,
html[data-theme='light'] .admin-logs-user:hover {
  background: rgba(36, 52, 78, 0.05) !important;
}

html[data-theme='light'] .admin-console-page .admin-logs-user.is-active,
html[data-theme='light'] .admin-logs-user.is-active {
  background: rgba(79, 107, 237, 0.1) !important;
}

html[data-theme='light'] .admin-console-page .admin-logs-user-email,
html[data-theme='light'] .admin-logs-user-email {
  color: #121a2b !important;
}

html[data-theme='light'] .admin-console-page .admin-logs-user-sub,
html[data-theme='light'] .admin-logs-user-sub,
html[data-theme='light'] .admin-console-page .admin-logs-user-seen,
html[data-theme='light'] .admin-logs-user-seen,
html[data-theme='light'] .admin-console-page .admin-logs-user-plan-fallback,
html[data-theme='light'] .admin-logs-user-plan-fallback {
  color: #5a6478 !important;
}

html[data-theme='light'] .admin-console-page .admin-logs-user-count,
html[data-theme='light'] .admin-logs-user-count {
  color: #5a6478 !important;
  background: rgba(36, 52, 78, 0.06) !important;
}

html[data-theme='light'] .admin-console-page .admin-logs-chip,
html[data-theme='light'] .admin-logs-chip {
  color: #5a6478 !important;
  background: #fff !important;
  border-color: rgba(36, 52, 78, 0.14) !important;
}

html[data-theme='light'] .admin-console-page .admin-logs-chip.is-active,
html[data-theme='light'] .admin-logs-chip.is-active {
  color: #121a2b !important;
  background: rgba(107, 92, 231, 0.12) !important;
  border-color: rgba(107, 92, 231, 0.32) !important;
}

html[data-theme='light'] .admin-console-page .admin-logs-identity-top strong,
html[data-theme='light'] .admin-console-page .admin-logs-selected-main strong,
html[data-theme='light'] .admin-logs-identity-top strong,
html[data-theme='light'] .admin-logs-selected-main strong {
  color: #121a2b !important;
}

html[data-theme='light'] .admin-console-page .admin-logs-identity small,
html[data-theme='light'] .admin-logs-identity small,
html[data-theme='light'] .admin-console-page .admin-logs-selected-meta,
html[data-theme='light'] .admin-logs-selected-meta,
html[data-theme='light'] .admin-console-page .admin-logs-detail-head,
html[data-theme='light'] .admin-logs-detail-head {
  color: #5a6478 !important;
}

html[data-theme='light'] .admin-console-page .admin-logs-selected-meta code,
html[data-theme='light'] .admin-logs-selected-meta code,
html[data-theme='light'] .admin-console-page .admin-logs-time,
html[data-theme='light'] .admin-logs-time {
  color: #243044 !important;
}

html[data-theme='light'] .admin-console-page .admin-logs-table th,
html[data-theme='light'] .admin-logs-table th {
  background: #eef2f7 !important;
  color: #5a6478 !important;
  border-bottom-color: rgba(36, 52, 78, 0.12) !important;
}

html[data-theme='light'] .admin-console-page .admin-logs-table td,
html[data-theme='light'] .admin-logs-table td {
  color: #243044 !important;
  border-bottom-color: rgba(36, 52, 78, 0.08) !important;
}

html[data-theme='light'] .admin-console-page .admin-logs-tr:hover td,
html[data-theme='light'] .admin-logs-tr:hover td {
  background: rgba(36, 52, 78, 0.04) !important;
}

html[data-theme='light'] .admin-console-page .admin-logs-tr.is-open td,
html[data-theme='light'] .admin-logs-tr.is-open td {
  background: rgba(79, 107, 237, 0.06) !important;
}

html[data-theme='light'] .admin-console-page .admin-logs-detail-row td,
html[data-theme='light'] .admin-logs-detail-row td {
  background: #f7f9fc !important;
}

html[data-theme='light'] .admin-console-page .admin-logs-detail dd,
html[data-theme='light'] .admin-logs-detail dd {
  color: #152033 !important;
}

html[data-theme='light'] .admin-console-page .admin-logs-detail dt,
html[data-theme='light'] .admin-logs-detail dt {
  color: #5a6478 !important;
}

html[data-theme='light'] .admin-console-page .admin-logs-badge,
html[data-theme='light'] .admin-logs-badge {
  color: #243044 !important;
  background: rgba(36, 52, 78, 0.06) !important;
  border-color: rgba(36, 52, 78, 0.14) !important;
}

html[data-theme='light'] .admin-console-page .admin-logs-badge.is-ok,
html[data-theme='light'] .admin-logs-badge.is-ok {
  color: #047857 !important;
  background: rgba(5, 150, 105, 0.1) !important;
  border-color: rgba(5, 150, 105, 0.28) !important;
}

html[data-theme='light'] .admin-console-page .admin-logs-badge.is-bad,
html[data-theme='light'] .admin-logs-badge.is-bad {
  color: #be123c !important;
  background: rgba(225, 29, 72, 0.1) !important;
  border-color: rgba(225, 29, 72, 0.28) !important;
}

html[data-theme='light'] .admin-console-page .admin-logs-badge.is-warn,
html[data-theme='light'] .admin-logs-badge.is-warn {
  color: #a16207 !important;
  background: rgba(245, 158, 11, 0.12) !important;
  border-color: rgba(245, 158, 11, 0.28) !important;
}

html[data-theme='light'] .admin-console-page .admin-logs-badge.is-license,
html[data-theme='light'] .admin-console-page .admin-logs-badge.is-cat,
html[data-theme='light'] .admin-logs-badge.is-license,
html[data-theme='light'] .admin-logs-badge.is-cat,
html[data-theme='light'] .admin-console-page .admin-logs-badge-cat,
html[data-theme='light'] .admin-logs-badge-cat {
  color: #5b21b6 !important;
  background: rgba(107, 92, 231, 0.1) !important;
  border-color: rgba(107, 92, 231, 0.28) !important;
}

html[data-theme='light'] .admin-console-page .admin-logs-badge.is-payment,
html[data-theme='light'] .admin-logs-badge.is-payment,
html[data-theme='light'] .admin-console-page .admin-logs-badge.is-credit,
html[data-theme='light'] .admin-logs-badge.is-credit {
  color: #0e7490 !important;
  background: rgba(8, 145, 178, 0.1) !important;
  border-color: rgba(8, 145, 178, 0.28) !important;
}

html[data-theme='light'] .admin-console-page .admin-logs-badge.is-ticket,
html[data-theme='light'] .admin-logs-badge.is-ticket {
  color: #1d4ed8 !important;
  background: rgba(59, 130, 246, 0.1) !important;
  border-color: rgba(59, 130, 246, 0.28) !important;
}

html[data-theme='light'] .admin-console-page .admin-logs-badge.is-app,
html[data-theme='light'] .admin-logs-badge.is-hwid,
html[data-theme='light'] .admin-logs-badge.is-app,
html[data-theme='light'] .admin-logs-badge.is-hwid {
  color: #334155 !important;
  background: rgba(36, 52, 78, 0.06) !important;
  border-color: rgba(36, 52, 78, 0.14) !important;
}

html[data-theme='light'] .admin-console-page .admin-logs-badge.is-admin,
html[data-theme='light'] .admin-logs-badge.is-message,
html[data-theme='light'] .admin-logs-badge.is-admin,
html[data-theme='light'] .admin-logs-badge.is-message {
  color: #c2410c !important;
  background: rgba(251, 146, 60, 0.12) !important;
  border-color: rgba(251, 146, 60, 0.28) !important;
}

html[data-theme='light'] .admin-console-page .admin-logs-delta.is-plus,
html[data-theme='light'] .admin-logs-delta.is-plus {
  color: #047857 !important;
}

html[data-theme='light'] .admin-console-page .admin-logs-delta.is-minus,
html[data-theme='light'] .admin-logs-delta.is-minus {
  color: #be123c !important;
}

html[data-theme='light'] .admin-console-page .admin-logs-pill,
html[data-theme='light'] .admin-logs-pill {
  color: #0e7490 !important;
  border-color: rgba(8, 145, 178, 0.28) !important;
  background: rgba(8, 145, 178, 0.08) !important;
}

html[data-theme='light'] .admin-console-page .admin-logs-users,
html[data-theme='light'] .admin-logs-users {
  background: transparent !important;
  border-right-color: rgba(36, 52, 78, 0.1) !important;
}

html[data-theme='light'] .admin-console-page .admin-logs-user-list,
html[data-theme='light'] .admin-logs-user-list {
  scrollbar-width: thin;
  scrollbar-color: rgba(36, 52, 78, 0.35) transparent;
}

html[data-theme='light'] .admin-console-page .admin-logs-user-list::-webkit-scrollbar {
  width: 8px;
}

html[data-theme='light'] .admin-console-page .admin-logs-user-list::-webkit-scrollbar-thumb {
  background: rgba(36, 52, 78, 0.28);
  border-radius: 999px;
}

html[data-theme='light'] .admin-console-page .admin-logs-users-head,
html[data-theme='light'] .admin-logs-users-head,
html[data-theme='light'] .admin-console-page .admin-logs-tabs,
html[data-theme='light'] .admin-logs-tabs {
  border-bottom-color: rgba(36, 52, 78, 0.1) !important;
  background: transparent !important;
}

/* 7 · Filters on page bg; CRM/CMS sheets = content-style rounded card (no square white parent) */
html[data-theme='light'] body.admin-console-page #admin.content-card,
html[data-theme='light'] body.admin-console-page #admin,
html[data-theme='light'] .admin-console-page .admin-panel,
html[data-theme='light'] .admin-console-page .admin-shell,
html[data-theme='light'] .admin-console-page .admin-workspace,
html[data-theme='light'] .admin-console-page .admin-crm,
html[data-theme='light'] .admin-console-page .admin-crm-list-pane,
html[data-theme='light'] .admin-console-page .admin-crm-virtual,
html[data-theme='light'] .admin-console-page .admin-crm-detail-pane,
html[data-theme='light'] .admin-console-page .admin-tickets-section,
html[data-theme='light'] .admin-console-page .admin-tickets-section:not([hidden]),
html[data-theme='light'] .admin-console-page .admin-content-section,
html[data-theme='light'] .admin-console-page .admin-content-section .admin-block,
html[data-theme='light'] .admin-console-page .admin-payments-section {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

html[data-theme='light'] .admin-console-page .admin-crm-bulk-count,
html[data-theme='light'] .admin-page .admin-crm-bulk-count {
  color: #be123c !important;
}

html[data-theme='light'] .admin-console-page .admin-crm-toolbar,
html[data-theme='light'] .admin-console-page .admin-cms-toolbar,
html[data-theme='light'] .admin-console-page .admin-list-toolbar,
html[data-theme='light'] .admin-console-page .admin-logs-head,
html[data-theme='light'] .admin-console-page .admin-crm-list-head,
html[data-theme='light'] .admin-console-page .admin-crm-stats,
html[data-theme='light'] .admin-console-page .admin-work-status-tabs,
html[data-theme='light'] .admin-console-page .admin-page-tabs.admin-work-status-tabs,
html[data-theme='light'] .admin-console-page .admin-cms-list-head {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Sheet card — match content page: rounded white on gray page bg */
html[data-theme='light'] .admin-console-page .admin-table-wrap,
html[data-theme='light'] .admin-console-page .admin-console-table-wrap,
html[data-theme='light'] .admin-console-page .admin-tickets-section .admin-table-wrap,
html[data-theme='light'] .admin-console-page .admin-logs-table-wrap,
html[data-theme='light'] .admin-console-page .admin-crm-virtual > .admin-table-wrap,
html[data-theme='light'] .admin-console-page .admin-crm-virtual > .admin-console-table-wrap,
html[data-theme='light'] .admin-console-page #adminCmsList.admin-table-wrap,
html[data-theme='light'] .admin-console-page #adminUserList .admin-table-wrap,
html[data-theme='light'] .admin-console-page #adminPaymentsList.admin-table-wrap,
html[data-theme='light'] .admin-console-page #adminTicketList.admin-table-wrap {
  background: #ffffff !important;
  border: 1px solid rgba(36, 52, 78, 0.12) !important;
  border-radius: 18px !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.98) inset,
    0 10px 28px rgba(40, 55, 85, 0.08) !important;
  overflow: hidden !important;
  margin-top: 8px !important;
  padding: 0 !important;
  isolation: isolate;
}

html[data-theme='light'] .admin-console-page .admin-table-wrap .admin-table,
html[data-theme='light'] .admin-console-page .admin-console-table-wrap .admin-table {
  background: transparent !important;
  border-collapse: collapse !important;
  border-radius: 0 !important;
  margin: 0 !important;
}

html[data-theme='light'] .admin-console-page .admin-member-table th,
html[data-theme='light'] .admin-console-page .admin-license-table th,
html[data-theme='light'] .admin-console-page .admin-payment-flat-table th,
html[data-theme='light'] .admin-console-page .admin-ticket-table th,
html[data-theme='light'] .admin-console-page .admin-cms-table th,
html[data-theme='light'] .admin-console-page .admin-order-table th {
  background: #f3f5f9 !important;
}

html[data-theme='light'] .admin-console-page .admin-member-user b,
html[data-theme='light'] .admin-console-page .admin-member-table .admin-member-user b,
html[data-theme='light'] .admin-console-page .admin-license-table .admin-member-user b {
  color: #121a2b !important;
}

html[data-theme='light'] .admin-console-page .admin-cms-title b,
html[data-theme='light'] .admin-console-page .admin-cms-table td b {
  color: #121a2b !important;
}

/* 8 · Pricing · products light surfaces + readable text */
html[data-theme='light'] .admin-console-page .pricing-summary > div,
html[data-theme='light'] .pricing-summary > div {
  background: var(--raised-card-bg) !important;
  border: 1px solid var(--raised-card-border) !important;
  box-shadow: var(--raised-card-shadow) !important;
  color: var(--text) !important;
}

html[data-theme='light'] .admin-console-page .pricing-summary strong,
html[data-theme='light'] .pricing-summary strong {
  color: var(--heading) !important;
}

html[data-theme='light'] .admin-console-page .pricing-list-pane,
html[data-theme='light'] .admin-console-page .pricing-editor-pane,
html[data-theme='light'] .pricing-list-pane,
html[data-theme='light'] .pricing-editor-pane {
  background: transparent !important;
  border-color: rgba(36, 52, 78, 0.1) !important;
  color: var(--text) !important;
}

html[data-theme='light'] .admin-console-page .pricing-product-item,
html[data-theme='light'] .pricing-product-item {
  background: #fff !important;
  border-color: rgba(36, 52, 78, 0.14) !important;
  color: #152033 !important;
}

html[data-theme='light'] .admin-console-page .pricing-product-item.is-active,
html[data-theme='light'] .pricing-product-item.is-active {
  background: rgba(79, 107, 237, 0.08) !important;
  border-color: rgba(79, 107, 237, 0.35) !important;
}

html[data-theme='light'] .admin-console-page .pricing-product-item-main,
html[data-theme='light'] .pricing-product-item-main {
  color: #121a2b !important;
}

html[data-theme='light'] .admin-console-page .pricing-product-item-id,
html[data-theme='light'] .pricing-product-item-id,
html[data-theme='light'] .admin-console-page .pricing-product-item .muted,
html[data-theme='light'] .pricing-product-item .muted,
html[data-theme='light'] .admin-console-page .pricing-product-item small,
html[data-theme='light'] .pricing-product-item small {
  color: #5a6478 !important;
  opacity: 1 !important;
}

html[data-theme='light'] .admin-console-page .pricing-drag-handle,
html[data-theme='light'] .pricing-drag-handle,
html[data-theme='light'] .admin-console-page .pricing-reorder-btn,
html[data-theme='light'] .pricing-reorder-btn {
  color: #6b7388 !important;
}

html[data-theme='light'] .admin-console-page .pricing-form-grid input,
html[data-theme='light'] .admin-console-page .pricing-form-grid select,
html[data-theme='light'] .admin-console-page .pricing-lang-map input,
html[data-theme='light'] .admin-console-page .pricing-promo-grid input,
html[data-theme='light'] .admin-console-page .pricing-promo-grid textarea,
html[data-theme='light'] .pricing-form-grid input,
html[data-theme='light'] .pricing-form-grid select,
html[data-theme='light'] .pricing-lang-map input,
html[data-theme='light'] .pricing-promo-grid input[type='text'],
html[data-theme='light'] .pricing-promo-grid input[type='date'],
html[data-theme='light'] .pricing-promo-grid textarea {
  background: #fff !important;
  color: #152033 !important;
  border-color: rgba(36, 52, 78, 0.16) !important;
}

html[data-theme='light'] .admin-console-page .pricing-section-title,
html[data-theme='light'] .pricing-section-title {
  color: #243044 !important;
}

html[data-theme='light'] .admin-console-page .pricing-usd-preview,
html[data-theme='light'] .pricing-usd-preview,
html[data-theme='light'] .admin-console-page .pricing-disc-preview,
html[data-theme='light'] .pricing-disc-preview,
html[data-theme='light'] .admin-console-page .pricing-promo-card,
html[data-theme='light'] .pricing-promo-card,
html[data-theme='light'] .admin-console-page .pricing-active-promo-card,
html[data-theme='light'] .pricing-active-promo-card {
  background: #f7f9fc !important;
  border-color: rgba(36, 52, 78, 0.14) !important;
  color: var(--text) !important;
}

html[data-theme='light'] .admin-console-page .pricing-usd-preview strong,
html[data-theme='light'] .pricing-usd-preview strong {
  color: #121a2b !important;
}

html[data-theme='light'] .admin-console-page .pricing-disc-preview-meta,
html[data-theme='light'] .pricing-disc-preview-meta,
html[data-theme='light'] .admin-console-page .pricing-active-promo-disc,
html[data-theme='light'] .pricing-active-promo-disc {
  color: #0e7490 !important;
}

html[data-theme='light'] .admin-console-page .pricing-live-preview,
html[data-theme='light'] .pricing-live-preview {
  background: #f7f9fc !important;
  border-color: rgba(36, 52, 78, 0.14) !important;
  color: var(--text) !important;
}

html[data-theme='light'] .admin-console-page .pricing-live-preview-title-row h4,
html[data-theme='light'] .pricing-live-preview-title-row h4 {
  color: #121a2b !important;
}

html[data-theme='light'] .admin-console-page .pricing-preview-seg,
html[data-theme='light'] .pricing-preview-seg {
  border-color: rgba(36, 52, 78, 0.14) !important;
  background: #fff !important;
}

html[data-theme='light'] .admin-console-page .pricing-preview-seg button,
html[data-theme='light'] .pricing-preview-seg button {
  color: #5a6478 !important;
  border-right-color: rgba(36, 52, 78, 0.1) !important;
  background: transparent !important;
}

html[data-theme='light'] .admin-console-page .pricing-preview-seg button.is-active,
html[data-theme='light'] .pricing-preview-seg button.is-active {
  color: #121a2b !important;
  background: rgba(8, 145, 178, 0.1) !important;
}

html[data-theme='light'] .admin-console-page .pricing-preview-save-state,
html[data-theme='light'] .pricing-preview-save-state {
  color: #0e7490 !important;
}

html[data-theme='light'] .admin-console-page .pricing-pane-tabs button,
html[data-theme='light'] .pricing-pane-tabs button {
  color: var(--text) !important;
  border-color: rgba(36, 52, 78, 0.14) !important;
  background: #fff !important;
}

html[data-theme='light'] .admin-console-page .pricing-pane-tabs button.is-active,
html[data-theme='light'] .pricing-pane-tabs button.is-active {
  color: #121a2b !important;
  border-color: rgba(8, 145, 178, 0.4) !important;
  background: rgba(8, 145, 178, 0.1) !important;
}

html[data-theme='light'] .admin-console-page .pricing-product-item .badge,
html[data-theme='light'] .pricing-product-item .badge,
html[data-theme='light'] .admin-console-page .admin-pricing-section .badge {
  color: #0e7490 !important;
  background: rgba(8, 145, 178, 0.1) !important;
  border: 1px solid rgba(8, 145, 178, 0.28) !important;
}

/* Tone down fluorescent % OFF pills in light (esp. pricing preview) */
html[data-theme='light'] .purchase-plan-off-pill,
html[data-theme='light'] article.purchase-plan-card .purchase-plan-off-pill,
html[data-theme='light'] .admin-console-page .purchase-plan-off-pill,
html[data-theme='light'] .pricing-preview-grid .purchase-plan-off-pill {
  border-color: rgba(5, 150, 105, 0.28) !important;
  background: rgba(5, 150, 105, 0.1) !important;
  color: #047857 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
}

html[data-theme='light'] .admin-console-page .pricing-edit-section,
html[data-theme='light'] .pricing-edit-section,
html[data-theme='light'] .admin-console-page .pricing-editor-actions,
html[data-theme='light'] .pricing-editor-actions {
  border-color: rgba(36, 52, 78, 0.1) !important;
}

html[data-theme='light'] .admin-console-page .pricing-modal-card,
html[data-theme='light'] .pricing-modal-card {
  background: #fff !important;
  border-color: rgba(36, 52, 78, 0.14) !important;
  color: var(--text) !important;
}

/* Mobile admin drawer cards / expand panels */
@media (max-width: 1000px) {
  /* Keep rail flush — no floating white menu card when width shrinks */
  html[data-theme='light'] body.admin-console-page .admin-sidebar,
  html[data-theme='light'] body.admin-console-page aside#adminSidebar,
  html[data-theme='light'] body.admin-console-page .admin-sidebar-nav {
    background: #f5f7fb !important;
    background-color: #f5f7fb !important;
    border-radius: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
  }

  html[data-theme='light'] body.admin-console-page .admin-sidebar-nav .admin-nav-item,
  html[data-theme='light'] body.admin-console-page .admin-nav-item,
  html[data-theme='light'] body.admin-console-page .admin-sidebar-nav .admin-nav-item:hover,
  html[data-theme='light'] body.admin-console-page .admin-nav-item:hover,
  html[data-theme='light'] body.admin-console-page .admin-sidebar-nav .admin-nav-item.is-active,
  html[data-theme='light'] body.admin-console-page .admin-sidebar-nav .admin-nav-item.active,
  html[data-theme='light'] body.admin-console-page .admin-nav-item.is-active,
  html[data-theme='light'] body.admin-console-page .admin-nav-item.active {
    border: 0 !important;
    border-radius: 6px !important;
  }

  html[data-theme='light'] body.admin-console-page .admin-sidebar-nav .admin-nav-item.is-active,
  html[data-theme='light'] body.admin-console-page .admin-sidebar-nav .admin-nav-item.active,
  html[data-theme='light'] body.admin-console-page .admin-nav-item.is-active,
  html[data-theme='light'] body.admin-console-page .admin-nav-item.active {
    background: rgba(107, 92, 231, 0.12) !important;
    box-shadow: inset 3px 0 0 #6b5ce7 !important;
  }

  html[data-theme='light'] body.admin-console-page .admin-sidebar-nav .admin-nav-item:hover,
  html[data-theme='light'] body.admin-console-page .admin-nav-item:hover {
    background: rgba(107, 92, 231, 0.08) !important;
    box-shadow: none !important;
  }
}

@media (max-width: 600px) {
  html[data-theme='light'] body.admin-console-page .admin-sidebar,
  html[data-theme='light'] body.admin-console-page aside#adminSidebar {
    background: #f5f7fb !important;
    background-color: #f5f7fb !important;
    border-radius: 0 !important;
    /* drawer only — shadow on the rail edge, not a floating card */
    box-shadow: 12px 0 40px rgba(40, 55, 85, 0.18) !important;
  }

  html[data-theme='light'] body.admin-console-page .admin-sidebar-nav {
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
  }

  html[data-theme='light'] .admin-console-page .admin-member-table tr.admin-crm-member-row,
  html[data-theme='light'] .admin-console-page .admin-license-table tr.admin-license-row,
  html[data-theme='light'] .admin-console-page .admin-payment-flat-table tr.admin-payment-menu-row,
  html[data-theme='light'] .admin-console-page .admin-ticket-table tr.admin-ticket-row,
  html[data-theme='light'] .admin-console-page .admin-order-group {
    background: var(--raised-card-bg) !important;
    border-color: var(--raised-card-border) !important;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.95) inset, 0 4px 12px rgba(40, 55, 85, 0.06) !important;
  }

  html[data-theme='light'] .admin-console-page .admin-member-expand-inner,
  html[data-theme='light'] .admin-console-page .admin-license-expand-inner,
  html[data-theme='light'] .admin-console-page .admin-ticket-expand-inner {
    background: #f7f9fc !important;
    border-color: var(--line) !important;
  }

  html[data-theme='light'] .admin-console-page .admin-member-table tr.admin-crm-member-row td:nth-child(3),
  html[data-theme='light'] .admin-console-page .admin-member-table tr.admin-crm-member-row td:nth-child(9) {
    color: var(--muted) !important;
  }
}

@media (max-width: 1000px) {
  html[data-theme='light'] body.admin-console-page[data-admin-view='crm'] #adminCrm.admin-crm.is-detail-open:not(.is-row-expand) .admin-crm-list-pane {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  html[data-theme='light'] body.admin-console-page .edit-modal-actions {
    background: linear-gradient(180deg, transparent, rgba(248, 250, 252, 0.98) 28%) !important;
  }
}

/* Support chat */
html[data-theme='light'] .support-chat-fab {
  background: linear-gradient(135deg, #fff, #eef2f7) !important;
  color: var(--text) !important;
  border-color: rgba(107, 92, 231, 0.28) !important;
}

html[data-theme='light'] .support-chat-panel {
  background: linear-gradient(180deg, #f8fafc, #eef2f7) !important;
  border-color: var(--line) !important;
  color: var(--text) !important;
}

html[data-theme='light'] .support-chat-head,
html[data-theme='light'] .support-chat-toolbar,
html[data-theme='light'] .support-chat-actions,
html[data-theme='light'] .support-chat-composer,
html[data-theme='light'] .support-chat-preview,
html[data-theme='light'] .support-chat-bubble.is-ai,
html[data-theme='light'] .support-chat-chip,
html[data-theme='light'] .support-chat-system {
  background: rgba(255, 255, 255, 0.9) !important;
  border-color: var(--line) !important;
  color: var(--text) !important;
}

html[data-theme='light'] .support-chat-body {
  background: rgba(232, 237, 245, 0.7) !important;
}

html[data-theme='light'] .support-chat-meta {
  color: var(--muted) !important;
}

/* Account theme row */
.account-theme-row {
  display: grid;
  gap: 8px;
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid var(--line);
}

.account-theme-label {
  font-size: 12px;
  font-weight: 800;
  color: var(--muted);
}

.account-theme-select {
  width: 100%;
  max-width: 280px;
  height: 36px;
  border-radius: 10px;
  border: 1px solid var(--line);
  background: var(--input-bg, rgba(255, 255, 255, 0.06));
  color: var(--text);
  font: inherit;
  font-size: 13px;
  font-weight: 700;
  padding: 0 10px;
}

html[data-theme='light'] .account-theme-select {
  background: #fff !important;
  color: var(--text) !important;
  border-color: var(--line) !important;
}

/* Desktop top-nav dropdown panels — Blue Glow */
html[data-theme='light'] body.topnav-layout #mainNav.top-nav .top-nav-panel-inner {
  background: linear-gradient(160deg, #ffffff, #f6f9fc) !important;
  border-color: color-mix(in srgb, #3d82c7 50%, #cbd6e1) !important;
  box-shadow:
    0 18px 42px rgba(45, 67, 90, 0.14),
    0 0 26px rgba(70, 145, 220, 0.12) !important;
}

html[data-theme='light'] body.topnav-layout #mainNav.top-nav .top-nav-item {
  border-top-color: transparent !important;
}

html[data-theme='light'] body.topnav-layout #mainNav.top-nav .top-nav-panel-inner > .top-nav-item:first-child,
html[data-theme='light'] body.topnav-layout #mainNav.top-nav .top-nav-panel-inner > a.top-nav-item:first-child {
  border-top-color: transparent !important;
}

html[data-theme='light'] body.topnav-layout #mainNav.top-nav .top-nav-item:hover,
html[data-theme='light'] body.topnav-layout #mainNav.top-nav .top-nav-item.active,
html[data-theme='light'] body.topnav-layout #mainNav.top-nav .top-nav-item:focus-visible {
  background: #e8f2fb !important;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, #3d82c7 35%, transparent) !important;
  color: var(--text) !important;
}

/* Mobile drawer: panel-inner is inlined — do not keep desktop white card chrome */
@media (max-width: 980px) {
  html[data-theme='light'] body.topnav-layout #mainNav.top-nav .top-nav-panel,
  html[data-theme='light'] body.topnav-layout #mainNav.top-nav .top-nav-panel-inner,
  html[data-theme='light'] body.topnav-layout #mainNav.top-nav .top-nav-panel-inner.is-grid {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
  }

  /* Active/hover: soft tint only — avoid a hard rectangular “card” chip */
  html[data-theme='light'] body.topnav-layout #mainNav.top-nav .top-nav-item:hover,
  html[data-theme='light'] body.topnav-layout #mainNav.top-nav .top-nav-item.active,
  html[data-theme='light'] body.topnav-layout #mainNav.top-nav .top-nav-item:focus-visible {
    background: rgba(15, 23, 42, 0.04) !important;
    box-shadow: none !important;
  }
}

html[data-theme='light'] body.topnav-layout #mainNav.top-nav .top-nav-item {
  color: var(--text) !important;
}

html[data-theme='light'] body.topnav-layout #mainNav.top-nav .top-nav-link,
html[data-theme='light'] body.topnav-layout #mainNav.top-nav .top-nav-trigger {
  color: var(--ink-soft) !important;
}

html[data-theme='light'] body.topnav-layout #mainNav.top-nav .top-nav-link:hover,
html[data-theme='light'] body.topnav-layout #mainNav.top-nav .top-nav-link.active,
html[data-theme='light'] body.topnav-layout #mainNav.top-nav .top-nav-trigger:hover,
html[data-theme='light'] body.topnav-layout #mainNav.top-nav .top-nav-trigger.active,
html[data-theme='light'] body.topnav-layout #mainNav.top-nav .top-nav-group:hover > .top-nav-trigger,
html[data-theme='light'] body.topnav-layout #mainNav.top-nav .top-nav-group:focus-within > .top-nav-trigger,
html[data-theme='light'] body.topnav-layout #mainNav.top-nav .top-nav-group.is-open > .top-nav-trigger,
html[data-theme='light'] body.topnav-layout #mainNav.top-nav .top-nav-group.has-active > .top-nav-trigger,
html[data-theme='light'] body.topnav-layout #mainNav.top-nav .top-nav-link:focus-visible,
html[data-theme='light'] body.topnav-layout #mainNav.top-nav .top-nav-trigger:focus-visible {
  color: var(--heading) !important;
  background: transparent !important;
}

@media (min-width: 981px) {
  html[data-theme='light'] body.topnav-layout #mainNav.top-nav .top-nav-link.active,
  html[data-theme='light'] body.topnav-layout #mainNav.top-nav .top-nav-trigger.active,
  html[data-theme='light'] body.topnav-layout #mainNav.top-nav .top-nav-group.has-active > .top-nav-trigger {
    background: transparent !important;
  }

  html[data-theme='light'] body.topnav-layout #mainNav.top-nav .top-nav-link:after,
  html[data-theme='light'] body.topnav-layout #mainNav.top-nav .top-nav-trigger:after {
    background: linear-gradient(90deg, transparent, #0891b2, transparent) !important;
  }

  html[data-theme='light'] body.topnav-layout #mainNav.top-nav .top-nav-link.active:after,
  html[data-theme='light'] body.topnav-layout #mainNav.top-nav .top-nav-trigger.active:after,
  html[data-theme='light'] body.topnav-layout #mainNav.top-nav .top-nav-group.has-active > .top-nav-trigger:after {
    transform: scaleX(1) !important;
  }
}

/* Download / guide blocks */
html[data-theme='light'] .download-guide-block {
  background: #fff !important;
  border-color: var(--line) !important;
  box-shadow: none !important;
}

html[data-theme='light'] .download-guide-block h3,
html[data-theme='light'] .download-guide-list strong {
  color: var(--heading) !important;
}

html[data-theme='light'] .download-guide-block-label {
  color: var(--muted) !important;
}

html[data-theme='light'] .download-guide-list li {
  background: linear-gradient(105deg, #e6f7fb 0%, #f5f8ff 48%, #f1ecfb 100%) !important;
  border-color: rgba(36, 52, 78, 0.1) !important;
  box-shadow: 0 2px 8px rgba(40, 55, 85, 0.04);
}

html[data-theme='light'] .download-guide-list li:hover {
  background: linear-gradient(105deg, #dcf3f8 0%, #eef2fc 48%, #ebe4f8 100%) !important;
  border-color: rgba(107, 92, 231, 0.2) !important;
  box-shadow: 0 4px 12px rgba(40, 55, 85, 0.06);
}

html[data-theme='light'] .download-guide-list code,
html[data-theme='light'] .guide-step-text code {
  color: var(--ink-soft) !important;
  background: rgba(36, 52, 78, 0.06) !important;
  border-color: var(--line) !important;
}

html[data-theme='light'] .download-guide-tags li {
  color: #0e7490 !important;
  background: rgba(8, 145, 178, 0.1) !important;
  border-color: rgba(8, 145, 178, 0.28) !important;
}

html[data-theme='light'] .download-guide-block-icon {
  color: #0e7490 !important;
  background: rgba(8, 145, 178, 0.1) !important;
  border-color: rgba(8, 145, 178, 0.28) !important;
}

html[data-theme='light'] .download-guide-block.is-run .download-guide-block-icon {
  color: #5b21b6 !important;
  background: rgba(107, 92, 231, 0.1) !important;
  border-color: rgba(107, 92, 231, 0.28) !important;
}

html[data-theme='light'] .download-guide-block.is-run .download-guide-list li:before {
  color: #5b21b6 !important;
  background: rgba(107, 92, 231, 0.12) !important;
  border-color: rgba(107, 92, 231, 0.28) !important;
}

/* Hub list meta columns */
html[data-theme='light'] .hub-page .hub-col-author,
html[data-theme='light'] .hub-page .hub-col-date,
html[data-theme='light'] .hub-page .hub-col-preview,
html[data-theme='light'] .hub-page .hub-col-no,
html[data-theme='light'] .hub-page .hub-col-views,
html[data-theme='light'] .hub-page .hub-col-cat,
html[data-theme='light'] .hub-page .patch-change-text,
html[data-theme='light'] .hub-page .support-info ul {
  color: var(--ink-soft) !important;
}

html[data-theme='light'] .hub-page .author-badge.is-guest {
  color: var(--muted) !important;
  background: rgba(36, 52, 78, 0.05) !important;
  border-color: var(--line) !important;
}

html[data-theme='light'] .legal-card p,
html[data-theme='light'] .legal-card ul,
html[data-theme='light'] .legal-card li,
html[data-theme='light'] .business-table span {
  color: var(--ink-soft) !important;
}

html[data-theme='light'] .footer-copy {
  color: var(--muted) !important;
}

html[data-theme='light'] .btn,
html[data-theme='light'] button.primary,
html[data-theme='light'] a.primary,
html[data-theme='light'] .primary {
  color: #fff !important;
  background: linear-gradient(135deg, #6b5ce7 0%, #0891b2 100%) !important;
  border: 1px solid rgba(8, 145, 178, 0.35) !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.38) inset,
    0 -1px 0 rgba(15, 40, 70, 0.12) inset,
    0 3px 10px rgba(107, 92, 231, 0.22),
    0 1px 2px rgba(8, 145, 178, 0.14) !important;
}

html[data-theme='light'] button.primary:hover,
html[data-theme='light'] a.primary:hover,
html[data-theme='light'] .primary:hover {
  transform: translateY(-1px);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.42) inset,
    0 -1px 0 rgba(15, 40, 70, 0.12) inset,
    0 5px 14px rgba(107, 92, 231, 0.28),
    0 2px 4px rgba(8, 145, 178, 0.16) !important;
}

html[data-theme='light'] .ghost,
html[data-theme='light'] .secondary,
html[data-theme='light'] button.ghost,
html[data-theme='light'] button.secondary,
html[data-theme='light'] a.ghost,
html[data-theme='light'] a.secondary {
  color: var(--text) !important;
  background: linear-gradient(180deg, #ffffff 0%, #f3f6fb 100%) !important;
  border: 1px solid rgba(36, 52, 78, 0.16) !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.95) inset,
    0 -1px 0 rgba(36, 52, 78, 0.05) inset,
    0 2px 6px rgba(40, 55, 85, 0.08),
    0 1px 2px rgba(40, 55, 85, 0.04) !important;
}

html[data-theme='light'] .ghost:hover,
html[data-theme='light'] .secondary:hover,
html[data-theme='light'] button.ghost:hover,
html[data-theme='light'] button.secondary:hover,
html[data-theme='light'] a.ghost:hover,
html[data-theme='light'] a.secondary:hover {
  background: linear-gradient(180deg, #ffffff 0%, #eef2f8 100%) !important;
  border-color: rgba(36, 52, 78, 0.22) !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.95) inset,
    0 4px 10px rgba(40, 55, 85, 0.1) !important;
  transform: translateY(-1px);
}

html[data-theme='light'] .danger-btn,
html[data-theme='light'] button.danger-btn,
html[data-theme='light'] a.danger-btn,
html[data-theme='light'] .secondary.danger-btn {
  color: #be123c !important;
  background: linear-gradient(180deg, #fff5f7 0%, #ffe4e9 100%) !important;
  border: 1px solid rgba(225, 29, 72, 0.28) !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.9) inset,
    0 -1px 0 rgba(190, 18, 60, 0.06) inset,
    0 2px 6px rgba(190, 18, 60, 0.1),
    0 1px 2px rgba(40, 55, 85, 0.04) !important;
}

html[data-theme='light'] .danger-btn:hover,
html[data-theme='light'] button.danger-btn:hover,
html[data-theme='light'] a.danger-btn:hover,
html[data-theme='light'] .secondary.danger-btn:hover {
  background: linear-gradient(180deg, #fff1f3 0%, #ffd6de 100%) !important;
  border-color: rgba(225, 29, 72, 0.4) !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.95) inset,
    0 4px 10px rgba(190, 18, 60, 0.14) !important;
  transform: translateY(-1px);
}

/* Broad safety net: near-white ink on light surfaces */
html[data-theme='light'] .hub-page .hub-list-row b,
html[data-theme='light'] .hub-page .hub-list-row strong,
html[data-theme='light'] .hub-page .community-post-title b {
  color: var(--text) !important;
}

html[data-theme='light'] .hub-page .hub-list-row,
html[data-theme='light'] .hub-page .community-post-row {
  color: var(--ink-soft);
}

/* Eyebrows / pills / badges */
html[data-theme='light'] .eyebrow,
html[data-theme='light'] .pill,
html[data-theme='light'] .portal-pill,
html[data-theme='light'] .purchase-hero .eyebrow {
  color: #4c1d95 !important;
  background: rgba(107, 92, 231, 0.12) !important;
  border-color: rgba(107, 92, 231, 0.28) !important;
}

html[data-theme='light'] .hub-page .hub-list-head {
  color: var(--muted) !important;
  background: rgba(36, 52, 78, 0.05) !important;
}

html[data-theme='light'] .hub-page .patch-badge--web {
  color: #0e7490 !important;
  background: rgba(8, 145, 178, 0.12) !important;
  border-color: rgba(8, 145, 178, 0.3) !important;
}

html[data-theme='light'] .hub-page .patch-badge--app {
  color: #5b21b6 !important;
  background: rgba(107, 92, 231, 0.12) !important;
  border-color: rgba(107, 92, 231, 0.3) !important;
}

html[data-theme='light'] .hub-page .patch-badge--version {
  color: #047857 !important;
  background: rgba(16, 185, 129, 0.12) !important;
  border-color: rgba(16, 185, 129, 0.3) !important;
}

html[data-theme='light'] .hub-page .author-badge.is-admin {
  color: #5b21b6 !important;
  background: rgba(107, 92, 231, 0.12) !important;
  border-color: rgba(107, 92, 231, 0.28) !important;
}

html[data-theme='light'] .home-support-kicker,
html[data-theme='light'] .home-support-card-hub .home-support-kicker {
  color: #0e7490 !important;
}

html[data-theme='light'] .portal-page .portal-download-file,
html[data-theme='light'] .portal-version-pill {
  color: var(--ink-soft) !important;
}

html[data-theme='light'] .portal-version-pill,
html[data-theme='light'] .download-card-pro .portal-version-pill {
  background: rgba(8, 145, 178, 0.14) !important;
  border: 1px solid rgba(8, 145, 178, 0.35) !important;
  color: #0e7490 !important;
}

html[data-theme='light'] .download-platform-pill {
  background: rgba(36, 52, 78, 0.08) !important;
  border: 1px solid rgba(36, 52, 78, 0.16) !important;
  color: #334155 !important;
}

html[data-theme='light'] .download-file-ext {
  color: #5b21b6 !important;
  background: rgba(107, 92, 231, 0.14) !important;
  border: 1px solid rgba(107, 92, 231, 0.3) !important;
}

html[data-theme='light'] .download-card-icon {
  background: linear-gradient(135deg, rgba(8, 145, 178, 0.18), rgba(107, 92, 231, 0.16)) !important;
  border-color: rgba(8, 145, 178, 0.35) !important;
  color: #0e7490 !important;
  box-shadow: 0 4px 12px rgba(8, 145, 178, 0.14) !important;
}

html[data-theme='light'] .download-card-icon svg {
  stroke: #0e7490 !important;
  color: #0e7490 !important;
}

html[data-theme='light'] .download-card-pro .portal-download-file {
  color: var(--heading) !important;
}

/* Keep product mock windows dark; only soften outer chrome */
html[data-theme='light'] .studio-anim {
  background: linear-gradient(145deg, #dfe8f4 0%, #eef3f9 48%, #e6e0f2 100%) !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.85) inset,
    0 10px 28px rgba(40, 55, 85, 0.12),
    0 2px 8px rgba(40, 55, 85, 0.05) !important;
  border-color: rgba(36, 52, 78, 0.14) !important;
}

html[data-theme='light'] .studio-anim.studio-hero-video {
  background: #0b1120 !important;
  box-shadow:
    0 10px 28px rgba(40, 55, 85, 0.14),
    0 2px 8px rgba(40, 55, 85, 0.06) !important;
}

html[data-theme='light'] .studio-hero-video-controls {
  background: rgba(8, 12, 24, 0.7) !important;
  border-color: rgba(255, 255, 255, 0.16) !important;
}

html[data-theme='light'] .installer-anim {
  background: linear-gradient(145deg, #dfe8f4 0%, #eef3f9 48%, #e6e0f2 100%) !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.85) inset,
    0 10px 28px rgba(40, 55, 85, 0.12),
    0 2px 8px rgba(40, 55, 85, 0.05) !important;
  border-color: rgba(36, 52, 78, 0.14) !important;
}

html[data-theme='light'] .installer-window {
  border-color: rgba(36, 52, 78, 0.12) !important;
  box-shadow: 0 8px 22px rgba(40, 55, 85, 0.08) !important;
}

/* Notify / icon contrast */
html[data-theme='light'] .topbar-notify-btn,
html[data-theme='light'] #topbarNotify {
  color: var(--ink-soft) !important;
  opacity: 1 !important;
  filter: none !important;
}

html[data-theme='light'] .legal-updated {
  color: #0e7490 !important;
  background: rgba(8, 145, 178, 0.1) !important;
  border-color: rgba(8, 145, 178, 0.28) !important;
}

html[data-theme='light'] .board-midi-name,
html[data-theme='light'] .board-upload-box label {
  color: var(--ink-soft) !important;
}

html[data-theme='light'] .board-emoji-btn {
  color: var(--text) !important;
  background: #fff !important;
  border-color: var(--line) !important;
}

/* ——— Purchase plan sales cards (light only; structure unchanged) ——— */
html[data-theme='light'] .purchase-plan-card {
  background: var(--raised-card-bg) !important;
  border-color: var(--raised-card-border) !important;
  box-shadow: var(--raised-card-shadow) !important;
  color: var(--text) !important;
}

html[data-theme='light'] .purchase-plan-card:hover {
  border-color: rgba(8, 145, 178, 0.32) !important;
}

html[data-theme='light'] .purchase-plan-card h3 {
  color: #1b2436 !important;
}

html[data-theme='light'] article.purchase-plan-card .purchase-plan-credits-num {
  color: #0e7490 !important;
}

html[data-theme='light'] article.purchase-plan-card .purchase-plan-badge {
  border-color: rgba(8, 145, 178, 0.32) !important;
  background: rgba(8, 145, 178, 0.1) !important;
  color: #0e7490 !important;
}

html[data-theme='light'] article.purchase-plan-card .purchase-plan-badge.is-best {
  border-color: rgba(36, 52, 78, 0.14) !important;
  background: rgba(36, 52, 78, 0.05) !important;
  color: #5a6578 !important;
}

html[data-theme='light'] .purchase-plan-card .purchase-plan-uses {
  color: var(--muted) !important;
}

html[data-theme='light'] .purchase-plan-price-was {
  color: #8b95a8 !important;
}

html[data-theme='light'] .purchase-plan-card .purchase-plan-price {
  background: none !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  color: #1b2436 !important;
}

html[data-theme='light'] .purchase-plan-price-skeleton {
  color: rgba(27, 36, 54, 0.28) !important;
  background: none !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
}

html[data-theme='light'] .purchase-plan-off-pill,
html[data-theme='light'] article.purchase-plan-card .purchase-plan-off-pill {
  border-color: rgba(5, 150, 105, 0.32) !important;
  background: rgba(5, 150, 105, 0.1) !important;
  color: #047857 !important;
}

html[data-theme='light'] .purchase-plan-discount-until {
  color: #0e7490 !important;
}

html[data-theme='light'] .purchase-plan-card .purchase-plan-unit,
html[data-theme='light'] .purchase-plan-card .purchase-plan-save {
  color: #5a6578 !important;
}

html[data-theme='light'] .purchase-plan-features {
  border-top-color: rgba(36, 52, 78, 0.1) !important;
}

html[data-theme='light'] .purchase-plan-features li span {
  color: #2a3548 !important;
}

html[data-theme='light'] .purchase-plan-features li span:before {
  color: #0891b2 !important;
}

html[data-theme='light'] .purchase-plan-features li strong {
  color: #0e7490 !important;
}

html[data-theme='light'] .purchase-plan-buy {
  border-color: rgba(36, 52, 78, 0.16) !important;
  background: linear-gradient(180deg, #ffffff 0%, #eef2f7 100%) !important;
  color: #1b2436 !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.95) inset,
    0 3px 8px rgba(40, 55, 85, 0.1),
    0 1px 2px rgba(40, 55, 85, 0.05) !important;
}

html[data-theme='light'] .purchase-plan-buy:hover {
  background: linear-gradient(180deg, #ffffff 0%, #e8edf5 100%) !important;
  border-color: rgba(36, 52, 78, 0.22) !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.95) inset,
    0 5px 12px rgba(40, 55, 85, 0.12) !important;
  transform: translateY(-1px);
}

html[data-theme='light'] .purchase-plan-card.is-selected {
  border-color: rgba(8, 145, 178, 0.4) !important;
}

html[data-theme='light'] .purchase-plan-card.is-recommended {
  border-color: rgba(8, 145, 178, 0.48) !important;
  background: linear-gradient(180deg, rgba(8, 145, 178, 0.09), #ffffff 44%) !important;
  box-shadow: 0 12px 32px rgba(8, 145, 178, 0.1) !important;
}

html[data-theme='light'] .purchase-plan-card.is-recommended.is-selected {
  border-color: rgba(8, 145, 178, 0.58) !important;
}

html[data-theme='light'] .purchase-plan-card.is-recommended .purchase-plan-buy {
  border-color: rgba(8, 145, 178, 0.38) !important;
  background: linear-gradient(180deg, #e8f8fb 0%, #d5f1f7 100%) !important;
  color: #0e7490 !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.7) inset,
    0 3px 10px rgba(8, 145, 178, 0.18),
    0 1px 2px rgba(8, 145, 178, 0.08) !important;
}

html[data-theme='light'] .purchase-plan-card.is-recommended .purchase-plan-buy:hover {
  background: linear-gradient(180deg, #dff5fa 0%, #c8ebf3 100%) !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.7) inset,
    0 5px 14px rgba(8, 145, 178, 0.22) !important;
}

html[data-theme='light'] .purchase-plan-card.is-best-value {
  border-color: rgba(36, 52, 78, 0.14) !important;
}

html[data-theme='light'] .purchase-plan-card.is-best-value.is-selected {
  border-color: rgba(8, 145, 178, 0.4) !important;
}

html[data-theme='light'] .purchase-plan-card.is-locked:hover {
  border-color: rgba(36, 52, 78, 0.12) !important;
}

html[data-theme='light'] .purchase-plan-card.is-current-plan {
  border-color: rgba(8, 145, 178, 0.5) !important;
}

html[data-theme='light'] .purchase-lifetime-notice {
  background: linear-gradient(105deg, #e6f7fb 0%, #f5f8ff 48%, #f1ecfb 100%) !important;
  border-color: rgba(8, 145, 178, 0.28) !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.9) inset,
    0 6px 18px rgba(40, 55, 85, 0.06) !important;
  color: var(--ink-soft) !important;
}

html[data-theme='light'] .purchase-lifetime-notice strong {
  color: var(--heading) !important;
}

html[data-theme='light'] .purchase-lifetime-notice span {
  color: var(--muted) !important;
}

html[data-theme='light'] .purchase-plan-card.is-loading:hover {
  border-color: rgba(36, 52, 78, 0.12) !important;
}

/* ——— Sale promo popup (light) ——— */
html[data-theme='light'] .sale-promo-backdrop {
  background: rgba(36, 52, 78, 0.42) !important;
}

html[data-theme='light'] .sale-promo-modal {
  border-color: rgba(36, 52, 78, 0.12) !important;
  background: linear-gradient(165deg, #ffffff 0%, #f4f7fb 100%) !important;
  box-shadow: 0 28px 80px rgba(40, 55, 85, 0.18) !important;
  color: var(--text) !important;
}

html[data-theme='light'] .sale-promo-modal:before {
  background:
    radial-gradient(circle at 30% 40%, rgba(8, 145, 178, 0.12), transparent 55%),
    radial-gradient(circle at 80% 20%, rgba(107, 92, 231, 0.1), transparent 50%) !important;
}

html[data-theme='light'] .sale-promo-x {
  border-color: var(--line) !important;
  background: #fff !important;
  color: var(--text) !important;
}

html[data-theme='light'] .sale-promo-badge {
  border-color: rgba(8, 145, 178, 0.35) !important;
  background: rgba(8, 145, 178, 0.1) !important;
  color: #0e7490 !important;
}

html[data-theme='light'] .sale-promo-title {
  color: var(--heading) !important;
}

html[data-theme='light'] .sale-promo-lead,
html[data-theme='light'] .sale-promo-more,
html[data-theme='light'] .sale-promo-hide {
  color: var(--muted) !important;
}

html[data-theme='light'] .sale-promo-products.is-single .sale-promo-product-name,
html[data-theme='light'] .sale-promo-product-row .sale-promo-product-name {
  color: var(--heading) !important;
}

html[data-theme='light'] .sale-promo-product-row,
html[data-theme='light'] .sale-promo-price-box {
  border: 1px solid var(--raised-card-border) !important;
  background: var(--raised-card-bg) !important;
  box-shadow: var(--raised-card-shadow) !important;
}

html[data-theme='light'] .sale-promo-was,
html[data-theme='light'] .sale-promo-product-prices .sale-promo-was {
  color: #8b95a8 !important;
}

html[data-theme='light'] .sale-promo-product-prices .sale-promo-arrow {
  color: rgba(36, 52, 78, 0.35) !important;
}

html[data-theme='light'] .sale-promo-product-prices .sale-promo-sale,
html[data-theme='light'] .sale-promo-now strong {
  background: none !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  color: #0f766e !important;
}

html[data-theme='light'] .sale-promo-until,
html[data-theme='light'] .sale-promo-now span {
  color: #0e7490 !important;
}

html[data-theme='light'] .sale-promo-close-link {
  color: var(--muted) !important;
}

html[data-theme='light'] .sale-promo-hide input {
  accent-color: #0891b2;
}

html[data-theme='light'] .sale-promo-actions .primary {
  color: #fff !important;
}

/* ——— Hub patch / notice detail (light) ——— */
html[data-theme='light'] .hub-page .hub-patch-detail,
html[data-theme='light'] .hub-page .hub-post-detail,
html[data-theme='light'] .hub-page .hub-comments-panel {
  background: var(--raised-card-bg) !important;
  border-color: var(--raised-card-border) !important;
  box-shadow: var(--raised-card-shadow) !important;
  color: var(--text) !important;
}

html[data-theme='light'] .hub-page .patch-toolbar,
html[data-theme='light'] .hub-page .patch-head,
html[data-theme='light'] .hub-page .patch-toc,
html[data-theme='light'] .hub-page .patch-section,
html[data-theme='light'] .hub-page .patch-detail-footer,
html[data-theme='light'] .hub-page .post-card-head,
html[data-theme='light'] .hub-page .hub-post-actions,
html[data-theme='light'] .hub-page .post-actions {
  border-color: rgba(36, 52, 78, 0.1) !important;
}

html[data-theme='light'] .hub-page .patch-back-link,
html[data-theme='light'] .hub-page .patch-toc a,
html[data-theme='light'] .hub-page .patch-meta-line,
html[data-theme='light'] .hub-page .patch-nav-link span {
  color: var(--muted) !important;
}

html[data-theme='light'] .hub-page .patch-back-link:hover,
html[data-theme='light'] .hub-page .patch-toc a:hover {
  color: var(--text) !important;
}

html[data-theme='light'] .hub-page .patch-toc a:before {
  color: rgba(90, 101, 120, 0.75) !important;
}

html[data-theme='light'] .hub-page .patch-meta-line span + span:before {
  background: rgba(36, 52, 78, 0.28) !important;
}

html[data-theme='light'] .hub-page .patch-prose,
html[data-theme='light'] .hub-page .patch-prose p,
html[data-theme='light'] .hub-page .patch-prose li,
html[data-theme='light'] .hub-page .post-body-content,
html[data-theme='light'] .hub-page .hub-post-body {
  color: var(--ink-soft) !important;
}

html[data-theme='light'] .hub-page .post-body-content .md-prose,
html[data-theme='light'] .hub-page .post-body-content .md-prose p,
html[data-theme='light'] .hub-page .post-body-content .md-prose li,
html[data-theme='light'] .hub-page .post-body-content .md-prose strong,
html[data-theme='light'] .hub-page .post-body-content .md-prose b,
html[data-theme='light'] .post-body-content .md-prose,
html[data-theme='light'] .post-body-content .md-prose p,
html[data-theme='light'] .post-body-content .md-prose li,
html[data-theme='light'] .post-body-content .md-prose strong,
html[data-theme='light'] .post-body-content .md-prose b,
html[data-theme='light'] .community-post-detail .md-prose,
html[data-theme='light'] .community-post-detail .md-prose p,
html[data-theme='light'] .community-post-detail .md-prose li,
html[data-theme='light'] .community-post-detail .md-prose strong,
html[data-theme='light'] .community-post-detail .md-prose b {
  color: var(--ink-soft) !important;
}

html[data-theme='light'] .hub-page .post-body-content .md-prose h1,
html[data-theme='light'] .hub-page .post-body-content .md-prose h2,
html[data-theme='light'] .hub-page .post-body-content .md-prose h3,
html[data-theme='light'] .hub-page .post-body-content .md-prose strong,
html[data-theme='light'] .hub-page .post-body-content .md-prose b,
html[data-theme='light'] .post-body-content .md-prose h1,
html[data-theme='light'] .post-body-content .md-prose h2,
html[data-theme='light'] .post-body-content .md-prose h3 {
  color: var(--heading) !important;
}

html[data-theme='light'] .hub-page .post-kicker,
html[data-theme='light'] .post-kicker {
  color: #5b21b6 !important;
  background: rgba(107, 92, 231, 0.1) !important;
  border-color: rgba(107, 92, 231, 0.28) !important;
}

html[data-theme='light'] .hub-page .patch-section-list li {
  border-bottom-color: rgba(36, 52, 78, 0.08) !important;
  border-left-color: rgba(8, 145, 178, 0.45) !important;
}

html[data-theme='light'] .hub-page .patch-nav-link {
  border-color: rgba(36, 52, 78, 0.12) !important;
  background: #f7f9fc !important;
}

html[data-theme='light'] .hub-page .patch-nav-link:hover {
  background: #eef3f8 !important;
  border-color: rgba(8, 145, 178, 0.28) !important;
}

html[data-theme='light'] .hub-page .patch-nav-link b {
  color: var(--heading) !important;
}

html[data-theme='light'] .hub-page .patch-footer-link {
  border-color: rgba(36, 52, 78, 0.12) !important;
  background: #f7f9fc !important;
  color: var(--ink-soft) !important;
}

html[data-theme='light'] .hub-page .patch-footer-link:hover {
  background: #eef3f8 !important;
  border-color: rgba(36, 52, 78, 0.18) !important;
  color: var(--text) !important;
}

html[data-theme='light'] .hub-page .patch-footer-link:first-child {
  border-color: rgba(8, 145, 178, 0.28) !important;
  background: rgba(8, 145, 178, 0.08) !important;
  color: #0e7490 !important;
}

html[data-theme='light'] .hub-page .patch-footer-link:first-child:hover {
  background: rgba(8, 145, 178, 0.14) !important;
  border-color: rgba(8, 145, 178, 0.4) !important;
  color: #0f766e !important;
}

html[data-theme='light'] .hub-page .post-kicker {
  color: #5b21b6 !important;
  background: rgba(107, 92, 231, 0.1) !important;
  border-color: rgba(107, 92, 231, 0.28) !important;
}

html[data-theme='light'] .hub-page .post-meta-grid span {
  background: rgba(36, 52, 78, 0.04) !important;
  border-color: rgba(36, 52, 78, 0.1) !important;
}

html[data-theme='light'] .hub-page .post-meta-grid em {
  color: var(--muted) !important;
}

html[data-theme='light'] .hub-page .post-meta-grid b {
  color: var(--heading) !important;
}

html[data-theme='light'] .hub-page .hub-list-body {
  background: var(--raised-card-bg) !important;
  border-color: var(--raised-card-border) !important;
  box-shadow: var(--raised-card-shadow) !important;
}

html[data-theme='light'] .hub-page .hub-list-pager .mini-btn {
  color: #152033 !important;
  -webkit-text-fill-color: #152033 !important;
  background: linear-gradient(180deg, #ffffff 0%, #f3f6fb 100%) !important;
  border: 1px solid rgba(36, 52, 78, 0.16) !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.95) inset,
    0 2px 6px rgba(40, 55, 85, 0.08) !important;
}

html[data-theme='light'] .hub-page .hub-list-pager .mini-btn.is-active,
html[data-theme='light'] .hub-page .hub-list-pager button.ghost.mini-btn.is-active {
  background: linear-gradient(135deg, #6b5ce7 0%, #0891b2 100%) !important;
  border: 1px solid rgba(8, 145, 178, 0.4) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.35) inset,
    0 2px 8px rgba(107, 92, 231, 0.22) !important;
}

html[data-theme='light'] .hub-page .hub-list-pager .mini-btn:disabled {
  color: #8b95a8 !important;
  opacity: 0.55;
}

html[data-theme='light'] .hub-page .hub-list-pager-info {
  color: #5a6478 !important;
}

html[data-theme='light'] .hub-page .hub-subnav {
  background: rgba(255, 255, 255, 0.9) !important;
  border-color: var(--line) !important;
}

html[data-theme='light'] .hub-page .hub-subnav a {
  color: var(--ink-soft) !important;
}

/* ——— Support inquiry form (light) ——— */
html[data-theme='light'] .hub-page .support-card.hub-card,
html[data-theme='light'] .hub-page .hub-card.support-card {
  border-color: var(--raised-card-border) !important;
}

html[data-theme='light'] .hub-page .support-info {
  background: rgba(8, 145, 178, 0.06) !important;
  border-color: rgba(8, 145, 178, 0.2) !important;
}

html[data-theme='light'] .hub-page .support-info h3 {
  color: #0e7490 !important;
}

html[data-theme='light'] .hub-page .support-info ul,
html[data-theme='light'] .hub-page .support-info li {
  color: var(--ink-soft) !important;
}

html[data-theme='light'] .hub-page .support-login-gate {
  border-color: rgba(36, 52, 78, 0.14) !important;
  border-style: dashed !important;
  background: #f4f6fa !important;
  color: var(--text) !important;
}

html[data-theme='light'] .hub-page .support-login-gate p,
html[data-theme='light'] .hub-page .support-login-gate p b,
html[data-theme='light'] .hub-page .support-login-gate .muted {
  color: var(--heading) !important;
}

html[data-theme='light'] .hub-page .support-login-gate .muted {
  color: var(--muted) !important;
}

html[data-theme='light'] .hub-page .support-form label,
html[data-theme='light'] .hub-page .hub-form-card label,
html[data-theme='light'] .hub-page .support-form .support-check {
  color: var(--heading) !important;
}

html[data-theme='light'] .hub-page .support-check {
  color: var(--ink-soft) !important;
}

html[data-theme='light'] .hub-page .support-check a {
  color: #0e7490 !important;
}

html[data-theme='light'] .hub-page .support-form input:not([type='file']):not([type='checkbox']),
html[data-theme='light'] .hub-page .support-form textarea,
html[data-theme='light'] .hub-page .support-form select,
html[data-theme='light'] .hub-page .hub-form-card input,
html[data-theme='light'] .hub-page .hub-form-card textarea,
html[data-theme='light'] .hub-page .hub-form-card select {
  background: #fff !important;
  color: var(--text) !important;
  border-color: rgba(36, 52, 78, 0.16) !important;
  color-scheme: light !important;
  box-shadow: inset 0 1px 2px rgba(40, 55, 85, 0.04);
}

html[data-theme='light'] .hub-page .support-form input::placeholder,
html[data-theme='light'] .hub-page .support-form textarea::placeholder,
html[data-theme='light'] .hub-page .hub-form-card input::placeholder,
html[data-theme='light'] .hub-page .hub-form-card textarea::placeholder {
  color: #8b95a8 !important;
  opacity: 1 !important;
}

html[data-theme='light'] .hub-page .support-form select option,
html[data-theme='light'] .hub-page .hub-form-card select option,
html[data-theme='light'] .hub-page .hub-tools select option {
  background-color: #fff !important;
  color: var(--text) !important;
}

html[data-theme='light'] .hub-page .support-account {
  background: rgba(107, 92, 231, 0.08) !important;
  border-color: rgba(107, 92, 231, 0.22) !important;
}

html[data-theme='light'] .hub-page .support-account-label {
  color: var(--muted) !important;
}

html[data-theme='light'] .board-upload-box,
html[data-theme='light'] .hub-page .support-upload-box,
html[data-theme='light'] .hub-page .board-upload-box {
  background: var(--raised-card-bg) !important;
  border: 1px dashed rgba(36, 52, 78, 0.22) !important;
  box-shadow: var(--raised-card-shadow) !important;
  color: var(--text) !important;
}

html[data-theme='light'] .board-upload-box.dragover,
html[data-theme='light'] .hub-page .support-upload-box.dragover {
  background: rgba(8, 145, 178, 0.08) !important;
  border-color: rgba(8, 145, 178, 0.45) !important;
}

html[data-theme='light'] .board-upload-box label,
html[data-theme='light'] .hub-page .support-upload-box label,
html[data-theme='light'] .hub-page label[for='ticketAttachments'] {
  color: var(--heading) !important;
}

html[data-theme='light'] .board-upload-box .small-copy,
html[data-theme='light'] .board-upload-box .muted,
html[data-theme='light'] .board-attachment-preview > .muted,
html[data-theme='light'] .hub-page .support-upload-box .muted,
html[data-theme='light'] .hub-page .support-upload-box .small-copy {
  color: #5a6478 !important;
}

html[data-theme='light'] .board-upload-box input[type='file'],
html[data-theme='light'] .hub-page .support-upload-box input[type='file'],
html[data-theme='light'] .hub-page .hub-form-card input[type='file'] {
  background: #fff !important;
  border: 1px solid rgba(36, 52, 78, 0.16) !important;
  color: #152033 !important;
  color-scheme: light !important;
}

html[data-theme='light'] .board-upload-box input[type='file']::file-selector-button,
html[data-theme='light'] .board-upload-box input[type='file']::-webkit-file-upload-button,
html[data-theme='light'] .hub-page .support-upload-box input[type='file']::file-selector-button,
html[data-theme='light'] .hub-page .support-upload-box input[type='file']::-webkit-file-upload-button,
html[data-theme='light'] .hub-page .hub-form-card input[type='file']::file-selector-button,
html[data-theme='light'] .hub-page .hub-form-card input[type='file']::-webkit-file-upload-button {
  background: rgba(36, 52, 78, 0.06) !important;
  border: 1px solid rgba(36, 52, 78, 0.16) !important;
  color: #152033 !important;
  cursor: pointer;
}

html[data-theme='light'] .hub-page .file-attach-card {
  background: #fff !important;
  border-color: rgba(36, 52, 78, 0.14) !important;
  color: var(--text) !important;
}

html[data-theme='light'] .hub-page .file-attach-copy b {
  color: var(--heading) !important;
}

html[data-theme='light'] .hub-page .file-attach-copy small {
  color: #5a6478 !important;
}

/* ——— Purchase trial / bank notice (light) ——— */
html[data-theme='light'] .purchase-trial-row {
  background: var(--raised-card-bg) !important;
  border-color: var(--raised-card-border) !important;
  box-shadow: var(--raised-card-shadow) !important;
  color: var(--text) !important;
}

html[data-theme='light'] .purchase-trial-head h2 {
  color: var(--heading) !important;
}

html[data-theme='light'] .purchase-trial-head p {
  color: var(--muted) !important;
}

html[data-theme='light'] .purchase-trial-items li {
  color: var(--ink-soft) !important;
}

html[data-theme='light'] .purchase-trial-items li:before {
  color: #0e7490 !important;
}

html[data-theme='light'] .purchase-trial-cta {
  background: linear-gradient(180deg, #ffffff 0%, #eef2f7 100%) !important;
  border-color: rgba(36, 52, 78, 0.16) !important;
  color: var(--text) !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.95) inset,
    0 3px 8px rgba(40, 55, 85, 0.1),
    0 1px 2px rgba(40, 55, 85, 0.05) !important;
}

html[data-theme='light'] .purchase-trial-cta:hover {
  transform: translateY(-1px);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.95) inset,
    0 5px 12px rgba(40, 55, 85, 0.12) !important;
}

html[data-theme='light'] .purchase-trial-cta[data-purchase-trial='login'] {
  background: linear-gradient(180deg, #e8f8fb 0%, #d5f1f7 100%) !important;
  border-color: rgba(8, 145, 178, 0.38) !important;
  color: #0e7490 !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.7) inset,
    0 3px 10px rgba(8, 145, 178, 0.18),
    0 1px 2px rgba(8, 145, 178, 0.08) !important;
}

html[data-theme='light'] .purchase-trial-cta[data-purchase-trial='login']:hover {
  background: linear-gradient(180deg, #dff5fa 0%, #c8ebf3 100%) !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.7) inset,
    0 5px 14px rgba(8, 145, 178, 0.22) !important;
}

html[data-theme='light'] .purchase-bank-mini {
  background: var(--raised-card-bg) !important;
  border-color: var(--raised-card-border) !important;
  box-shadow: var(--raised-card-shadow) !important;
  color: var(--ink-soft) !important;
}

html[data-theme='light'] .purchase-bank-mini summary {
  color: var(--heading) !important;
}

html[data-theme='light'] .purchase-bank-grid div {
  background: #f7f9fc !important;
  border-color: rgba(36, 52, 78, 0.1) !important;
}

html[data-theme='light'] .purchase-bank-grid span {
  color: var(--muted) !important;
}

html[data-theme='light'] .purchase-bank-grid strong {
  color: var(--heading) !important;
}

html[data-theme='light'] .purchase-bank-note {
  color: var(--muted) !important;
}

/* ——— Product feature points (light) ——— */
html[data-theme='light'] .product-points li,
html[data-theme='light'] .vcms-feature-slot .product-points li,
html[data-theme='light'] .product-feature-copy .product-points li {
  color: var(--ink-soft) !important;
}

html[data-theme='light'] .product-points li:before {
  background: #0891b2 !important;
}

html[data-theme='light'] .product-feature-copy h2,
html[data-theme='light'] .product-feature-copy .vcms-slot-title h2,
html[data-theme='light'] .product-feature .vcms-slot-title h2 {
  background: linear-gradient(90deg, #5b4fd1 0%, #6b5ce7 35%, #0891b2 70%, #0e7490 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}

html[data-theme='light'] .product-feature-copy p {
  color: var(--muted) !important;
}

/* ——— Product flow steps (light) ——— */
html[data-theme='light'] .product-flow {
  background: var(--raised-card-bg) !important;
  border-color: var(--raised-card-border) !important;
  box-shadow: var(--raised-card-shadow) !important;
}

html[data-theme='light'] .product-flow h2 {
  background: linear-gradient(90deg, #5b4fd1 0%, #6b5ce7 35%, #0891b2 70%, #0e7490 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}

html[data-theme='light'] .product-flow-lead {
  color: var(--muted) !important;
}

html[data-theme='light'] .product-steps li {
  border: 1px solid rgba(36, 52, 78, 0.1) !important;
  background: linear-gradient(145deg, #f7fbff 0%, #eef6ff 38%, #f5f0fb 100%) !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.95) inset,
    0 -1px 0 rgba(36, 52, 78, 0.04) inset,
    0 8px 20px rgba(40, 55, 85, 0.08) !important;
}

html[data-theme='light'] .product-steps li:nth-child(2),
html[data-theme='light'] .product-steps li:nth-child(5) {
  background: linear-gradient(145deg, #f5fbff 0%, #e8f7fb 40%, #eef3ff 100%) !important;
}

html[data-theme='light'] .product-steps li:nth-child(3),
html[data-theme='light'] .product-steps li:nth-child(6) {
  background: linear-gradient(145deg, #f8f7ff 0%, #f0f4ff 40%, #eef8fb 100%) !important;
}

html[data-theme='light'] .product-steps li:before {
  background: rgba(8, 145, 178, 0.12) !important;
  border-color: rgba(8, 145, 178, 0.32) !important;
  color: #0e7490 !important;
}

html[data-theme='light'] .product-steps li b {
  color: var(--heading) !important;
}

html[data-theme='light'] .product-steps li span {
  color: var(--muted) !important;
}

/* Portal / product hero gradient text — keep clip, darken for light bg */
html[data-theme='light'] .portal-page .portal-gradient,
html[data-theme='light'] .portal-gradient {
  background: linear-gradient(135deg, #0e7490 0%, #0891b2 42%, #5b4fd6 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
}

/* Product / portal hero CTAs — footer-like protrusion */
html[data-theme='light'] .product-hero .portal-cta .primary,
html[data-theme='light'] .portal-hero .portal-cta .primary {
  background: linear-gradient(135deg, #6b5ce7 0%, #0891b2 100%) !important;
  border: 1px solid rgba(8, 145, 178, 0.35) !important;
  color: #fff !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.35) inset,
    0 3px 10px rgba(107, 92, 231, 0.22),
    0 1px 2px rgba(8, 145, 178, 0.14) !important;
}

html[data-theme='light'] .product-hero .portal-cta .primary:hover,
html[data-theme='light'] .portal-hero .portal-cta .primary:hover {
  transform: translateY(-1px);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.4) inset,
    0 5px 14px rgba(107, 92, 231, 0.28),
    0 2px 4px rgba(8, 145, 178, 0.16) !important;
}

html[data-theme='light'] .product-hero .portal-cta .secondary,
html[data-theme='light'] .product-hero .portal-cta .ghost,
html[data-theme='light'] .portal-hero .portal-cta .secondary,
html[data-theme='light'] .portal-hero .portal-cta .ghost {
  color: var(--ink-soft) !important;
  background: linear-gradient(180deg, #ffffff 0%, #f3f6fb 100%) !important;
  border: 1px solid rgba(36, 52, 78, 0.16) !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.95) inset,
    0 2px 6px rgba(40, 55, 85, 0.08),
    0 1px 2px rgba(40, 55, 85, 0.04) !important;
}

html[data-theme='light'] .product-hero .portal-cta .secondary:hover,
html[data-theme='light'] .product-hero .portal-cta .ghost:hover,
html[data-theme='light'] .portal-hero .portal-cta .secondary:hover,
html[data-theme='light'] .portal-hero .portal-cta .ghost:hover {
  background: linear-gradient(180deg, #ffffff 0%, #eef2f8 100%) !important;
  border-color: rgba(36, 52, 78, 0.22) !important;
  color: var(--heading) !important;
  transform: translateY(-1px);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.95) inset,
    0 4px 10px rgba(40, 55, 85, 0.1) !important;
}

/* ——— Guide hub + learn pages (light) ——— */
html[data-theme='light'] .guide-hub-search input,
html[data-theme='light'] .guide-chapters-field textarea,
html[data-theme='light'] .guide-admin-meta input[type='text'] {
  background: #fff !important;
  border-color: rgba(36, 52, 78, 0.16) !important;
  color: var(--text) !important;
}

html[data-theme='light'] .guide-hub-chip {
  color: var(--ink-soft) !important;
  background: rgba(36, 52, 78, 0.04) !important;
  border-color: rgba(36, 52, 78, 0.14) !important;
}

html[data-theme='light'] .guide-hub-chip:hover {
  color: #0e7490 !important;
  border-color: rgba(8, 145, 178, 0.35) !important;
  background: rgba(8, 145, 178, 0.08) !important;
}

html[data-theme='light'] .guide-hub-chip.is-active {
  color: #0e7490 !important;
  background: rgba(8, 145, 178, 0.12) !important;
  border-color: rgba(8, 145, 178, 0.4) !important;
}

html[data-theme='light'] a.guide-hub-card:hover {
  border-color: rgba(8, 145, 178, 0.35) !important;
  background: linear-gradient(180deg, #ffffff 0%, #eef6fb 100%) !important;
}

html[data-theme='light'] .guide-hub-card-media {
  background: #e8edf4 !important;
  border-bottom-color: rgba(36, 52, 78, 0.1) !important;
}

html[data-theme='light'] .guide-hub-card-body h3 {
  color: var(--heading) !important;
}

html[data-theme='light'] .guide-hub-card-body p {
  color: var(--muted) !important;
}

html[data-theme='light'] .guide-hub-card-meta em {
  color: #0e7490 !important;
  background: rgba(8, 145, 178, 0.1) !important;
  border-color: rgba(8, 145, 178, 0.28) !important;
}

html[data-theme='light'] .guide-learn-toc,
html[data-theme='light'] .guide-learn-toc-mobile,
html[data-theme='light'] .guide-learn-step,
html[data-theme='light'] .guide-learn-help,
html[data-theme='light'] .guide-learn-hero-media-wrap,
html[data-theme='light'] .guide-seo-fallback,
html[data-theme='light'] .guide-seo-steps li {
  background: var(--raised-card-bg) !important;
  border-color: var(--raised-card-border) !important;
  box-shadow: var(--raised-card-shadow) !important;
}

html[data-theme='light'] .guide-learn-toc-title,
html[data-theme='light'] .guide-learn-toc-mobile summary {
  color: #0e7490 !important;
}

html[data-theme='light'] .guide-learn-toc a,
html[data-theme='light'] .guide-learn-toc-mobile-links a {
  color: var(--muted) !important;
}

html[data-theme='light'] .guide-learn-toc a:hover {
  color: var(--heading) !important;
  background: rgba(8, 145, 178, 0.06) !important;
}

html[data-theme='light'] .guide-learn-toc a.is-active {
  color: #0e7490 !important;
  background: rgba(8, 145, 178, 0.1) !important;
  border-color: rgba(8, 145, 178, 0.3) !important;
}

html[data-theme='light'] .guide-learn-hero h1,
html[data-theme='light'] .guide-learn-step-head h2,
html[data-theme='light'] .guide-learn-help h2,
html[data-theme='light'] .guide-learn-hero-side h2,
html[data-theme='light'] .guide-hub-head h1,
html[data-theme='light'] .guide-hub-list-head h2,
html[data-theme='light'] .guide-seo-fallback h1,
html[data-theme='light'] .guide-seo-fallback h2,
html[data-theme='light'] .guide-seo-steps h3 {
  color: var(--heading) !important;
}

html[data-theme='light'] .guide-learn-hero .portal-lead,
html[data-theme='light'] .guide-hub-head .portal-lead,
html[data-theme='light'] .guide-seo-fallback .portal-lead,
html[data-theme='light'] .guide-seo-fallback p,
html[data-theme='light'] .guide-seo-steps p {
  color: var(--muted) !important;
}

/* Badges / pills — override dark cyan that washes out on light */
html[data-theme='light'] .guide-learn-meta em,
html[data-theme='light'] .guide-learn-badge,
html[data-theme='light'] .guide-learn-hero .pill.portal-pill,
html[data-theme='light'] .guide-learn-page .pill.portal-pill,
html[data-theme='light'] .guide-list-hero .pill.portal-pill,
html[data-theme='light'] .guide-seo-fallback .pill.portal-pill,
html[data-theme='light'] .guide-learn-step-num,
html[data-theme='light'] .guide-learn-tips h2,
html[data-theme='light'] .guide-learn-card span {
  color: #0e7490 !important;
  background: rgba(8, 145, 178, 0.1) !important;
  border-color: rgba(8, 145, 178, 0.3) !important;
}

html[data-theme='light'] .guide-step-rail {
  border-top-color: rgba(36, 52, 78, 0.1) !important;
  border-bottom-color: rgba(36, 52, 78, 0.1) !important;
}

html[data-theme='light'] .guide-step-rail > i {
  background: rgba(36, 52, 78, 0.18) !important;
}

html[data-theme='light'] .guide-learn-hero-side {
  background: rgba(36, 52, 78, 0.03) !important;
  border-left-color: rgba(36, 52, 78, 0.1) !important;
}

html[data-theme='light'] .guide-chapter-btn {
  background: #fff !important;
  border-color: rgba(36, 52, 78, 0.14) !important;
  color: var(--text) !important;
}

html[data-theme='light'] .guide-chapter-btn b {
  color: #0e7490 !important;
}

html[data-theme='light'] .guide-chapter-btn.is-active,
html[data-theme='light'] .guide-chapter-btn:hover {
  border-color: rgba(8, 145, 178, 0.35) !important;
  background: rgba(8, 145, 178, 0.08) !important;
}

html[data-theme='light'] .guide-learn-tips {
  border-color: rgba(8, 145, 178, 0.22) !important;
  background: rgba(8, 145, 178, 0.06) !important;
}

html[data-theme='light'] .guide-learn-btn,
html[data-theme='light'] .guide-learn-card {
  background: var(--raised-card-bg) !important;
  border-color: var(--raised-card-border) !important;
  box-shadow: var(--raised-card-shadow) !important;
  color: var(--text) !important;
}

html[data-theme='light'] .guide-learn-btn:hover,
html[data-theme='light'] .guide-learn-card:hover {
  border-color: rgba(8, 145, 178, 0.35) !important;
  background: rgba(8, 145, 178, 0.08) !important;
  color: var(--heading) !important;
}

html[data-theme='light'] .guide-learn-card b {
  color: var(--heading) !important;
}

html[data-theme='light'] .guide-more-all a {
  color: #0e7490 !important;
}

html[data-theme='light'] .guide-learn-step-media .product-feature-media,
html[data-theme='light'] .guide-learn-step-media .vcms-media-slot {
  border-color: rgba(36, 52, 78, 0.14) !important;
}

html[data-theme='light'] .guide-learn-main .md-alert-tip .md-alert-label,
html[data-theme='light'] .guide-learn-main .md-alert-note .md-alert-label {
  color: #0e7490 !important;
  border-color: rgba(8, 145, 178, 0.3) !important;
  background: rgba(8, 145, 178, 0.1) !important;
}

html[data-theme='light'] .guide-learn-main .md-alert-warning .md-alert-label {
  color: #b45309 !important;
  border-color: rgba(217, 119, 6, 0.35) !important;
  background: rgba(251, 191, 36, 0.14) !important;
}

html[data-theme='light'] .guide-learn-main .md-alert-important .md-alert-label {
  color: #5b21b6 !important;
  border-color: rgba(107, 92, 231, 0.35) !important;
  background: rgba(107, 92, 231, 0.1) !important;
}

html[data-theme='light'] .guide-learn-main .md-alert-caution .md-alert-label {
  color: #be123c !important;
  border-color: rgba(225, 29, 72, 0.35) !important;
  background: rgba(251, 113, 133, 0.12) !important;
}

html[data-theme='light'] .guide-media-dupe-warn {
  color: #92400e !important;
  background: rgba(251, 191, 36, 0.14) !important;
  border-color: rgba(217, 119, 6, 0.35) !important;
}

html[data-theme='light'] .guide-seo-fallback a,
html[data-theme='light'] .guide-seo-fallback details summary {
  color: #0e7490 !important;
}

html[data-theme='light'] .guide-cms-status.is-saved {
  color: #047857 !important;
}

html[data-theme='light'] .guide-cms-status.is-dirty {
  color: #b45309 !important;
}

html[data-theme='light'] .home-page .portal-pill {
  color: #0e7490 !important;
  background: rgba(8, 145, 178, 0.1) !important;
  border-color: rgba(8, 145, 178, 0.28) !important;
}

/* Hub list pager active — last so it wins over .ghost */
html[data-theme='light'] .hub-page .hub-list-pager button.ghost.mini-btn.is-active,
html[data-theme='light'] .hub-page .hub-list-pager .mini-btn.is-active {
  background: linear-gradient(135deg, #6b5ce7 0%, #0891b2 100%) !important;
  border-color: rgba(8, 145, 178, 0.4) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Admin Welcome Benefit preview (light) */
html[data-theme='light'] .admin-welcome-card {
  background: #ffffff;
  border-color: rgba(15, 23, 42, 0.1);
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}
html[data-theme='light'] .admin-welcome-card-title {
  color: #0f172a;
}
html[data-theme='light'] .admin-welcome-switch {
  background: #f8fafc;
  border-color: rgba(15, 23, 42, 0.08);
}
html[data-theme='light'] .admin-welcome-switch:hover {
  background: #f1f5f9;
}
html[data-theme='light'] .admin-welcome-switch-copy strong {
  color: #0f172a;
}
html[data-theme='light'] .admin-welcome-switch-copy small {
  color: #64748b;
}
html[data-theme='light'] .admin-welcome-switch-track {
  background: #cbd5e1;
  border-color: #cbd5e1;
}
html[data-theme='light'] .admin-welcome-field input,
html[data-theme='light'] .admin-welcome-field textarea {
  background: #ffffff !important;
  color: #152033 !important;
  border-color: rgba(36, 52, 78, 0.16) !important;
}
html[data-theme='light'] .admin-welcome-var-chip {
  border-color: rgba(8, 145, 178, 0.28);
  background: rgba(8, 145, 178, 0.08);
  color: #0e7490;
}
html[data-theme='light'] .admin-welcome-var-chip:hover:not(:disabled) {
  background: rgba(8, 145, 178, 0.14);
  border-color: rgba(8, 145, 178, 0.42);
}
html[data-theme='light'] .admin-welcome-preview-card {
  background: #ffffff;
  border-color: rgba(15, 23, 42, 0.1);
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.06);
}
html[data-theme='light'] .admin-welcome-badge {
  border-color: rgba(217, 119, 6, 0.28);
  background: rgba(254, 243, 199, 0.9);
  color: #92400e;
}
html[data-theme='light'] .admin-welcome-preview-envelope {
  background: #f8fafc;
  border-color: rgba(15, 23, 42, 0.08);
}
html[data-theme='light'] .admin-welcome-preview-envelope b {
  color: #0f172a;
}
html[data-theme='light'] .admin-welcome-preview-subject {
  background: #f8fafc;
  border-color: rgba(15, 23, 42, 0.08);
}
html[data-theme='light'] .admin-welcome-preview-subject-text {
  color: #0f172a;
}
html[data-theme='light'] .admin-welcome-preview-frame {
  border-color: rgba(15, 23, 42, 0.08);
}
html[data-theme='light'] .admin-page .admin-flash.is-error {
  border-color: rgba(220, 38, 38, 0.28);
  background: rgba(254, 226, 226, 0.85);
  color: #991b1b;
}
html[data-theme='light'] .admin-page .admin-flash.is-ok {
  border-color: rgba(5, 150, 105, 0.28);
  background: rgba(209, 250, 229, 0.9);
  color: #065f46;
}

/* ——— Light surfaces: hardcoded near-white text ——— */
html[data-theme='light'] .comment-body,
html[data-theme='light'] .community-comment-card .comment-body,
html[data-theme='light'] .post-body-content,
html[data-theme='light'] .community-post-author,
html[data-theme='light'] .reply b,
html[data-theme='light'] .review-row strong,
html[data-theme='light'] .form-card label,
html[data-theme='light'] .product-card h3,
html[data-theme='light'] .product-license-list li,
html[data-theme='light'] .product-license-list li.is-soon,
html[data-theme='light'] .purchase-checkout-row strong,
html[data-theme='light'] .purchase-success-meta strong,
html[data-theme='light'] .purchase-spec-item strong,
html[data-theme='light'] .purchase-modal-rows dd,
html[data-theme='light'] .purchase-usage-details b,
html[data-theme='light'] .checkout-order-head h3,
html[data-theme='light'] .checkout-order-value,
html[data-theme='light'] .checkout-order-input,
html[data-theme='light'] .account-credit-table td,
html[data-theme='light'] .credit-history-title,
html[data-theme='light'] .credit-history-balance-value,
html[data-theme='light'] .file-attach-copy b,
html[data-theme='light'] .board-attachments .board-attach-name,
html[data-theme='light'] .board-attachments .board-attachment-item figcaption b,
html[data-theme='light'] .community-post-detail .board-attachment-item figcaption b,
html[data-theme='light'] article .board-attachment-item figcaption b,
html[data-theme='light'] .board-attachment-item figcaption b {
  color: #152033 !important;
}

html[data-theme='light'] .purchase-modal-lead,
html[data-theme='light'] .account-credit-table th,
html[data-theme='light'] .credit-history-balance-label,
html[data-theme='light'] .credit-history-when,
html[data-theme='light'] .file-attach-copy small,
html[data-theme='light'] .file-attach-kind,
html[data-theme='light'] .file-attach-action,
html[data-theme='light'] .file-attach-link,
html[data-theme='light'] .board-attachments .board-attach-badge,
html[data-theme='light'] .board-attachments .board-attachment-item figcaption span,
html[data-theme='light'] .community-post-detail .board-attachment-item figcaption span,
html[data-theme='light'] article .board-attachment-item figcaption span,
html[data-theme='light'] .sidebar-label,
html[data-theme='light'] .sidebar-user-meta #sidebarUserEmail {
  color: #5a6478 !important;
}

html[data-theme='light'] .comment-card,
html[data-theme='light'] .community-comment-card {
  background: #f7f9fc !important;
  border-color: rgba(36, 52, 78, 0.14) !important;
  color: #152033 !important;
}

html[data-theme='light'] .comment-card.reply-child {
  background: #eef2f7 !important;
}

html[data-theme='light'] .comment-head {
  color: #5a6478 !important;
}

html[data-theme='light'] .comment-head span:first-child {
  color: #152033 !important;
}

html[data-theme='light'] .comment-form textarea,
html[data-theme='light'] .community-comment-form textarea,
html[data-theme='light'] .inline-reply textarea {
  background: #ffffff !important;
  color: #152033 !important;
  border-color: rgba(36, 52, 78, 0.16) !important;
}

html[data-theme='light'] .comment-form textarea::placeholder,
html[data-theme='light'] .community-comment-form textarea::placeholder,
html[data-theme='light'] .inline-reply textarea::placeholder,
html[data-theme='light'] .support-chat-composer textarea::placeholder,
html[data-theme='light'] .checkout-order-input::placeholder {
  color: #5a6478 !important;
}

html[data-theme='light'] .purchase-success-card h3,
html[data-theme='light'] .paypal-status.ok,
html[data-theme='light'] .account-page .account-credit-delta.is-plus,
html[data-theme='light'] .account-credit-table td.is-plus,
html[data-theme='light'] .credit-history-delta.is-plus,
html[data-theme='light'] .account-page .account-order-status.is-paid,
html[data-theme='light'] .portal-preview-tag {
  color: #047857 !important;
}

html[data-theme='light'] .paypal-status.err,
html[data-theme='light'] .account-page .account-credit-delta.is-minus,
html[data-theme='light'] .account-credit-table td.is-minus,
html[data-theme='light'] .credit-history-delta.is-minus,
html[data-theme='light'] .account-page .account-order-status.is-failed,
html[data-theme='light'] .account-page .account-chip.is-status-banned,
html[data-theme='light'] .support-chat-end,
html[data-theme='light'] .topbar-license-period.is-expired {
  color: #be123c !important;
}

html[data-theme='light'] .account-page .account-order-status.is-pending,
html[data-theme='light'] .account-page .account-order-status.is-other,
html[data-theme='light'] .account-page .account-order-status.is-review,
html[data-theme='light'] .account-page .account-chip.is-plan-trial,
html[data-theme='light'] .oauth-browser-notice,
html[data-theme='light'] .oauth-browser-notice span,
html[data-theme='light'] .purchase-paused-note,
html[data-theme='light'] .pricing-preview-banner,
html[data-theme='light'] .topbar-license-period {
  color: #92400e !important;
}

html[data-theme='light'] .account-page .account-order-status.is-refund,
html[data-theme='light'] .account-page .account-chip.is-pending,
html[data-theme='light'] .account-page .account-chip.is-status-expired {
  color: #475569 !important;
}

html[data-theme='light'] .account-page .account-chip.is-plan-period {
  color: #c2410c !important;
}

html[data-theme='light'] .guide-card-cat,
html[data-theme='light'] .hub-page .hub-col-no.is-pinned-no,
html[data-theme='light'] .purchase-point-notes li:before,
html[data-theme='light'] .purchase-usage-more summary:before,
html[data-theme='light'] .board-midi-dl,
html[data-theme='light'] .file-attach-link:hover,
html[data-theme='light'] .file-attach-card:hover .file-attach-action,
html[data-theme='light'] .home-flow-line i,
html[data-theme='light'] .timeline-item:before {
  color: #0e7490 !important;
}

html[data-theme='light'] .portal-page .portal-trust span {
  color: #243044 !important;
  background: rgba(36, 52, 78, 0.06) !important;
  border-color: rgba(36, 52, 78, 0.14) !important;
}

html[data-theme='light'] .file-attach-icon {
  color: #334155 !important;
}

html[data-theme='light'] .file-attach-icon.is-archive {
  color: #b45309 !important;
}

html[data-theme='light'] .file-attach-icon.is-pdf {
  color: #be123c !important;
}

html[data-theme='light'] .file-attach-icon.is-text {
  color: #0e7490 !important;
}

html[data-theme='light'] .file-attach-icon.is-audio {
  color: #6d28d9 !important;
}

html[data-theme='light'] .file-attach-icon.is-image,
html[data-theme='light'] .file-attach-kind.is-image {
  color: #047857 !important;
}

html[data-theme='light'] .file-attach-icon.is-video,
html[data-theme='light'] .file-attach-kind.is-video {
  color: #1d4ed8 !important;
}

html[data-theme='light'] .file-attach-icon.is-file {
  color: #475569 !important;
}

html[data-theme='light'] .credit-history-x,
html[data-theme='light'] .account-page .account-credit-refresh {
  color: #152033 !important;
  background: #ffffff !important;
  border-color: rgba(36, 52, 78, 0.16) !important;
}

html[data-theme='light'] .topbar-profile-credit-buy,
html[data-theme='light'] .support-chat-human {
  color: #5b21b6 !important;
}

html[data-theme='light'] .product-license-list li.is-soon span {
  color: #b45309 !important;
}

/* Post actions and the same pastel chip colors (cyan / lavender / pink on pale fills) */
html[data-theme='light'] #postLikeBtn.like-btn,
html[data-theme='light'] .community-post-actions #postLikeBtn,
html[data-theme='light'] .post-actions #postLikeBtn,
html[data-theme='light'] .like-btn.liked {
  color: #0f766e !important;
  background: rgba(8, 145, 178, 0.12) !important;
  border-color: rgba(8, 145, 178, 0.45) !important;
}

html[data-theme='light'] #postLikeBtn.like-btn:hover,
html[data-theme='light'] .community-post-actions #postLikeBtn:hover,
html[data-theme='light'] .post-actions #postLikeBtn:hover,
html[data-theme='light'] #postLikeBtn.like-btn.liked,
html[data-theme='light'] .community-post-actions #postLikeBtn.liked,
html[data-theme='light'] .post-actions #postLikeBtn.liked {
  color: #115e59 !important;
  background: rgba(8, 145, 178, 0.2) !important;
  border-color: rgba(8, 145, 178, 0.55) !important;
}

html[data-theme='light'] #postLikeBtn.liked .like-btn-icon {
  fill: rgba(15, 118, 110, 0.2) !important;
}

html[data-theme='light'] .community-post-actions .post-edit-btn,
html[data-theme='light'] .post-actions .post-edit-btn,
html[data-theme='light'] .community-post-actions a.post-edit-btn {
  color: #152033 !important;
  background: #ffffff !important;
  border-color: rgba(36, 52, 78, 0.22) !important;
}

html[data-theme='light'] .community-post-actions .post-edit-btn:hover,
html[data-theme='light'] .post-actions .post-edit-btn:hover {
  color: #121a2b !important;
  background: #f3f6fb !important;
  border-color: rgba(36, 52, 78, 0.32) !important;
}

html[data-theme='light'] .community-post-actions .post-delete-btn,
html[data-theme='light'] .post-actions .post-delete-btn,
html[data-theme='light'] .community-post-actions button.post-delete-btn {
  color: #be123c !important;
  background: rgba(225, 29, 72, 0.08) !important;
  border-color: rgba(225, 29, 72, 0.35) !important;
}

html[data-theme='light'] .community-post-actions .post-delete-btn:hover,
html[data-theme='light'] .post-actions .post-delete-btn:hover {
  color: #9f1239 !important;
  background: rgba(225, 29, 72, 0.14) !important;
  border-color: rgba(225, 29, 72, 0.5) !important;
}

html[data-theme='light'] .badge.active,
html[data-theme='light'] .author-badge.is-buyer,
html[data-theme='light'] .hub-page .author-badge.is-buyer,
html[data-theme='light'] .badge.mode-human {
  color: #047857 !important;
}

html[data-theme='light'] .badge.none,
html[data-theme='light'] .portal-mandatory-pill,
html[data-theme='light'] .portal-page .portal-mandatory-pill,
html[data-theme='light'] .download-card-pro .portal-mandatory-pill {
  color: #be123c !important;
}

html[data-theme='light'] .badge.pending,
html[data-theme='light'] .badge.open,
html[data-theme='light'] .guide-draft-badge,
html[data-theme='light'] .badge.mode-waiting {
  color: #b45309 !important;
}

html[data-theme='light'] .badge.answered,
html[data-theme='light'] .board-midi-badge,
html[data-theme='light'] .purchase-sale-pill,
html[data-theme='light'] .checkout-order-kicker,
html[data-theme='light'] .board-midi-play-btn {
  color: #0e7490 !important;
}

html[data-theme='light'] .board-midi-play-btn {
  background: rgba(8, 145, 178, 0.12) !important;
  border-color: rgba(8, 145, 178, 0.4) !important;
}

html[data-theme='light'] .board-midi-play-btn:hover,
html[data-theme='light'] .board-midi-dl:hover {
  color: #155e75 !important;
}

html[data-theme='light'] .badge.mode-ai,
html[data-theme='light'] .purchase-badge.sale {
  color: #5b21b6 !important;
}

html[data-theme='light'] .checkout-pay-chip {
  color: #152033 !important;
  background: #f4f7fb !important;
  border-color: rgba(36, 52, 78, 0.16) !important;
}

html[data-theme='light'] .checkout-pay-chip.is-kakao {
  color: #92400e !important;
  background: rgba(251, 191, 36, 0.16) !important;
  border-color: rgba(217, 119, 6, 0.35) !important;
}

html[data-theme='light'] .checkout-pay-chip.is-paypal {
  color: #1d4ed8 !important;
  background: rgba(59, 130, 246, 0.1) !important;
  border-color: rgba(37, 99, 235, 0.28) !important;
}