html[data-platform-theme] {
  color-scheme: light;
  --platform-brand-primary: #4F46E5;
  --platform-brand-secondary: #7C3AED;
  --platform-bg: #f3f6fb;
  --platform-bg-elevated: #fbfcfe;
  --platform-surface: #ffffff;
  --platform-surface-alt: #f6f8fc;
  --platform-surface-muted: #eaf0f7;
  --platform-sidebar-bg: #1e1e2d;
  --platform-sidebar-hover: #2a2c40;
  --platform-sidebar-active: #38395a;
  --platform-sidebar-text: #aab0c2;
  --platform-sidebar-text-active: #ffffff;
  --platform-sidebar-section-text: #7a8098;
  --platform-topbar-start: #4F46E5;
  --platform-topbar-end: #6D5EF7;
  --platform-topbar-text: #ffffff;
  --platform-primary: #4F46E5;
  --platform-primary-hover: #4338CA;
  --platform-secondary: #7C3AED;
  --platform-button-text: #ffffff;
  --platform-input-bg: #ffffff;
  --platform-input-bg-strong: #f7f9fd;
  --platform-border: #d7e1ee;
  --platform-border-strong: #c4d0e2;
  --platform-text: #243042;
  --platform-text-strong: #0f172a;
  --platform-text-muted: #66748a;
  --platform-hover: rgba(79, 70, 229, 0.08);
  --platform-selected-bg: rgba(79, 70, 229, 0.12);
  --platform-link: var(--platform-primary);
  --platform-link-hover: var(--platform-primary-hover);
  --platform-table-head-bg: #eef3fa;
  --platform-table-head-text: #475569;
  --platform-modal-bg: rgba(255, 255, 255, 0.98);
  --platform-shadow: 0 18px 36px rgba(15, 23, 42, 0.08);
  --platform-shadow-soft: 0 6px 20px rgba(15, 23, 42, 0.07);
  --platform-focus-ring: 0 0 0 0.2rem rgba(79, 70, 229, 0.18);
  --platform-theme-menu-bg: rgba(255, 255, 255, 0.98);
  --platform-topbar-bg: linear-gradient(135deg, var(--platform-topbar-start) 0%, var(--platform-topbar-end) 100%);

  --app-bg: var(--platform-bg);
  --app-surface: var(--platform-surface);
  --app-surface-alt: var(--platform-surface-alt);
  --sidebar-muted: var(--platform-sidebar-section-text);
  --sidebar-active-bg: var(--platform-sidebar-active);
  --sidebar-active-text: var(--platform-sidebar-text-active);
  --topbar-bg: var(--platform-topbar-bg);
  --topbar-text: var(--platform-topbar-text);
  --border-color: var(--platform-border);
  --text-color: var(--platform-text);
  --text-muted: var(--platform-text-muted);
  --heading-color: var(--platform-text-strong);
  --accent-color: var(--platform-primary);
  --accent-contrast: var(--platform-button-text);
  --hover-bg: var(--platform-hover);
  --selected-bg: var(--platform-selected-bg);
  --input-bg: var(--platform-input-bg);
  --input-border: var(--platform-border);
  --button-primary-bg: var(--platform-primary);
  --button-primary-text: var(--platform-button-text);
  --modal-bg: var(--platform-modal-bg);
  --modal-border: var(--platform-border);
  --chat-bg: var(--platform-surface-alt);
  --chat-surface: var(--platform-surface);
  --chat-bubble-incoming: var(--platform-surface);
  --chat-bubble-outgoing: color-mix(in srgb, var(--platform-primary) 10%, var(--platform-surface));

  --primary-color: var(--platform-primary);
  --primary-hover: var(--platform-primary-hover);
  --secondary-color: var(--platform-secondary);
  --sidebar-bg: var(--platform-sidebar-bg);
  --sidebar-hover: var(--platform-sidebar-hover);
  --sidebar-active: var(--platform-sidebar-active);
  --sidebar-text: var(--platform-sidebar-text);
  --sidebar-text-active: var(--platform-sidebar-text-active);
  --sidebar-section-text: var(--platform-sidebar-section-text);

  --bs-body-bg: var(--platform-bg);
  --bs-body-color: var(--platform-text);
  --bs-border-color: var(--platform-border);
  --bs-link-color: var(--platform-link);
  --bs-link-hover-color: var(--platform-link-hover);
  --bs-primary: var(--platform-primary);
  --bs-primary-rgb: 79, 70, 229;
  --bs-secondary-color: var(--platform-text-muted);
  --bs-tertiary-bg: var(--platform-surface-alt);
}

html[data-platform-theme="dark"] {
  color-scheme: dark;
  --platform-bg: #0b111c;
  --platform-bg-elevated: #111827;
  --platform-surface: #141d2f;
  --platform-surface-alt: #192437;
  --platform-surface-muted: #202b40;
  --platform-sidebar-bg: #0a101a;
  --platform-sidebar-hover: #121b2c;
  --platform-sidebar-active: #1c2840;
  --platform-sidebar-text: #a2aec4;
  --platform-sidebar-text-active: #f8fafc;
  --platform-sidebar-section-text: #718096;
  --platform-topbar-start: #121827;
  --platform-topbar-end: #23243b;
  --platform-topbar-text: #f8fafc;
  --platform-primary: #8A7CFF;
  --platform-primary-hover: #9D91FF;
  --platform-secondary: #6E8FFF;
  --platform-button-text: #f8fafc;
  --platform-input-bg: #111b2d;
  --platform-input-bg-strong: #172338;
  --platform-border: #263249;
  --platform-border-strong: #33455f;
  --platform-text: #e3ebf5;
  --platform-text-strong: #f8fafc;
  --platform-text-muted: #9aa8bf;
  --platform-hover: rgba(138, 124, 255, 0.14);
  --platform-selected-bg: rgba(138, 124, 255, 0.2);
  --platform-link: #A79CFF;
  --platform-link-hover: #C6BEFF;
  --platform-table-head-bg: #172133;
  --platform-table-head-text: #d3dceb;
  --platform-modal-bg: rgba(20, 29, 47, 0.985);
  --platform-shadow: 0 20px 40px rgba(2, 8, 23, 0.45);
  --platform-shadow-soft: 0 8px 24px rgba(2, 8, 23, 0.35);
  --platform-focus-ring: 0 0 0 0.2rem rgba(138, 124, 255, 0.24);
  --platform-theme-menu-bg: rgba(19, 27, 43, 0.985);
}

html[data-platform-theme="slate"] {
  --platform-bg: #edf2f6;
  --platform-bg-elevated: #f8fafc;
  --platform-surface: #fbfcfe;
  --platform-surface-alt: #f0f4f8;
  --platform-surface-muted: #e6edf4;
  --platform-sidebar-bg: #2b3a4c;
  --platform-sidebar-hover: #35475d;
  --platform-sidebar-active: #48617d;
  --platform-sidebar-text: #d7dfea;
  --platform-sidebar-text-active: #ffffff;
  --platform-sidebar-section-text: #9cabbf;
  --platform-topbar-start: #55677f;
  --platform-topbar-end: #6b7d95;
  --platform-primary: #5F7188;
  --platform-primary-hover: #536379;
  --platform-secondary: #7E8FA6;
  --platform-hover: rgba(95, 113, 136, 0.09);
  --platform-selected-bg: rgba(95, 113, 136, 0.14);
  --platform-link: #4F647D;
  --platform-link-hover: #405269;
}

html[data-platform-theme="midnight"] {
  color-scheme: dark;
  --platform-bg: #060c18;
  --platform-bg-elevated: #0c1526;
  --platform-surface: #101a2d;
  --platform-surface-alt: #15213a;
  --platform-surface-muted: #1a2743;
  --platform-sidebar-bg: #050a14;
  --platform-sidebar-hover: #0d1730;
  --platform-sidebar-active: #17305a;
  --platform-sidebar-text: #a7b7d3;
  --platform-sidebar-text-active: #eef6ff;
  --platform-sidebar-section-text: #7288ab;
  --platform-topbar-start: #081221;
  --platform-topbar-end: #173055;
  --platform-topbar-text: #eef6ff;
  --platform-primary: #57A8FF;
  --platform-primary-hover: #74BAFF;
  --platform-secondary: #7A66FF;
  --platform-button-text: #eef6ff;
  --platform-input-bg: #10192c;
  --platform-input-bg-strong: #16233b;
  --platform-border: #223553;
  --platform-border-strong: #2f4b74;
  --platform-text: #dce7f7;
  --platform-text-strong: #eef6ff;
  --platform-text-muted: #98abc6;
  --platform-hover: rgba(87, 168, 255, 0.16);
  --platform-selected-bg: rgba(87, 168, 255, 0.22);
  --platform-link: #84C8FF;
  --platform-link-hover: #ACDCFF;
  --platform-table-head-bg: #142138;
  --platform-table-head-text: #d6e2f4;
  --platform-modal-bg: rgba(16, 26, 45, 0.986);
  --platform-shadow: 0 22px 42px rgba(1, 6, 16, 0.52);
  --platform-shadow-soft: 0 10px 26px rgba(1, 6, 16, 0.38);
  --platform-focus-ring: 0 0 0 0.2rem rgba(87, 168, 255, 0.24);
  --platform-theme-menu-bg: rgba(12, 21, 38, 0.985);
}

html[data-platform-theme="ocean"] {
  --platform-bg: #ecf7f9;
  --platform-bg-elevated: #f7fbfc;
  --platform-surface: #ffffff;
  --platform-surface-alt: #ebf6f8;
  --platform-surface-muted: #dff0f2;
  --platform-sidebar-bg: #12495d;
  --platform-sidebar-hover: #195f74;
  --platform-sidebar-active: #22798f;
  --platform-sidebar-text: #d5eef2;
  --platform-sidebar-text-active: #ffffff;
  --platform-sidebar-section-text: #9ac9d0;
  --platform-topbar-start: #0D6B74;
  --platform-topbar-end: #1688A3;
  --platform-primary: #0F7680;
  --platform-primary-hover: #0D6870;
  --platform-secondary: #1499A7;
  --platform-hover: rgba(15, 118, 128, 0.09);
  --platform-selected-bg: rgba(15, 118, 128, 0.14);
  --platform-link: #0F7680;
  --platform-link-hover: #0C6570;
}

html[data-platform-theme="forest"] {
  --platform-bg: #eff5f0;
  --platform-bg-elevated: #f9fbf9;
  --platform-surface: #ffffff;
  --platform-surface-alt: #eff5f0;
  --platform-surface-muted: #e4ede6;
  --platform-sidebar-bg: #193226;
  --platform-sidebar-hover: #244236;
  --platform-sidebar-active: #345b49;
  --platform-sidebar-text: #d2e2d8;
  --platform-sidebar-text-active: #ffffff;
  --platform-sidebar-section-text: #98b4a2;
  --platform-topbar-start: #24523E;
  --platform-topbar-end: #356A4F;
  --platform-primary: #397454;
  --platform-primary-hover: #305F47;
  --platform-secondary: #4E8D6B;
  --platform-hover: rgba(57, 116, 84, 0.09);
  --platform-selected-bg: rgba(57, 116, 84, 0.15);
  --platform-link: #397454;
  --platform-link-hover: #2F6147;
}

html[data-platform-theme="rose"] {
  --platform-bg: #fff5f7;
  --platform-bg-elevated: #fff9fb;
  --platform-surface: #ffffff;
  --platform-surface-alt: #fff1f5;
  --platform-surface-muted: #f7e6ec;
  --platform-sidebar-bg: #51283B;
  --platform-sidebar-hover: #68344C;
  --platform-sidebar-active: #82465F;
  --platform-sidebar-text: #f1d9e3;
  --platform-sidebar-text-active: #ffffff;
  --platform-sidebar-section-text: #d4aebd;
  --platform-topbar-start: #B55F7B;
  --platform-topbar-end: #8B5474;
  --platform-primary: #B65E79;
  --platform-primary-hover: #9F5169;
  --platform-secondary: #8A5974;
  --platform-hover: rgba(182, 94, 121, 0.09);
  --platform-selected-bg: rgba(182, 94, 121, 0.15);
  --platform-link: #A7516F;
  --platform-link-hover: #8F445F;
}

html[data-platform-theme="brand"] {
  --platform-primary: var(--platform-brand-primary);
  --platform-primary-hover: color-mix(in srgb, var(--platform-brand-primary) 84%, #0f172a);
  --platform-secondary: var(--platform-brand-secondary);
  --platform-topbar-start: var(--platform-brand-primary);
  --platform-topbar-end: var(--platform-brand-secondary);
  --platform-selected-bg: color-mix(in srgb, var(--platform-brand-primary) 18%, transparent);
  --platform-link: var(--platform-brand-primary);
  --platform-link-hover: color-mix(in srgb, var(--platform-brand-primary) 78%, #0f172a);
  --platform-hover: color-mix(in srgb, var(--platform-brand-primary) 12%, transparent);
  --platform-focus-ring: 0 0 0 0.2rem color-mix(in srgb, var(--platform-brand-primary) 18%, transparent);
  --platform-sidebar-active: color-mix(in srgb, var(--platform-brand-primary) 28%, var(--platform-sidebar-bg));
  --sidebar-active: var(--platform-sidebar-active);
}

@media (prefers-color-scheme: dark) {
  html[data-platform-theme="system"] {
    color-scheme: dark;
    --platform-bg: #0b111c;
    --platform-bg-elevated: #111827;
    --platform-surface: #141d2f;
    --platform-surface-alt: #192437;
    --platform-surface-muted: #202b40;
    --platform-sidebar-bg: #0a101a;
    --platform-sidebar-hover: #121b2c;
    --platform-sidebar-active: #1c2840;
    --platform-sidebar-text: #a2aec4;
    --platform-sidebar-text-active: #f8fafc;
    --platform-sidebar-section-text: #718096;
    --platform-topbar-start: #121827;
    --platform-topbar-end: #23243b;
    --platform-topbar-text: #f8fafc;
    --platform-primary: #8A7CFF;
    --platform-primary-hover: #9D91FF;
    --platform-secondary: #6E8FFF;
    --platform-button-text: #f8fafc;
    --platform-input-bg: #111b2d;
    --platform-input-bg-strong: #172338;
    --platform-border: #263249;
    --platform-border-strong: #33455f;
    --platform-text: #e3ebf5;
    --platform-text-strong: #f8fafc;
    --platform-text-muted: #9aa8bf;
    --platform-hover: rgba(138, 124, 255, 0.14);
    --platform-selected-bg: rgba(138, 124, 255, 0.2);
    --platform-link: #A79CFF;
    --platform-link-hover: #C6BEFF;
    --platform-table-head-bg: #172133;
    --platform-table-head-text: #d3dceb;
    --platform-modal-bg: rgba(20, 29, 47, 0.985);
    --platform-shadow: 0 20px 40px rgba(2, 8, 23, 0.45);
    --platform-shadow-soft: 0 8px 24px rgba(2, 8, 23, 0.35);
    --platform-focus-ring: 0 0 0 0.2rem rgba(138, 124, 255, 0.24);
    --platform-theme-menu-bg: rgba(19, 27, 43, 0.985);
  }
}

body {
  background: radial-gradient(circle at top, color-mix(in srgb, var(--platform-primary) 8%, transparent), transparent 28rem),
    linear-gradient(180deg, var(--platform-bg-elevated) 0%, var(--platform-bg) 100%);
  color: var(--platform-text);
  transition: background-color 0.2s ease, color 0.2s ease;
}

body,
.content-wrapper,
.page-header h1,
.empty-state,
.empty-state i {
  color: var(--platform-text);
}

a {
  color: var(--platform-link);
}

a:hover,
a:focus {
  color: var(--platform-link-hover);
}

.main-navbar {
  background: var(--platform-topbar-bg) !important;
}

.footer {
  background-color: var(--platform-surface) !important;
  color: var(--platform-text);
  border-top-color: var(--platform-border) !important;
}

.sidebar-divider {
  background-color: color-mix(in srgb, var(--platform-sidebar-text) 12%, transparent);
}

.workspace-info {
  border-bottom-color: color-mix(in srgb, var(--platform-sidebar-text) 16%, transparent) !important;
}

.navbar .nav-link,
.navbar .btn-link,
.navbar .page-title,
.navbar .page-breadcrumb {
  color: var(--platform-topbar-text);
}

.navbar-search .form-control,
.navbar-search .input-group-text,
.form-control,
.form-select,
.input-group-text {
  background-color: var(--platform-input-bg);
  color: var(--platform-text);
  border-color: var(--platform-border);
}

.navbar-search .form-control,
.navbar-search .input-group-text {
  background-color: color-mix(in srgb, var(--platform-topbar-text) 14%, transparent);
  color: var(--platform-topbar-text);
  border-color: color-mix(in srgb, var(--platform-topbar-text) 22%, transparent);
}

.navbar-search .form-control::placeholder,
.form-control::placeholder,
.form-select::placeholder {
  color: var(--platform-text-muted);
}

.navbar-search .form-control::placeholder {
  color: color-mix(in srgb, var(--platform-topbar-text) 65%, transparent);
}

.form-control:focus,
.form-select:focus,
.navbar-search .form-control:focus {
  border-color: color-mix(in srgb, var(--platform-primary) 40%, var(--platform-border));
  box-shadow: var(--platform-focus-ring);
}

.card,
.dropdown-menu,
.modal-content,
.list-group-item,
.accordion-item,
.offcanvas,
.toast,
.table,
.alert {
  background-color: var(--platform-surface);
  color: var(--platform-text);
  border-color: var(--platform-border);
}

.card,
.dropdown-menu,
.modal-content,
.offcanvas,
.table,
.alert {
  box-shadow: var(--platform-shadow-soft);
}

.dropdown-menu,
.modal-content {
  background-color: var(--platform-modal-bg);
  backdrop-filter: blur(14px);
}

.dropdown-item,
.list-group-item-action,
.modal-title,
.table td,
.table th,
.accordion-button,
.form-check-label,
.col-form-label,
label {
  color: inherit;
}

.text-muted,
.text-body-secondary,
.form-text {
  color: var(--platform-text-muted) !important;
}

.text-dark,
.text-black,
.text-gray-800 {
  color: var(--platform-text-strong) !important;
}

.link-dark {
  color: var(--platform-text-strong) !important;
}

.link-dark:hover,
.link-dark:focus {
  color: var(--platform-link-hover) !important;
}

.dropdown-item {
  color: var(--platform-text);
}

.dropdown-item:hover,
.dropdown-item:focus,
.list-group-item-action:hover,
.list-group-item-action:focus,
.accordion-button:not(.collapsed) {
  background-color: var(--platform-hover);
  color: var(--platform-text-strong);
}

.list-group-item.active,
.dropdown-item.active,
.accordion-button:not(.collapsed) {
  background-color: var(--platform-selected-bg);
}

.dropdown-divider,
.modal-header,
.modal-footer,
.list-group-item,
.accordion-item,
.accordion-button,
.table,
.table td,
.table th {
  border-color: var(--platform-border);
}

.bg-white {
  background-color: var(--platform-surface) !important;
  color: var(--platform-text) !important;
}

.bg-light,
.bg-light-subtle,
.table-light {
  background-color: var(--platform-surface-alt) !important;
  color: var(--platform-text) !important;
}

.card-header,
.card-footer {
  background-color: var(--platform-table-head-bg) !important;
  color: var(--platform-table-head-text) !important;
}

.table {
  --bs-table-bg: var(--platform-surface);
  --bs-table-color: var(--platform-text);
  --bs-table-border-color: var(--platform-border);
}

.table th {
  background-color: var(--platform-table-head-bg) !important;
  color: var(--platform-table-head-text) !important;
}

.table-hover > tbody > tr:hover > * {
  --bs-table-accent-bg: color-mix(in srgb, var(--platform-primary) 8%, var(--platform-surface));
  color: var(--platform-text-strong);
}

.nav-tabs,
.nav-underline,
.pagination {
  border-color: var(--platform-border);
}

.nav-tabs .nav-link,
.nav-pills .nav-link,
.nav-underline .nav-link {
  color: var(--platform-text-muted);
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus,
.nav-pills .nav-link:hover,
.nav-pills .nav-link:focus,
.nav-underline .nav-link:hover,
.nav-underline .nav-link:focus {
  background-color: var(--platform-hover);
  color: var(--platform-text-strong);
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link,
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link,
.nav-underline .nav-link.active,
.nav-underline .show > .nav-link {
  background-color: var(--platform-surface);
  color: var(--platform-text-strong);
  border-color: var(--platform-border) var(--platform-border) transparent;
}

.page-link {
  background-color: var(--platform-surface);
  color: var(--platform-text);
  border-color: var(--platform-border);
}

.page-link:hover,
.page-link:focus {
  background-color: var(--platform-hover);
  color: var(--platform-text-strong);
  border-color: color-mix(in srgb, var(--platform-primary) 36%, var(--platform-border));
  box-shadow: none;
}

.page-item.active .page-link {
  background-color: var(--platform-primary);
  border-color: var(--platform-primary);
  color: var(--platform-button-text);
}

.page-item.disabled .page-link {
  background-color: var(--platform-surface-alt);
  color: color-mix(in srgb, var(--platform-text-muted) 75%, transparent);
  border-color: var(--platform-border);
}

.btn-primary {
  background-color: var(--platform-primary);
  border-color: var(--platform-primary);
  color: var(--platform-button-text);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: var(--platform-primary-hover) !important;
  border-color: var(--platform-primary-hover) !important;
  color: var(--platform-button-text) !important;
}

.btn-light,
.btn-outline-secondary {
  background-color: var(--platform-surface-alt);
  border-color: var(--platform-border);
  color: var(--platform-text);
}

.btn-light:hover,
.btn-light:focus,
.btn-outline-secondary:hover,
.btn-outline-secondary:focus {
  background-color: var(--platform-hover);
  border-color: color-mix(in srgb, var(--platform-primary) 36%, var(--platform-border));
  color: var(--platform-text-strong);
}

.badge.text-bg-light,
.badge.rounded-pill.text-bg-light.border {
  background-color: var(--platform-surface-alt) !important;
  color: var(--platform-text) !important;
  border-color: var(--platform-border) !important;
}

.badge-version {
  background-color: color-mix(in srgb, var(--platform-primary) 12%, var(--platform-surface)) !important;
  color: var(--platform-primary) !important;
}

.platform-theme-selector__toggle {
  border-radius: 999px;
  padding: 0.35rem 0.7rem;
  text-decoration: none;
}

.platform-theme-selector__toggle:hover,
.platform-theme-selector__toggle:focus-visible {
  background-color: color-mix(in srgb, var(--platform-topbar-text) 14%, transparent);
  text-decoration: none;
}

.platform-theme-selector__menu {
  width: min(20rem, calc(100vw - 2rem));
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--platform-border-strong);
  background: var(--platform-theme-menu-bg);
}

.platform-theme-selector__header {
  padding: 0.95rem 1rem 0.8rem;
  border-bottom: 1px solid var(--platform-border);
  display: flex;
  flex-direction: column;
  gap: 0.18rem;
}

.platform-theme-selector__header strong {
  font-size: 0.92rem;
  color: var(--platform-text-strong);
}

.platform-theme-selector__header span {
  font-size: 0.74rem;
  color: var(--platform-text-muted);
}

.platform-theme-selector__options {
  max-height: min(28rem, calc(100vh - 8rem));
  overflow-y: auto;
  padding: 0.45rem;
}

.platform-theme-option {
  width: 100%;
  border: 1px solid transparent;
  background: transparent;
  border-radius: 0.95rem;
  padding: 0.7rem 0.75rem;
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 0.75rem;
  align-items: center;
  text-align: left;
  color: var(--platform-text);
  transition: background-color 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
}

.platform-theme-option:hover,
.platform-theme-option:focus-visible {
  background: var(--platform-hover);
  border-color: color-mix(in srgb, var(--platform-primary) 32%, var(--platform-border));
  outline: none;
  transform: translateY(-1px);
}

.platform-theme-option.is-selected {
  background: color-mix(in srgb, var(--platform-primary) 10%, var(--platform-surface));
  border-color: color-mix(in srgb, var(--platform-primary) 38%, var(--platform-border));
}

.platform-theme-option__swatches {
  display: inline-flex;
  gap: 0.25rem;
}

.platform-theme-option__swatch {
  width: 0.9rem;
  height: 2rem;
  border-radius: 999px;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.18), 0 0 0 1px color-mix(in srgb, var(--platform-text) 8%, transparent);
}

.platform-theme-option__copy {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.12rem;
}

.platform-theme-option__copy strong {
  font-size: 0.88rem;
  color: var(--platform-text-strong);
}

.platform-theme-option__copy small {
  color: var(--platform-text-muted);
  font-size: 0.74rem;
}

.platform-theme-option__status {
  color: var(--platform-primary);
  opacity: 0;
  transition: opacity 0.18s ease;
}

.platform-theme-option.is-selected .platform-theme-option__status {
  opacity: 1;
}

@media (max-width: 991.98px) {
  .platform-theme-selector__toggle span {
    display: none !important;
  }
}