.support-theme-shell,
  .support-admin-shell {
    position: relative;
    isolation: isolate;
  }

  .support-theme-shell {
    --support-shell-panel-bg: var(--ui-surface-panel-bg, rgba(255, 255, 255, 0.92));
    --support-shell-card-bg: var(--ui-surface-card-bg, rgba(255, 255, 255, 0.9));
    --support-shell-subcard-bg: var(--ui-surface-subcard-bg, rgba(255, 255, 255, 0.88));
    --support-shell-border: var(--ui-color-border-default, rgba(148, 163, 184, 0.18));
    --support-shell-text: var(--ui-color-text-primary, #0f172a);
    --support-shell-muted: var(--ui-color-text-muted, #475569);
    --support-shell-subtle: var(--ui-color-text-subtle, #64748b);
    --support-shell-input-bg: var(--ui-component-input-bg, rgba(255, 255, 255, 0.88));
    --support-shell-input-border: var(--ui-component-input-border, rgba(148, 163, 184, 0.24));
  }

  body.support-page,
  body.support-home-page {
    --support-chrome-panel-bg: var(--ui-surface-panel-bg, rgba(255, 255, 255, 0.92));
    --support-chrome-subcard-bg: var(--ui-surface-subcard-bg, rgba(255, 255, 255, 0.88));
    --support-chrome-border: var(--ui-color-border-default, rgba(148, 163, 184, 0.18));
    --support-chrome-text: var(--ui-color-text-primary, #0f172a);
    --support-chrome-muted: var(--ui-color-text-muted, #475569);
    --support-chrome-hover: color-mix(in srgb, rgba(var(--theme-primary-rgb, 79, 70, 229), 0.12) 72%, transparent);
  }

  body.support-page .public-nav-shell,
  body.support-home-page .public-nav-shell {
    --public-nav-bg: color-mix(in srgb, var(--support-chrome-panel-bg) 92%, transparent);
    --public-nav-border: var(--support-chrome-border);
    --public-nav-link-color: var(--support-chrome-muted);
    --public-nav-link-hover-color: var(--support-chrome-text);
    --public-nav-link-hover-bg: var(--support-chrome-hover);
    --public-nav-dropdown-surface: color-mix(in srgb, var(--support-chrome-panel-bg) 90%, transparent);
    --public-nav-dropdown-item-surface: color-mix(in srgb, var(--support-chrome-subcard-bg) 92%, transparent);
    --public-nav-dropdown-item-hover-surface: color-mix(in srgb, var(--support-chrome-hover) 82%, var(--support-chrome-subcard-bg) 18%);
    --ui-nav-text: var(--support-chrome-muted);
    --ui-nav-text-hover: var(--support-chrome-text);
    --ui-nav-text-active: var(--support-chrome-text);
  }

  body.support-page .public-footer-shell,
  body.support-home-page .public-footer-shell {
    border-color: var(--support-chrome-border);
    background: transparent;
    color: var(--support-chrome-muted);
  }

  body.support-page .public-footer-brand,
  body.support-home-page .public-footer-brand,
  body.support-page .public-footer-heading,
  body.support-home-page .public-footer-heading,
  body.support-page .public-footer-link:hover,
  body.support-home-page .public-footer-link:hover,
  body.support-page .public-footer-sublink:hover,
  body.support-home-page .public-footer-sublink:hover,
  body.support-page .public-footer-meta-link:hover,
  body.support-home-page .public-footer-meta-link:hover {
    color: var(--support-chrome-text);
  }

  body.support-page .public-footer-copy,
  body.support-home-page .public-footer-copy,
  body.support-page .public-footer-meta,
  body.support-home-page .public-footer-meta,
  body.support-page .public-footer-link,
  body.support-home-page .public-footer-link,
  body.support-page .public-footer-sublink,
  body.support-home-page .public-footer-sublink,
  body.support-page .public-footer-meta-link,
  body.support-home-page .public-footer-meta-link {
    color: var(--support-chrome-muted);
  }

  body.support-page .public-footer-shell .border-gray-100,
  body.support-home-page .public-footer-shell .border-gray-100 {
    border-color: var(--support-chrome-border) !important;
  }

  .support-admin-shell {
    --support-admin-panel-bg: var(--ui-surface-card-bg, rgba(255, 255, 255, 0.95));
    --support-admin-subcard-bg: var(--ui-surface-subcard-bg, rgba(248, 250, 252, 0.9));
    --support-admin-border: var(--ui-color-border-default, rgba(148, 163, 184, 0.18));
    --support-admin-text: var(--ui-color-text-primary, #0f172a);
    --support-admin-muted: var(--ui-color-text-muted, #64748b);
  }

  .support-theme-shell .support-page-hero,
  .support-theme-shell .support-panel,
  .support-theme-shell .support-card,
  .support-theme-shell .support-callout,
  .support-theme-shell .support-chip {
    border: 1px solid var(--support-shell-border);
    background: color-mix(in srgb, var(--support-shell-card-bg) 90%, transparent);
    color: var(--support-shell-text);
    box-shadow: 0 22px 44px rgba(15, 23, 42, 0.12);
    backdrop-filter: blur(18px) saturate(145%);
  }

  .support-theme-shell .support-page-hero {
    background: color-mix(in srgb, var(--support-shell-panel-bg) 94%, transparent);
  }

  .support-theme-shell .support-subcard,
  .support-theme-shell .bg-gray-50,
  .support-theme-shell .bg-gray-100,
  .support-theme-shell .bg-gray-200,
  .support-theme-shell .bg-slate-50,
  .support-theme-shell .bg-slate-100,
  .support-theme-shell .bg-slate-200,
  .support-theme-shell .bg-white,
  .support-theme-shell [class*='bg-white/'] {
    border-color: var(--support-shell-border) !important;
    background: color-mix(in srgb, var(--support-shell-subcard-bg) 92%, transparent) !important;
    color: var(--support-shell-muted);
  }

  .support-theme-shell .border-gray-100,
  .support-theme-shell .border-gray-200,
  .support-theme-shell .border-gray-300 {
    border-color: var(--support-shell-border) !important;
  }

  .support-theme-shell .text-gray-900,
  .support-theme-shell .text-gray-800,
  .support-theme-shell .text-slate-900,
  .support-theme-shell .text-gray-700 {
    color: var(--support-shell-text) !important;
  }

  .support-theme-shell .text-gray-600,
  .support-theme-shell .text-gray-500,
  .support-theme-shell .text-gray-400,
  .support-theme-shell .text-gray-300 {
    color: var(--support-shell-muted) !important;
  }

  .support-theme-shell .shadow-sm,
  .support-theme-shell .shadow-md,
  .support-theme-shell .shadow-lg,
  .support-theme-shell .shadow-xl {
    box-shadow: 0 22px 44px rgba(15, 23, 42, 0.12) !important;
  }

  .support-theme-shell input:not([type='checkbox']):not([type='radio']):not([type='file']),
  .support-theme-shell select,
  .support-theme-shell textarea {
    background: color-mix(in srgb, var(--support-shell-input-bg) 92%, transparent) !important;
    color: var(--support-shell-text) !important;
    border-color: var(--support-shell-input-border) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35);
  }

  .support-theme-shell input::placeholder,
  .support-theme-shell textarea::placeholder {
    color: var(--support-shell-subtle) !important;
  }

  .support-theme-shell option {
    color: #0f172a;
    background: #ffffff;
  }

  :is(body.theme-dark, body.ui-mode-dark, body.public-site-body.preset-mode-dark, body.public-site-body.ui-mode-dark) .support-theme-shell .support-page-hero,
  :is(body.theme-dark, body.ui-mode-dark, body.public-site-body.preset-mode-dark, body.public-site-body.ui-mode-dark) .support-theme-shell .support-panel,
  :is(body.theme-dark, body.ui-mode-dark, body.public-site-body.preset-mode-dark, body.public-site-body.ui-mode-dark) .support-theme-shell .support-card,
  :is(body.theme-dark, body.ui-mode-dark, body.public-site-body.preset-mode-dark, body.public-site-body.ui-mode-dark) .support-theme-shell .support-callout,
  :is(body.theme-dark, body.ui-mode-dark, body.public-site-body.preset-mode-dark, body.public-site-body.ui-mode-dark) .support-theme-shell .support-chip {
    background: linear-gradient(180deg, var(--support-shell-card-bg), color-mix(in srgb, var(--support-shell-card-bg) 90%, var(--support-shell-subcard-bg))) !important;
    border-color: var(--support-shell-border) !important;
    box-shadow: 0 24px 56px rgba(2, 6, 23, 0.28);
  }

  :is(body.theme-dark, body.ui-mode-dark, body.public-site-body.preset-mode-dark, body.public-site-body.ui-mode-dark).support-page,
  :is(body.theme-dark, body.ui-mode-dark, body.public-site-body.preset-mode-dark, body.public-site-body.ui-mode-dark).support-home-page {
    --support-chrome-hover: color-mix(in srgb, rgba(var(--theme-primary-rgb, 96, 165, 250), 0.18) 72%, rgba(15, 23, 42, 0.34) 28%);
  }

  :is(body.theme-dark, body.ui-mode-dark, body.public-site-body.preset-mode-dark, body.public-site-body.ui-mode-dark) .support-theme-shell .support-subcard,
  :is(body.theme-dark, body.ui-mode-dark, body.public-site-body.preset-mode-dark, body.public-site-body.ui-mode-dark) .support-theme-shell .bg-gray-50,
  :is(body.theme-dark, body.ui-mode-dark, body.public-site-body.preset-mode-dark, body.public-site-body.ui-mode-dark) .support-theme-shell .bg-gray-100,
  :is(body.theme-dark, body.ui-mode-dark, body.public-site-body.preset-mode-dark, body.public-site-body.ui-mode-dark) .support-theme-shell .bg-gray-200,
  :is(body.theme-dark, body.ui-mode-dark, body.public-site-body.preset-mode-dark, body.public-site-body.ui-mode-dark) .support-theme-shell .bg-slate-50,
  :is(body.theme-dark, body.ui-mode-dark, body.public-site-body.preset-mode-dark, body.public-site-body.ui-mode-dark) .support-theme-shell .bg-slate-100,
  :is(body.theme-dark, body.ui-mode-dark, body.public-site-body.preset-mode-dark, body.public-site-body.ui-mode-dark) .support-theme-shell .bg-slate-200,
  :is(body.theme-dark, body.ui-mode-dark, body.public-site-body.preset-mode-dark, body.public-site-body.ui-mode-dark) .support-theme-shell .bg-white,
  :is(body.theme-dark, body.ui-mode-dark, body.public-site-body.preset-mode-dark, body.public-site-body.ui-mode-dark) .support-theme-shell [class*='bg-white/'] {
    background: linear-gradient(180deg, var(--support-shell-subcard-bg), color-mix(in srgb, var(--support-shell-subcard-bg) 92%, transparent)) !important;
    border-color: var(--support-shell-border) !important;
    color: var(--support-shell-muted) !important;
  }

  :is(body.theme-dark, body.ui-mode-dark, body.public-site-body.preset-mode-dark, body.public-site-body.ui-mode-dark) .support-theme-shell .text-gray-900,
  :is(body.theme-dark, body.ui-mode-dark, body.public-site-body.preset-mode-dark, body.public-site-body.ui-mode-dark) .support-theme-shell .text-gray-800,
  :is(body.theme-dark, body.ui-mode-dark, body.public-site-body.preset-mode-dark, body.public-site-body.ui-mode-dark) .support-theme-shell .text-slate-900,
  :is(body.theme-dark, body.ui-mode-dark, body.public-site-body.preset-mode-dark, body.public-site-body.ui-mode-dark) .support-theme-shell .text-gray-700 {
    color: var(--support-shell-text) !important;
  }

  :is(body.theme-dark, body.ui-mode-dark, body.public-site-body.preset-mode-dark, body.public-site-body.ui-mode-dark) .support-theme-shell .text-gray-600,
  :is(body.theme-dark, body.ui-mode-dark, body.public-site-body.preset-mode-dark, body.public-site-body.ui-mode-dark) .support-theme-shell .text-gray-500,
  :is(body.theme-dark, body.ui-mode-dark, body.public-site-body.preset-mode-dark, body.public-site-body.ui-mode-dark) .support-theme-shell .text-gray-400,
  :is(body.theme-dark, body.ui-mode-dark, body.public-site-body.preset-mode-dark, body.public-site-body.ui-mode-dark) .support-theme-shell .text-gray-300 {
    color: var(--support-shell-muted) !important;
  }

  :is(body.theme-dark, body.ui-mode-dark, body.public-site-body.preset-mode-dark, body.public-site-body.ui-mode-dark) .support-theme-shell a {
    color: color-mix(in srgb, var(--theme-primary, #60a5fa) 72%, #ffffff 28%);
  }

  :is(body.theme-dark, body.ui-mode-dark, body.public-site-body.preset-mode-dark, body.public-site-body.ui-mode-dark) .support-theme-shell a:hover {
    color: color-mix(in srgb, var(--theme-primary, #93c5fd) 82%, #ffffff 18%);
  }

  :is(body.theme-dark, body.ui-mode-dark, body.public-site-body.preset-mode-dark, body.public-site-body.ui-mode-dark) .support-theme-shell .page-hero-breadcrumbs {
    color: color-mix(in srgb, var(--support-shell-muted) 86%, transparent) !important;
  }

  :is(body.theme-dark, body.ui-mode-dark, body.public-site-body.preset-mode-dark, body.public-site-body.ui-mode-dark) .support-theme-shell .page-hero-breadcrumbs a {
    color: inherit !important;
  }

  :is(body.theme-dark, body.ui-mode-dark, body.public-site-body.preset-mode-dark, body.public-site-body.ui-mode-dark) .support-theme-shell .page-hero-breadcrumbs a:hover {
    color: #ffffff !important;
  }

  :is(body.theme-dark, body.ui-mode-dark, body.public-site-body.preset-mode-dark, body.public-site-body.ui-mode-dark) .support-theme-shell input:not([type='checkbox']):not([type='radio']):not([type='file']),
  :is(body.theme-dark, body.ui-mode-dark, body.public-site-body.preset-mode-dark, body.public-site-body.ui-mode-dark) .support-theme-shell select,
  :is(body.theme-dark, body.ui-mode-dark, body.public-site-body.preset-mode-dark, body.public-site-body.ui-mode-dark) .support-theme-shell textarea {
    background: color-mix(in srgb, var(--support-shell-input-bg) 92%, transparent) !important;
    color: var(--support-shell-text) !important;
    border-color: var(--support-shell-input-border) !important;
    box-shadow: inset 0 1px 0 rgba(148, 163, 184, 0.08);
  }

  :is(body.theme-dark, body.ui-mode-dark, body.public-site-body.preset-mode-dark, body.public-site-body.ui-mode-dark) .support-theme-shell input::placeholder,
  :is(body.theme-dark, body.ui-mode-dark, body.public-site-body.preset-mode-dark, body.public-site-body.ui-mode-dark) .support-theme-shell textarea::placeholder {
    color: var(--support-shell-subtle) !important;
  }

  :is(body.theme-dark, body.ui-mode-dark, body.public-site-body.preset-mode-dark, body.public-site-body.ui-mode-dark) .support-theme-shell option {
    color: var(--support-shell-text);
    background: var(--support-shell-input-bg);
  }

  .support-admin-shell .support-admin-hero,
  .support-admin-shell .bg-white,
  .support-admin-shell .bg-gray-50,
  .support-admin-shell .bg-gray-100,
  .support-admin-shell .bg-gray-200,
  .support-admin-shell .bg-slate-50,
  .support-admin-shell .bg-slate-100,
  .support-admin-shell .bg-slate-200,
  .support-admin-shell [class*='bg-white/'] {
    border: 1px solid var(--support-admin-border) !important;
    background: color-mix(in srgb, rgba(var(--theme-primary-rgb, 79, 70, 229), 0.05) 18%, var(--support-admin-panel-bg)) !important;
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08) !important;
  }

  .support-admin-shell .border-gray-100,
  .support-admin-shell .border-gray-200,
  .support-admin-shell .border-gray-300 {
    border-color: var(--support-admin-border) !important;
  }

  @media (min-width: 901px) {
    body.theme-light:not(.preset-mode-dark):not(.ui-mode-dark) .support-admin-shell :is(.bg-red-50, .bg-orange-50, .bg-amber-50, .bg-yellow-50, .bg-green-50, .bg-blue-50, .bg-indigo-50, .bg-purple-50) {
      background: color-mix(in srgb, var(--support-admin-subcard-bg) 94%, transparent) !important;
      border: 1px solid var(--support-admin-border) !important;
    }

    body.theme-light:not(.preset-mode-dark):not(.ui-mode-dark) .support-admin-shell :is(.bg-red-100, .bg-orange-100, .bg-amber-100, .bg-yellow-100, .bg-green-100, .bg-blue-100, .bg-indigo-100, .bg-purple-100) {
      background: color-mix(in srgb, var(--support-admin-subcard-bg) 88%, rgba(var(--theme-primary-rgb, 79, 70, 229), 0.1)) !important;
      border: 1px solid var(--support-admin-border) !important;
    }

    body.theme-light:not(.preset-mode-dark):not(.ui-mode-dark) .support-admin-shell :is(.hover\:bg-red-100:hover, .hover\:bg-orange-100:hover, .hover\:bg-amber-100:hover, .hover\:bg-yellow-100:hover, .hover\:bg-green-100:hover, .hover\:bg-blue-100:hover, .hover\:bg-indigo-100:hover, .hover\:bg-purple-100:hover, .hover\:bg-gray-100:hover) {
      background: color-mix(in srgb, var(--support-admin-subcard-bg) 84%, rgba(var(--theme-primary-rgb, 79, 70, 229), 0.14)) !important;
    }
  }

  :is(body.theme-dark, body.ui-mode-dark, body.public-site-body.preset-mode-dark, body.public-site-body.ui-mode-dark) .support-admin-shell .support-admin-hero,
  :is(body.theme-dark, body.ui-mode-dark, body.public-site-body.preset-mode-dark, body.public-site-body.ui-mode-dark) .support-admin-shell .bg-white,
  :is(body.theme-dark, body.ui-mode-dark, body.public-site-body.preset-mode-dark, body.public-site-body.ui-mode-dark) .support-admin-shell .bg-gray-50,
  :is(body.theme-dark, body.ui-mode-dark, body.public-site-body.preset-mode-dark, body.public-site-body.ui-mode-dark) .support-admin-shell .bg-gray-100,
  :is(body.theme-dark, body.ui-mode-dark, body.public-site-body.preset-mode-dark, body.public-site-body.ui-mode-dark) .support-admin-shell .bg-gray-200,
  :is(body.theme-dark, body.ui-mode-dark, body.public-site-body.preset-mode-dark, body.public-site-body.ui-mode-dark) .support-admin-shell .bg-slate-50,
  :is(body.theme-dark, body.ui-mode-dark, body.public-site-body.preset-mode-dark, body.public-site-body.ui-mode-dark) .support-admin-shell .bg-slate-100,
  :is(body.theme-dark, body.ui-mode-dark, body.public-site-body.preset-mode-dark, body.public-site-body.ui-mode-dark) .support-admin-shell .bg-slate-200,
  :is(body.theme-dark, body.ui-mode-dark, body.public-site-body.preset-mode-dark, body.public-site-body.ui-mode-dark) .support-admin-shell [class*='bg-white/'] {
    background: linear-gradient(180deg, var(--support-admin-panel-bg), color-mix(in srgb, var(--support-admin-panel-bg) 90%, var(--support-admin-subcard-bg))) !important;
    color: var(--support-admin-text) !important;
    border-color: var(--support-admin-border) !important;
    box-shadow: 0 18px 40px rgba(2, 6, 23, 0.34) !important;
  }

  :is(body.theme-dark, body.ui-mode-dark, body.public-site-body.preset-mode-dark, body.public-site-body.ui-mode-dark) .support-admin-shell .text-gray-900,
  :is(body.theme-dark, body.ui-mode-dark, body.public-site-body.preset-mode-dark, body.public-site-body.ui-mode-dark) .support-admin-shell .text-gray-800,
  :is(body.theme-dark, body.ui-mode-dark, body.public-site-body.preset-mode-dark, body.public-site-body.ui-mode-dark) .support-admin-shell .text-slate-900,
  :is(body.theme-dark, body.ui-mode-dark, body.public-site-body.preset-mode-dark, body.public-site-body.ui-mode-dark) .support-admin-shell .text-gray-700 {
    color: var(--support-admin-text) !important;
  }

  :is(body.theme-dark, body.ui-mode-dark, body.public-site-body.preset-mode-dark, body.public-site-body.ui-mode-dark) .support-admin-shell .text-gray-600,
  :is(body.theme-dark, body.ui-mode-dark, body.public-site-body.preset-mode-dark, body.public-site-body.ui-mode-dark) .support-admin-shell .text-gray-500,
  :is(body.theme-dark, body.ui-mode-dark, body.public-site-body.preset-mode-dark, body.public-site-body.ui-mode-dark) .support-admin-shell .text-gray-400,
  :is(body.theme-dark, body.ui-mode-dark, body.public-site-body.preset-mode-dark, body.public-site-body.ui-mode-dark) .support-admin-shell .text-gray-300 {
    color: var(--support-admin-muted) !important;
  }

  :is(body.theme-dark, body.ui-mode-dark, body.public-site-body.preset-mode-dark, body.public-site-body.ui-mode-dark) .support-admin-shell .border-gray-100,
  :is(body.theme-dark, body.ui-mode-dark, body.public-site-body.preset-mode-dark, body.public-site-body.ui-mode-dark) .support-admin-shell .border-gray-200,
  :is(body.theme-dark, body.ui-mode-dark, body.public-site-body.preset-mode-dark, body.public-site-body.ui-mode-dark) .support-admin-shell .border-gray-300 {
    border-color: var(--support-admin-border) !important;
  }

  :is(body.theme-dark, body.ui-mode-dark, body.public-site-body.preset-mode-dark, body.public-site-body.ui-mode-dark) .support-admin-shell :is(.bg-red-50, .bg-orange-50, .bg-amber-50, .bg-yellow-50, .bg-green-50, .bg-blue-50, .bg-indigo-50, .bg-purple-50) {
    background: linear-gradient(180deg, var(--support-admin-subcard-bg), color-mix(in srgb, var(--support-admin-subcard-bg) 92%, transparent)) !important;
    border-color: var(--support-admin-border) !important;
  }

  :is(body.theme-dark, body.ui-mode-dark, body.public-site-body.preset-mode-dark, body.public-site-body.ui-mode-dark) .support-admin-shell :is(.bg-red-100, .bg-orange-100, .bg-amber-100, .bg-yellow-100, .bg-green-100, .bg-blue-100, .bg-indigo-100, .bg-purple-100) {
    background: color-mix(in srgb, var(--support-admin-subcard-bg) 88%, rgba(var(--theme-primary-rgb, 79, 70, 229), 0.12)) !important;
    border-color: var(--support-admin-border) !important;
  }

  :is(body.theme-dark, body.ui-mode-dark, body.public-site-body.preset-mode-dark, body.public-site-body.ui-mode-dark) .support-admin-shell :is(.hover\:bg-red-100:hover, .hover\:bg-orange-100:hover, .hover\:bg-amber-100:hover, .hover\:bg-yellow-100:hover, .hover\:bg-green-100:hover, .hover\:bg-blue-100:hover, .hover\:bg-indigo-100:hover, .hover\:bg-purple-100:hover, .hover\:bg-gray-100:hover) {
    background: color-mix(in srgb, var(--support-admin-subcard-bg) 84%, rgba(var(--theme-primary-rgb, 79, 70, 229), 0.16)) !important;
    border-color: var(--support-admin-border) !important;
  }

  :is(body.theme-dark, body.ui-mode-dark, body.public-site-body.preset-mode-dark, body.public-site-body.ui-mode-dark) .support-admin-shell .text-red-700,
  :is(body.theme-dark, body.ui-mode-dark, body.public-site-body.preset-mode-dark, body.public-site-body.ui-mode-dark) .support-admin-shell .text-red-600 {
    color: #fca5a5 !important;
  }

  :is(body.theme-dark, body.ui-mode-dark, body.public-site-body.preset-mode-dark, body.public-site-body.ui-mode-dark) .support-admin-shell .text-orange-700,
  :is(body.theme-dark, body.ui-mode-dark, body.public-site-body.preset-mode-dark, body.public-site-body.ui-mode-dark) .support-admin-shell .text-orange-600 {
    color: #fdba74 !important;
  }

  :is(body.theme-dark, body.ui-mode-dark, body.public-site-body.preset-mode-dark, body.public-site-body.ui-mode-dark) .support-admin-shell .text-yellow-700,
  :is(body.theme-dark, body.ui-mode-dark, body.public-site-body.preset-mode-dark, body.public-site-body.ui-mode-dark) .support-admin-shell .text-yellow-600 {
    color: #fcd34d !important;
  }

  :is(body.theme-dark, body.ui-mode-dark, body.public-site-body.preset-mode-dark, body.public-site-body.ui-mode-dark) .support-admin-shell .text-green-700,
  :is(body.theme-dark, body.ui-mode-dark, body.public-site-body.preset-mode-dark, body.public-site-body.ui-mode-dark) .support-admin-shell .text-green-600 {
    color: #86efac !important;
  }

  :is(body.theme-dark, body.ui-mode-dark, body.public-site-body.preset-mode-dark, body.public-site-body.ui-mode-dark) .support-admin-shell .text-blue-700,
  :is(body.theme-dark, body.ui-mode-dark, body.public-site-body.preset-mode-dark, body.public-site-body.ui-mode-dark) .support-admin-shell .text-blue-600 {
    color: #93c5fd !important;
  }

  :is(body.theme-dark, body.ui-mode-dark, body.public-site-body.preset-mode-dark, body.public-site-body.ui-mode-dark) .support-admin-shell .text-indigo-700,
  :is(body.theme-dark, body.ui-mode-dark, body.public-site-body.preset-mode-dark, body.public-site-body.ui-mode-dark) .support-admin-shell .text-indigo-600 {
    color: #a5b4fc !important;
  }

  :is(body.theme-dark, body.ui-mode-dark, body.public-site-body.preset-mode-dark, body.public-site-body.ui-mode-dark) .support-admin-shell .text-purple-700,
  :is(body.theme-dark, body.ui-mode-dark, body.public-site-body.preset-mode-dark, body.public-site-body.ui-mode-dark) .support-admin-shell .text-purple-600 {
    color: #c4b5fd !important;
  }