/**
 * Light-mode shell palettes (sidebar / top bar). Dark theme unchanged.
 * Driven by html[data-sidebar-palette|data-topbar-palette] + html[data-ui-font-scale].
 */

html[data-ui-font-scale="compact"] {
  font-size: 87.5%;
}

html[data-ui-font-scale="comfortable"] {
  font-size: 112.5%;
}

html[data-ui-font-scale="large"] {
  font-size: 125%;
}

/* ----- Sidebar palettes (light only) ----- */

html[data-theme="light"][data-sidebar-palette="default"] .tv-sidebar {
  --tv-sidebar-inner: linear-gradient(180deg, #ffffff 0%, #f6f7f9 100%);
  --tv-sidebar-bg: #f6f7f9;
  background: var(--tv-sidebar-inner);
  --tv-border: rgba(15, 23, 42, 0.08);
  --tv-sidebar-link-fg: #334155;
  --tv-sidebar-link-hover-bg: rgba(15, 23, 42, 0.07);
  --tv-sidebar-link-hover-fg: #0f172a;
  --tv-sidebar-section-fg: #64748b;
  --tv-sidebar-active-bg: rgba(13, 148, 136, 0.12);
  --tv-sidebar-active-fg: #0f766e;
  --tv-sidebar-active-border: rgba(13, 148, 136, 0.28);
  --tv-sidebar-active-icon: #0d9488;
  --tv-sidebar-submenu-bullet: rgba(15, 23, 42, 0.22);
}

html[data-theme="light"][data-sidebar-palette="slate"] .tv-sidebar {
  --tv-sidebar-inner: linear-gradient(165deg, #e2e8f0 0%, #cbd5e1 45%, #94a3b8 100%);
  --tv-sidebar-bg: #cbd5e1;
  background: var(--tv-sidebar-inner);
  --tv-border: rgba(15, 23, 42, 0.12);
  --tv-sidebar-link-fg: #1e293b;
  --tv-sidebar-link-hover-bg: rgba(255, 255, 255, 0.45);
  --tv-sidebar-link-hover-fg: #0f172a;
  --tv-sidebar-section-fg: #475569;
  --tv-sidebar-active-bg: rgba(15, 23, 42, 0.14);
  --tv-sidebar-active-fg: #0f172a;
  --tv-sidebar-active-border: rgba(15, 23, 42, 0.26);
  --tv-sidebar-active-icon: #1e293b;
  --tv-sidebar-submenu-bullet: rgba(15, 23, 42, 0.28);
}

html[data-theme="light"][data-sidebar-palette="asphalt"] .tv-sidebar {
  --tv-sidebar-inner: linear-gradient(155deg, #3d566e 0%, #2c3e50 42%, #1e2d3d 100%);
  --tv-sidebar-bg: #2c3e50;
  background: var(--tv-sidebar-inner);
  --tv-border: rgba(255, 255, 255, 0.12);
  --tv-border-strong: rgba(255, 255, 255, 0.32);
  --tv-sidebar-link-fg: rgba(255, 255, 255, 0.88);
  --tv-sidebar-link-hover-bg: rgba(255, 255, 255, 0.12);
  --tv-sidebar-link-hover-fg: #ffffff;
  --tv-sidebar-section-fg: rgba(255, 255, 255, 0.55);
  --tv-sidebar-active-bg: rgba(93, 173, 226, 0.22);
  --tv-sidebar-active-fg: #eaf2f8;
  --tv-sidebar-active-border: rgba(93, 173, 226, 0.42);
  --tv-sidebar-active-icon: #85c1e9;
  --tv-sidebar-submenu-bullet: rgba(255, 255, 255, 0.38);
  --tv-sidebar-submenu-bullet-active: #85c1e9;
}

html[data-theme="light"][data-sidebar-palette="asphalt"] .tv-sidebar__brand {
  border-bottom-color: rgba(255, 255, 255, 0.12);
}

html[data-theme="light"][data-sidebar-palette="asphalt"] .tv-sidebar__logo-name {
  color: #ecf0f1;
}

html[data-theme="light"][data-sidebar-palette="asphalt"] .tv-sidebar__footer {
  border-top-color: rgba(255, 255, 255, 0.1);
}

html[data-theme="light"][data-sidebar-palette="basalt"] .tv-sidebar {
  --tv-sidebar-inner: linear-gradient(195deg, #34495e 0%, #2c3e50 38%, #152028 100%);
  --tv-sidebar-bg: #243342;
  background: var(--tv-sidebar-inner);
  --tv-border: rgba(255, 255, 255, 0.12);
  --tv-border-strong: rgba(255, 255, 255, 0.3);
  --tv-sidebar-link-fg: rgba(255, 255, 255, 0.88);
  --tv-sidebar-link-hover-bg: rgba(255, 255, 255, 0.1);
  --tv-sidebar-link-hover-fg: #ffffff;
  --tv-sidebar-section-fg: rgba(255, 255, 255, 0.52);
  --tv-sidebar-active-bg: rgba(127, 179, 211, 0.24);
  --tv-sidebar-active-fg: #f4f9fd;
  --tv-sidebar-active-border: rgba(174, 214, 241, 0.4);
  --tv-sidebar-active-icon: #aed6f1;
  --tv-sidebar-submenu-bullet: rgba(255, 255, 255, 0.36);
  --tv-sidebar-submenu-bullet-active: #aed6f1;
}

html[data-theme="light"][data-sidebar-palette="basalt"] .tv-sidebar__brand {
  border-bottom-color: rgba(255, 255, 255, 0.12);
}

html[data-theme="light"][data-sidebar-palette="basalt"] .tv-sidebar__logo-name {
  color: #d4e6f1;
}

html[data-theme="light"][data-sidebar-palette="basalt"] .tv-sidebar__footer {
  border-top-color: rgba(255, 255, 255, 0.1);
}

html[data-theme="light"][data-sidebar-palette="carbon"] .tv-sidebar {
  --tv-sidebar-inner: linear-gradient(160deg, #3a3a45 0%, #2e2e38 45%, #17171f 100%);
  --tv-sidebar-bg: #2e2e38;
  background: var(--tv-sidebar-inner);
  --tv-border: rgba(255, 255, 255, 0.1);
  --tv-border-strong: rgba(255, 255, 255, 0.28);
  --tv-sidebar-link-fg: rgba(255, 255, 255, 0.88);
  --tv-sidebar-link-hover-bg: rgba(255, 255, 255, 0.1);
  --tv-sidebar-link-hover-fg: #ffffff;
  --tv-sidebar-section-fg: rgba(212, 212, 216, 0.58);
  --tv-sidebar-active-bg: rgba(196, 181, 253, 0.2);
  --tv-sidebar-active-fg: #f4f4f5;
  --tv-sidebar-active-border: rgba(196, 181, 253, 0.38);
  --tv-sidebar-active-icon: #d8b4fe;
  --tv-sidebar-submenu-bullet: rgba(255, 255, 255, 0.34);
  --tv-sidebar-submenu-bullet-active: #c4b5fd;
}

html[data-theme="light"][data-sidebar-palette="carbon"] .tv-sidebar__brand {
  border-bottom-color: rgba(255, 255, 255, 0.1);
}

html[data-theme="light"][data-sidebar-palette="carbon"] .tv-sidebar__logo-name {
  color: #e4e4e7;
}

html[data-theme="light"][data-sidebar-palette="carbon"] .tv-sidebar__footer {
  border-top-color: rgba(255, 255, 255, 0.08);
}

html[data-theme="light"][data-sidebar-palette="granite"] .tv-sidebar {
  --tv-sidebar-inner: linear-gradient(165deg, #5c6572 0%, #454f5d 45%, #2f3640 100%);
  --tv-sidebar-bg: #454f5d;
  background: var(--tv-sidebar-inner);
  --tv-border: rgba(255, 255, 255, 0.11);
  --tv-border-strong: rgba(255, 255, 255, 0.3);
  --tv-sidebar-link-fg: rgba(255, 255, 255, 0.88);
  --tv-sidebar-link-hover-bg: rgba(255, 255, 255, 0.1);
  --tv-sidebar-link-hover-fg: #ffffff;
  --tv-sidebar-section-fg: rgba(255, 255, 255, 0.54);
  --tv-sidebar-active-bg: rgba(125, 211, 252, 0.2);
  --tv-sidebar-active-fg: #f0f9ff;
  --tv-sidebar-active-border: rgba(125, 211, 252, 0.4);
  --tv-sidebar-active-icon: #7dd3fc;
  --tv-sidebar-submenu-bullet: rgba(255, 255, 255, 0.34);
  --tv-sidebar-submenu-bullet-active: #7dd3fc;
}

html[data-theme="light"][data-sidebar-palette="granite"] .tv-sidebar__brand {
  border-bottom-color: rgba(255, 255, 255, 0.11);
}

html[data-theme="light"][data-sidebar-palette="granite"] .tv-sidebar__logo-name {
  color: #e2e8f0;
}

html[data-theme="light"][data-sidebar-palette="granite"] .tv-sidebar__footer {
  border-top-color: rgba(255, 255, 255, 0.09);
}

html[data-theme="light"][data-sidebar-palette="storm"] .tv-sidebar {
  --tv-sidebar-inner: linear-gradient(160deg, #3d5a80 0%, #2c4c73 42%, #1a2f4a 100%);
  --tv-sidebar-bg: #2c4c73;
  background: var(--tv-sidebar-inner);
  --tv-border: rgba(255, 255, 255, 0.12);
  --tv-border-strong: rgba(255, 255, 255, 0.32);
  --tv-sidebar-link-fg: rgba(255, 255, 255, 0.88);
  --tv-sidebar-link-hover-bg: rgba(255, 255, 255, 0.1);
  --tv-sidebar-link-hover-fg: #ffffff;
  --tv-sidebar-section-fg: rgba(191, 219, 254, 0.55);
  --tv-sidebar-active-bg: rgba(147, 197, 253, 0.22);
  --tv-sidebar-active-fg: #eff6ff;
  --tv-sidebar-active-border: rgba(147, 197, 253, 0.42);
  --tv-sidebar-active-icon: #93c5fd;
  --tv-sidebar-submenu-bullet: rgba(191, 219, 254, 0.38);
  --tv-sidebar-submenu-bullet-active: #93c5fd;
}

html[data-theme="light"][data-sidebar-palette="storm"] .tv-sidebar__brand {
  border-bottom-color: rgba(255, 255, 255, 0.12);
}

html[data-theme="light"][data-sidebar-palette="storm"] .tv-sidebar__logo-name {
  color: #dbeafe;
}

html[data-theme="light"][data-sidebar-palette="storm"] .tv-sidebar__footer {
  border-top-color: rgba(255, 255, 255, 0.1);
}

html[data-theme="light"][data-sidebar-palette="ink"] .tv-sidebar {
  --tv-sidebar-inner: linear-gradient(170deg, #1e2d44 0%, #121c2e 48%, #070b12 100%);
  --tv-sidebar-bg: #121c2e;
  background: var(--tv-sidebar-inner);
  --tv-border: rgba(255, 255, 255, 0.1);
  --tv-border-strong: rgba(186, 230, 253, 0.35);
  --tv-sidebar-link-fg: rgba(255, 255, 255, 0.87);
  --tv-sidebar-link-hover-bg: rgba(255, 255, 255, 0.08);
  --tv-sidebar-link-hover-fg: #ffffff;
  --tv-sidebar-section-fg: rgba(148, 163, 184, 0.58);
  --tv-sidebar-active-bg: rgba(186, 230, 253, 0.14);
  --tv-sidebar-active-fg: #f0f9ff;
  --tv-sidebar-active-border: rgba(186, 230, 253, 0.36);
  --tv-sidebar-active-icon: #bae6fd;
  --tv-sidebar-submenu-bullet: rgba(148, 163, 184, 0.5);
  --tv-sidebar-submenu-bullet-active: #bae6fd;
}

html[data-theme="light"][data-sidebar-palette="ink"] .tv-sidebar__brand {
  border-bottom-color: rgba(255, 255, 255, 0.1);
}

html[data-theme="light"][data-sidebar-palette="ink"] .tv-sidebar__logo-name {
  color: #e0f2fe;
}

html[data-theme="light"][data-sidebar-palette="ink"] .tv-sidebar__footer {
  border-top-color: rgba(255, 255, 255, 0.08);
}

html[data-theme="light"][data-sidebar-palette="navy"] .tv-sidebar {
  --tv-sidebar-inner: linear-gradient(165deg, #2c5282 0%, #1e3a8a 45%, #1e293b 100%);
  --tv-sidebar-bg: #1e3a8a;
  background: var(--tv-sidebar-inner);
  --tv-border: rgba(255, 255, 255, 0.12);
  --tv-border-strong: rgba(191, 219, 254, 0.38);
  --tv-sidebar-link-fg: rgba(255, 255, 255, 0.88);
  --tv-sidebar-link-hover-bg: rgba(255, 255, 255, 0.1);
  --tv-sidebar-link-hover-fg: #ffffff;
  --tv-sidebar-section-fg: rgba(191, 219, 254, 0.56);
  --tv-sidebar-active-bg: rgba(165, 180, 252, 0.2);
  --tv-sidebar-active-fg: #eef2ff;
  --tv-sidebar-active-border: rgba(165, 180, 252, 0.4);
  --tv-sidebar-active-icon: #a5b4fc;
  --tv-sidebar-submenu-bullet: rgba(191, 219, 254, 0.36);
  --tv-sidebar-submenu-bullet-active: #a5b4fc;
}

html[data-theme="light"][data-sidebar-palette="navy"] .tv-sidebar__brand {
  border-bottom-color: rgba(255, 255, 255, 0.12);
}

html[data-theme="light"][data-sidebar-palette="navy"] .tv-sidebar__logo-name {
  color: #e0e7ff;
}

html[data-theme="light"][data-sidebar-palette="navy"] .tv-sidebar__footer {
  border-top-color: rgba(255, 255, 255, 0.1);
}

html[data-theme="light"][data-sidebar-palette="ocean"] .tv-sidebar {
  --tv-sidebar-inner: linear-gradient(155deg, #0d9488 0%, #0f766e 52%, #115e59 100%);
  --tv-sidebar-bg: #0f766e;
  background: var(--tv-sidebar-inner);
  --tv-border: rgba(255, 255, 255, 0.14);
  --tv-border-strong: rgba(255, 255, 255, 0.35);
  --tv-sidebar-link-fg: rgba(255, 255, 255, 0.9);
  --tv-sidebar-link-hover-bg: rgba(255, 255, 255, 0.14);
  --tv-sidebar-link-hover-fg: #ffffff;
  --tv-sidebar-section-fg: rgba(255, 255, 255, 0.58);
  --tv-sidebar-active-bg: rgba(255, 255, 255, 0.2);
  --tv-sidebar-active-fg: #ffffff;
  --tv-sidebar-active-border: rgba(255, 255, 255, 0.4);
  --tv-sidebar-active-icon: #ccfbf1;
  --tv-sidebar-submenu-bullet: rgba(255, 255, 255, 0.4);
  --tv-sidebar-submenu-bullet-active: #99f6e4;
}

html[data-theme="light"][data-sidebar-palette="ocean"] .tv-sidebar__brand {
  border-bottom-color: rgba(255, 255, 255, 0.14);
}

html[data-theme="light"][data-sidebar-palette="ocean"] .tv-sidebar__logo-name {
  color: #ecfdf5;
}

html[data-theme="light"][data-sidebar-palette="ocean"] .tv-sidebar__footer {
  border-top-color: rgba(255, 255, 255, 0.12);
}

html[data-theme="light"][data-sidebar-palette="midnight"] .tv-sidebar {
  --tv-sidebar-inner: linear-gradient(165deg, #1e293b 0%, #0f172a 55%, #020617 100%);
  --tv-sidebar-bg: #0f172a;
  background: var(--tv-sidebar-inner);
  --tv-border: rgba(148, 163, 184, 0.18);
  --tv-border-strong: rgba(148, 163, 184, 0.45);
  --tv-sidebar-link-fg: #cbd5e1;
  --tv-sidebar-link-hover-bg: rgba(255, 255, 255, 0.08);
  --tv-sidebar-link-hover-fg: #f8fafc;
  --tv-sidebar-section-fg: #94a3b8;
  --tv-sidebar-active-bg: rgba(45, 212, 191, 0.18);
  --tv-sidebar-active-fg: #99f6e4;
  --tv-sidebar-active-border: rgba(94, 234, 212, 0.42);
  --tv-sidebar-active-icon: #5eead4;
  --tv-sidebar-submenu-bullet: rgba(148, 163, 184, 0.55);
  --tv-sidebar-submenu-bullet-active: #5eead4;
}

html[data-theme="light"][data-sidebar-palette="midnight"] .tv-sidebar__logo-name {
  color: #5eead4;
}

html[data-theme="light"][data-sidebar-palette="midnight"] .tv-sidebar__footer {
  border-top-color: rgba(148, 163, 184, 0.18);
}

html[data-theme="light"][data-sidebar-palette="twilight"] .tv-sidebar {
  --tv-sidebar-inner: linear-gradient(
    165deg,
    rgb(32, 35, 62) 0%,
    rgb(25, 28, 54) 48%,
    rgb(18, 20, 42) 100%
  );
  --tv-sidebar-bg: rgb(25, 28, 54);
  background: var(--tv-sidebar-inner);
  --tv-border: rgba(165, 180, 252, 0.14);
  --tv-border-strong: rgba(199, 210, 254, 0.32);
  --tv-sidebar-link-fg: rgba(241, 245, 249, 0.9);
  --tv-sidebar-link-hover-bg: rgba(255, 255, 255, 0.08);
  --tv-sidebar-link-hover-fg: #f8fafc;
  --tv-sidebar-section-fg: rgba(199, 210, 254, 0.55);
  --tv-sidebar-active-bg: rgba(94, 234, 212, 0.16);
  --tv-sidebar-active-fg: #ccfbf1;
  --tv-sidebar-active-border: rgba(94, 234, 212, 0.38);
  --tv-sidebar-active-icon: #5eead4;
  --tv-sidebar-submenu-bullet: rgba(199, 210, 254, 0.45);
  --tv-sidebar-submenu-bullet-active: #5eead4;
}

html[data-theme="light"][data-sidebar-palette="twilight"] .tv-sidebar__brand {
  border-bottom-color: rgba(165, 180, 252, 0.14);
}

html[data-theme="light"][data-sidebar-palette="twilight"] .tv-sidebar__logo-name {
  color: #e0e7ff;
}

html[data-theme="light"][data-sidebar-palette="twilight"] .tv-sidebar__footer {
  border-top-color: rgba(165, 180, 252, 0.12);
}

/* ----- Top bar palettes (light only; overrides hardcoded light bar) ----- */

html[data-theme="light"][data-topbar-palette="mist"] .tv-topbar {
  background: #f8fafc;
  border-bottom-color: #e2e8f0;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.7) inset;
}

html[data-theme="light"][data-topbar-palette="brand"] .tv-topbar {
  background: linear-gradient(180deg, rgba(13, 148, 136, 0.12) 0%, rgba(255, 255, 255, 0.92) 100%);
  border-bottom-color: rgba(13, 148, 136, 0.22);
}

html[data-theme="light"][data-topbar-palette="slate"] .tv-topbar {
  background: #e2e8f0;
  border-bottom-color: #cbd5e1;
}

html[data-theme="light"][data-topbar-palette="contrast"] .tv-topbar {
  background: #0f172a;
  color: #f8fafc;
  border-bottom-color: #1e293b;
}

html[data-theme="light"][data-topbar-palette="contrast"] .tv-topbar .tv-lang-switch,
html[data-theme="light"][data-topbar-palette="contrast"] .tv-topbar .tv-lang-switch a,
html[data-theme="light"][data-topbar-palette="contrast"] .tv-topbar .tv-lang-switch .tv-lang-switch__link {
  color: #e2e8f0 !important;
}

html[data-theme="light"][data-topbar-palette="contrast"]
  .tv-topbar
  .tv-lang-switch--segmented[data-tv-lang="en"]
  .tv-lang-switch__link[data-tv-lang-choice="en"],
html[data-theme="light"][data-topbar-palette="contrast"]
  .tv-topbar
  .tv-lang-switch--segmented[data-tv-lang="ar"]
  .tv-lang-switch__link[data-tv-lang-choice="ar"] {
  color: #f8fafc !important;
}

html[data-theme="light"][data-topbar-palette="twilight"] .tv-topbar {
  background: rgb(25, 28, 54);
  color: #f8fafc;
  border-bottom-color: rgba(165, 180, 252, 0.22);
}

html[data-theme="light"][data-topbar-palette="twilight"] .tv-topbar .tv-lang-switch,
html[data-theme="light"][data-topbar-palette="twilight"] .tv-topbar .tv-lang-switch a,
html[data-theme="light"][data-topbar-palette="twilight"] .tv-topbar .tv-lang-switch .tv-lang-switch__link {
  color: #e2e8f0 !important;
}

html[data-theme="light"][data-topbar-palette="twilight"]
  .tv-topbar
  .tv-lang-switch--segmented[data-tv-lang="en"]
  .tv-lang-switch__link[data-tv-lang-choice="en"],
html[data-theme="light"][data-topbar-palette="twilight"]
  .tv-topbar
  .tv-lang-switch--segmented[data-tv-lang="ar"]
  .tv-lang-switch__link[data-tv-lang-choice="ar"] {
  color: #f8fafc !important;
}

html[data-theme="light"][data-topbar-palette="twilight"] .tv-topbar .tv-topbar__left > .tv-btn-icon,
html[data-theme="light"][data-topbar-palette="twilight"] .tv-topbar .tv-topbar__trailing-tools > .tv-btn-icon.tv-topbar-icon-ring,
html[data-theme="light"][data-topbar-palette="twilight"] .tv-topbar .tv-header-toolbar .tv-btn-icon.tv-topbar-icon-ring {
  border-color: rgba(255, 255, 255, 0.22);
  color: rgba(248, 250, 252, 0.92);
  background: transparent;
}

html[data-theme="light"][data-topbar-palette="twilight"] .tv-topbar .tv-topbar__left > .tv-btn-icon:hover,
html[data-theme="light"][data-topbar-palette="twilight"] .tv-topbar .tv-topbar__trailing-tools > .tv-btn-icon.tv-topbar-icon-ring:hover,
html[data-theme="light"][data-topbar-palette="twilight"] .tv-topbar .tv-header-toolbar .tv-btn-icon.tv-topbar-icon-ring:hover {
  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(255, 255, 255, 0.38);
  color: #ffffff;
}