@import url("assets/altea-portal-all-themes/altea_portal_all_themes/src/altea-theme-tokens.css");
@import url("assets/altea-portal-all-themes/altea_portal_all_themes/src/altea-marketplace-accents.css");
@import url("assets/altea-portal-all-themes/altea_portal_all_themes/src/altea-motion-system.css");

.portal-theme-switcher {
  position: fixed;
  left: 9px;
  bottom: 9px;
  z-index: 120;
  display: inline-flex;
  align-items: flex-end;
  color: var(--text);
  transition: opacity .18s ease, transform .18s ease;
}

.app-shell.sidebar-collapsed .portal-theme-switcher {
  opacity: 0;
  pointer-events: none;
  transform: translateX(-18px) scale(.92);
}

.portal-theme-switcher__panel {
  position: absolute;
  left: 0;
  bottom: 37px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  max-width: 226px;
  min-height: 32px;
  padding: 5px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: color-mix(in srgb, var(--panel) 90%, transparent);
  box-shadow: 0 12px 28px rgba(0, 0, 0, .24);
  backdrop-filter: blur(14px);
  opacity: 0;
  pointer-events: none;
  transform: translateY(6px) scale(.96);
  transform-origin: left bottom;
  transition: opacity .16s ease, transform .16s ease;
}

.portal-theme-switcher.is-open .portal-theme-switcher__panel {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0) scale(1);
}

.portal-theme-switcher__label {
  padding: 0 2px 0 3px;
  color: var(--muted);
  font-size: 10px;
  font-weight: 800;
  line-height: 1;
  text-transform: uppercase;
}

.portal-theme-switcher__button {
  position: relative;
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
  padding: 0;
  border: 1px solid var(--line-strong);
  border-radius: 50%;
  background: color-mix(in srgb, var(--panel) 88%, transparent);
  color: inherit;
  cursor: pointer;
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .05);
  transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease, background .16s ease;
}

.portal-theme-switcher__button:hover {
  transform: translateY(-1px);
  border-color: var(--portal-theme-accent, var(--line-strong));
  box-shadow: 0 8px 18px rgba(0, 0, 0, .18);
}

.portal-theme-switcher__button.is-active {
  border-color: var(--portal-theme-accent, #dfc17f);
  box-shadow: 0 0 0 2px var(--portal-theme-ring, rgba(223, 193, 127, .18));
}

.portal-theme-switcher__toggle {
  width: 30px;
  height: 30px;
  flex-basis: 30px;
  border-color: var(--portal-theme-accent, var(--line-strong));
  background: color-mix(in srgb, var(--panel) 94%, transparent);
  box-shadow: 0 10px 24px rgba(0, 0, 0, .24), inset 0 0 0 2px rgba(255, 255, 255, .05);
  backdrop-filter: blur(12px);
}

.portal-theme-switcher__toggle::after {
  content: "";
  position: absolute;
  right: 1px;
  bottom: 1px;
  width: 8px;
  height: 8px;
  border: 1px solid color-mix(in srgb, var(--panel) 80%, #000);
  border-radius: 50%;
  background: var(--portal-theme-accent, #dfc17f);
  box-shadow: 0 0 8px var(--portal-theme-ring, rgba(223, 193, 127, .28));
}

.portal-theme-switcher__toggle[aria-expanded="true"] {
  transform: translateY(-1px);
  box-shadow: 0 0 0 2px var(--portal-theme-ring, rgba(223, 193, 127, .2)), 0 12px 26px rgba(0, 0, 0, .28);
}

.portal-theme-switcher__swatch {
  position: absolute;
  inset: 3px;
  border-radius: 50%;
  background: #070605;
}

.portal-theme-switcher__button[data-portal-theme-option="dark"] .portal-theme-switcher__swatch {
  background: radial-gradient(circle at 35% 28%, #d8b56d 0 18%, #17110d 20% 54%, #050404 56% 100%);
}

.portal-theme-switcher__button[data-portal-theme-option="light"] .portal-theme-switcher__swatch {
  background: radial-gradient(circle at 34% 28%, #fff9ed 0 28%, #eadcc7 30% 58%, #c9a35b 60% 100%);
}

.portal-theme-switcher__button[data-portal-theme-option="gray"] .portal-theme-switcher__swatch {
  background: radial-gradient(circle at 34% 28%, #f8fafc 0 20%, #94a3b8 22% 58%, #334155 60% 100%);
}

.portal-theme-switcher__button[data-portal-theme-option="emerald"] .portal-theme-switcher__swatch {
  background: radial-gradient(circle at 34% 28%, #d1fae5 0 22%, #10b981 24% 58%, #064e3b 60% 100%);
}

.portal-theme-switcher__button[data-portal-theme-option="hellforge"] .portal-theme-switcher__swatch {
  background: conic-gradient(from 210deg, #130507 0 22%, #8b111a 24% 42%, #d4a94a 44% 54%, #153a83 56% 74%, #060203 76% 100%);
}

.portal-theme-switcher__button[data-portal-theme-option="terminal"] .portal-theme-switcher__swatch {
  background: repeating-linear-gradient(180deg, rgba(198, 255, 0, .95) 0 2px, rgba(10, 38, 14, .95) 2px 5px);
}

.portal-theme-switcher__button[data-portal-theme-option="redalert"] .portal-theme-switcher__swatch {
  background: conic-gradient(from 45deg, #ffd15a 0 13%, #12161c 13% 24%, #b91c1c 24% 58%, #3f0a0a 58% 78%, #d7dde6 78% 100%);
}

.portal-theme-switcher__sr {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
}

body.v87-imperial[data-portal-theme="light"] {
  --bg: #f4efe6;
  --bg2: #ebe2d4;
  --panel: #fffaf2;
  --panel2: #f3eadf;
  --text: #211813;
  --muted: #725f50;
  --line: rgba(91, 65, 42, .16);
  --line-strong: rgba(91, 65, 42, .28);
  --ok: #18794e;
  --warn: #a06416;
  --danger: #b42318;
  --info: #2563eb;
  --shadow: 0 14px 32px rgba(88, 64, 38, .14);
  --portal-theme-accent: #b7791f;
  --portal-theme-ring: rgba(183, 121, 31, .2);
  --portal-theme-bg: radial-gradient(circle at 18% 0%, rgba(183, 121, 31, .16), transparent 25%),
    radial-gradient(circle at 82% 10%, rgba(37, 99, 235, .10), transparent 20%),
    linear-gradient(180deg, #fbf5ea 0%, #f2eadf 58%, #ebe2d4 100%);
  --portal-theme-surface: linear-gradient(180deg, rgba(255, 252, 246, .98), rgba(244, 236, 226, .98));
  --portal-theme-surface-strong: linear-gradient(180deg, rgba(255, 250, 242, .98), rgba(239, 229, 216, .98));
  --portal-theme-control: linear-gradient(180deg, rgba(255, 250, 242, .98), rgba(236, 224, 208, .98));
  --portal-theme-active: linear-gradient(180deg, rgba(219, 161, 70, .24), rgba(37, 99, 235, .08));
  --portal-theme-primary: linear-gradient(180deg, #d7a94c 0%, #a46a18 100%);
  --portal-theme-primary-text: #1f1408;
  --imperial-text: var(--text);
  --imperial-muted: var(--muted);
  --imperial-bone: var(--text);
  --imperial-bone-muted: var(--muted);
  --imperial-gold-main: var(--portal-theme-accent);
  --imperial-gold-light: var(--portal-theme-accent);
  color-scheme: light;
}

body.v87-imperial[data-portal-theme="gray"] {
  --bg: #151922;
  --bg2: #202632;
  --panel: #242b37;
  --panel2: #2e3643;
  --text: #f4f7fb;
  --muted: #bac4d1;
  --line: rgba(226, 232, 240, .13);
  --line-strong: rgba(226, 232, 240, .25);
  --ok: #38a169;
  --warn: #d69e2e;
  --danger: #e53e3e;
  --info: #63b3ed;
  --shadow: 0 16px 36px rgba(0, 0, 0, .24);
  --portal-theme-accent: #94a3b8;
  --portal-theme-ring: rgba(148, 163, 184, .24);
  --portal-theme-bg: radial-gradient(circle at 18% 0%, rgba(148, 163, 184, .16), transparent 25%),
    radial-gradient(circle at 82% 10%, rgba(56, 189, 248, .08), transparent 20%),
    linear-gradient(180deg, #171b24 0%, #11151c 62%, #0d1117 100%);
  --portal-theme-surface: linear-gradient(180deg, rgba(38, 45, 56, .98), rgba(27, 32, 41, .98));
  --portal-theme-surface-strong: linear-gradient(180deg, rgba(45, 52, 64, .98), rgba(29, 35, 44, .98));
  --portal-theme-control: linear-gradient(180deg, rgba(47, 55, 68, .96), rgba(28, 34, 44, .98));
  --portal-theme-active: linear-gradient(180deg, rgba(148, 163, 184, .22), rgba(56, 189, 248, .08));
  --portal-theme-primary: linear-gradient(180deg, #cbd5e1 0%, #64748b 100%);
  --portal-theme-primary-text: #0f172a;
  --imperial-text: var(--text);
  --imperial-muted: var(--muted);
  --imperial-bone: var(--text);
  --imperial-bone-muted: var(--muted);
  --imperial-gold-main: var(--portal-theme-accent);
  --imperial-gold-light: var(--portal-theme-accent);
  color-scheme: dark;
}

body.v87-imperial[data-portal-theme="emerald"] {
  --bg: #051713;
  --bg2: #08231d;
  --panel: #0c2b23;
  --panel2: #10372d;
  --text: #ecfdf5;
  --muted: #a7d8c5;
  --line: rgba(167, 243, 208, .14);
  --line-strong: rgba(167, 243, 208, .28);
  --ok: #34d399;
  --warn: #f6ad55;
  --danger: #f87171;
  --info: #5eead4;
  --shadow: 0 18px 42px rgba(0, 0, 0, .28);
  --portal-theme-accent: #34d399;
  --portal-theme-ring: rgba(52, 211, 153, .24);
  --portal-theme-bg: radial-gradient(circle at 16% 0%, rgba(52, 211, 153, .18), transparent 25%),
    radial-gradient(circle at 84% 12%, rgba(20, 184, 166, .14), transparent 20%),
    linear-gradient(180deg, #062019 0%, #041510 62%, #020d0a 100%);
  --portal-theme-surface: linear-gradient(180deg, rgba(14, 45, 36, .98), rgba(7, 26, 21, .98));
  --portal-theme-surface-strong: linear-gradient(180deg, rgba(18, 61, 48, .98), rgba(8, 33, 27, .98));
  --portal-theme-control: linear-gradient(180deg, rgba(19, 65, 52, .96), rgba(7, 30, 24, .98));
  --portal-theme-active: linear-gradient(180deg, rgba(52, 211, 153, .22), rgba(20, 184, 166, .10));
  --portal-theme-primary: linear-gradient(180deg, #6ee7b7 0%, #059669 100%);
  --portal-theme-primary-text: #022c22;
  --imperial-text: var(--text);
  --imperial-muted: var(--muted);
  --imperial-bone: var(--text);
  --imperial-bone-muted: var(--muted);
  --imperial-gold-main: var(--portal-theme-accent);
  --imperial-gold-light: var(--portal-theme-accent);
  color-scheme: dark;
}

body.v87-imperial[data-portal-theme="hellforge"] {
  --bg: #080204;
  --bg2: #150607;
  --panel: #1b0a09;
  --panel2: #2a100d;
  --text: #f8e6c0;
  --muted: #c49468;
  --line: rgba(210, 141, 63, .19);
  --line-strong: rgba(255, 190, 91, .36);
  --ok: #64b668;
  --warn: #d9a13a;
  --danger: #c8272d;
  --info: #3b67d8;
  --shadow: 0 20px 48px rgba(0, 0, 0, .36);
  --portal-theme-accent: #d9a13a;
  --portal-theme-ring: rgba(210, 37, 45, .28);
  --portal-theme-bg: radial-gradient(circle at 18% 0%, rgba(209, 36, 40, .24), transparent 24%),
    radial-gradient(circle at 84% 10%, rgba(39, 80, 171, .22), transparent 20%),
    radial-gradient(circle at 48% 105%, rgba(217, 161, 58, .13), transparent 34%),
    linear-gradient(180deg, #100304 0%, #070203 64%, #030101 100%);
  --portal-theme-surface: linear-gradient(180deg, rgba(38, 13, 10, .98), rgba(13, 4, 4, .98));
  --portal-theme-surface-strong: radial-gradient(circle at 16% 0%, rgba(196, 39, 45, .16), transparent 28%),
    linear-gradient(180deg, rgba(45, 16, 12, .98), rgba(12, 4, 3, .98));
  --portal-theme-control: linear-gradient(180deg, rgba(42, 15, 11, .98), rgba(14, 5, 5, .98));
  --portal-theme-active: linear-gradient(180deg, rgba(191, 40, 45, .34), rgba(50, 17, 12, .98));
  --portal-theme-primary: linear-gradient(180deg, #f1c66a 0%, #9e5d16 100%);
  --portal-theme-primary-text: #1b0905;
  --imperial-text: var(--text);
  --imperial-muted: var(--muted);
  --imperial-bone: var(--text);
  --imperial-bone-muted: var(--muted);
  --imperial-gold-main: var(--portal-theme-accent);
  --imperial-gold-light: #f6d486;
  color-scheme: dark;
}

body.v87-imperial[data-portal-theme="terminal"] {
  --bg: #030704;
  --bg2: #061108;
  --panel: #06180a;
  --panel2: #08240d;
  --text: #d9ff7a;
  --muted: #8fbd55;
  --line: rgba(179, 255, 83, .18);
  --line-strong: rgba(213, 255, 122, .34);
  --ok: #b6ff4f;
  --warn: #e4ff72;
  --danger: #ff6f4d;
  --info: #7bffb4;
  --shadow: 0 18px 44px rgba(0, 0, 0, .34);
  --portal-theme-accent: #baff39;
  --portal-theme-ring: rgba(186, 255, 57, .23);
  --portal-theme-bg: radial-gradient(circle at 50% 0%, rgba(186, 255, 57, .13), transparent 30%),
    linear-gradient(180deg, #051207 0%, #020703 100%);
  --portal-theme-surface: linear-gradient(180deg, rgba(8, 30, 11, .96), rgba(3, 12, 5, .98));
  --portal-theme-surface-strong: linear-gradient(180deg, rgba(10, 43, 14, .96), rgba(4, 16, 6, .98));
  --portal-theme-control: linear-gradient(180deg, rgba(9, 37, 12, .96), rgba(3, 14, 5, .98));
  --portal-theme-active: linear-gradient(180deg, rgba(186, 255, 57, .18), rgba(6, 31, 10, .98));
  --portal-theme-primary: linear-gradient(180deg, #d9ff7a 0%, #7fac28 100%);
  --portal-theme-primary-text: #061006;
  --imperial-text: var(--text);
  --imperial-muted: var(--muted);
  --imperial-bone: var(--text);
  --imperial-bone-muted: var(--muted);
  --imperial-gold-main: var(--portal-theme-accent);
  --imperial-gold-light: #d9ff7a;
  color-scheme: dark;
}

body.v87-imperial[data-portal-theme="redalert"] {
  --bg: #070304;
  --bg2: #171719;
  --panel: #170707;
  --panel2: #25100f;
  --text: #ffe7bf;
  --muted: #d2a260;
  --line: rgba(255, 65, 48, .21);
  --line-strong: rgba(255, 209, 90, .36);
  --ok: #90c44a;
  --warn: #ffd15a;
  --danger: #ff3b2f;
  --info: #c8d1dc;
  --shadow: 0 18px 46px rgba(0, 0, 0, .38);
  --portal-theme-accent: #ff3b2f;
  --portal-theme-ring: rgba(255, 59, 47, .28);
  --portal-theme-bg: radial-gradient(circle at 16% 0%, rgba(255, 59, 47, .24), transparent 25%),
    radial-gradient(circle at 88% 8%, rgba(255, 209, 90, .13), transparent 18%),
    repeating-linear-gradient(135deg, rgba(255, 209, 90, .045) 0 9px, transparent 9px 24px),
    linear-gradient(180deg, #120405 0%, #070304 58%, #020203 100%);
  --portal-theme-surface: radial-gradient(circle at 12% 0%, rgba(255, 59, 47, .13), transparent 30%),
    linear-gradient(180deg, rgba(31, 10, 10, .98), rgba(9, 4, 4, .98));
  --portal-theme-surface-strong: linear-gradient(180deg, rgba(49, 17, 14, .98), rgba(13, 5, 5, .98));
  --portal-theme-control: linear-gradient(180deg, rgba(42, 16, 14, .97), rgba(12, 6, 6, .98));
  --portal-theme-active: linear-gradient(180deg, rgba(185, 28, 28, .36), rgba(36, 9, 8, .98));
  --portal-theme-primary: linear-gradient(180deg, #ffd15a 0%, #d02d24 55%, #7f1010 100%);
  --portal-theme-primary-text: #190404;
  --imperial-text: var(--text);
  --imperial-muted: var(--muted);
  --imperial-bone: var(--text);
  --imperial-bone-muted: var(--muted);
  --imperial-gold-main: #ffd15a;
  --imperial-gold-light: #ffe29a;
  color-scheme: dark;
}

body.v87-imperial[data-portal-theme="light"],
body.v87-imperial[data-portal-theme="light"] .app-shell,
body.v87-imperial[data-portal-theme="gray"],
body.v87-imperial[data-portal-theme="gray"] .app-shell,
body.v87-imperial[data-portal-theme="emerald"],
body.v87-imperial[data-portal-theme="emerald"] .app-shell,
body.v87-imperial[data-portal-theme="hellforge"],
body.v87-imperial[data-portal-theme="hellforge"] .app-shell,
body.v87-imperial[data-portal-theme="terminal"],
body.v87-imperial[data-portal-theme="terminal"] .app-shell,
body.v87-imperial[data-portal-theme="redalert"],
body.v87-imperial[data-portal-theme="redalert"] .app-shell {
  background: var(--portal-theme-bg) !important;
  color: var(--text) !important;
}

body.v87-imperial[data-portal-theme="hellforge"] .portal-theme-switcher,
body.v87-imperial[data-portal-theme="terminal"] .portal-theme-switcher,
body.v87-imperial[data-portal-theme="redalert"] .portal-theme-switcher {
  background: transparent;
}

body.v87-imperial[data-portal-theme="hellforge"] :is(.portal-theme-switcher__panel, .portal-theme-switcher__toggle),
body.v87-imperial[data-portal-theme="terminal"] :is(.portal-theme-switcher__panel, .portal-theme-switcher__toggle),
body.v87-imperial[data-portal-theme="redalert"] :is(.portal-theme-switcher__panel, .portal-theme-switcher__toggle) {
  background: color-mix(in srgb, var(--panel) 92%, transparent);
  border-color: var(--line-strong);
}

body.v87-imperial[data-portal-theme="hellforge"] .sidebar,
body.v87-imperial[data-portal-theme="terminal"] .sidebar,
body.v87-imperial[data-portal-theme="redalert"] .sidebar {
  background: color-mix(in srgb, var(--panel) 94%, transparent) !important;
  border-right-color: var(--line) !important;
  box-shadow: inset -1px 0 0 rgba(255, 255, 255, .05);
}

body.v87-imperial[data-portal-theme="hellforge"] .topbar,
body.v87-imperial[data-portal-theme="terminal"] .topbar,
body.v87-imperial[data-portal-theme="redalert"] .topbar {
  background: linear-gradient(180deg, color-mix(in srgb, var(--bg) 94%, transparent) 0%, color-mix(in srgb, var(--bg) 82%, transparent) 72%, transparent 100%) !important;
  backdrop-filter: blur(10px);
}

body.v87-imperial[data-portal-theme="hellforge"] .topbar::before,
body.v87-imperial[data-portal-theme="hellforge"] .topbar::after {
  content: "";
  position: absolute;
  bottom: 7px;
  height: 6px;
  border: 1px solid rgba(255, 226, 150, .18);
  box-shadow: inset 0 0 8px rgba(0, 0, 0, .55), 0 0 14px rgba(160, 22, 27, .2);
}

body.v87-imperial[data-portal-theme="hellforge"] .topbar::before {
  left: 0;
  right: calc(50% + 6px);
  border-radius: 999px 0 0 999px;
  background: linear-gradient(90deg, #4c090c, #d0252d 55%, #ff8a5c);
}

body.v87-imperial[data-portal-theme="hellforge"] .topbar::after {
  left: calc(50% + 6px);
  right: 0;
  border-radius: 0 999px 999px 0;
  background: linear-gradient(90deg, #1a3d9a, #2b6df2 55%, #8fc7ff);
}

body.v87-imperial[data-portal-theme="terminal"]::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 200;
  pointer-events: none;
  background: repeating-linear-gradient(180deg, rgba(216, 255, 122, .055) 0 1px, transparent 1px 5px);
  mix-blend-mode: screen;
  opacity: .45;
}

body.v87-imperial[data-portal-theme="redalert"] .topbar {
  overflow: hidden;
}

body.v87-imperial[data-portal-theme="redalert"] .topbar::before,
body.v87-imperial[data-portal-theme="redalert"] .topbar::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  pointer-events: none;
}

body.v87-imperial[data-portal-theme="redalert"] .topbar::before {
  bottom: 8px;
  height: 7px;
  border: 1px solid rgba(255, 209, 90, .2);
  background: linear-gradient(90deg, #5d0b0b, #ff3b2f 48%, #ffd15a 82%, #f8fafc);
  box-shadow: inset 0 0 10px rgba(0, 0, 0, .58), 0 0 16px rgba(255, 59, 47, .25);
}

body.v87-imperial[data-portal-theme="redalert"] .topbar::after {
  bottom: 0;
  height: 4px;
  background: repeating-linear-gradient(90deg, #ffd15a 0 12px, #120405 12px 23px);
  opacity: .92;
}

body.v87-imperial:is([data-portal-theme="hellforge"], [data-portal-theme="terminal"], [data-portal-theme="redalert"]) :is(.brand-title, .topbar h1, h2, h3, h4) {
  color: var(--text) !important;
  text-shadow: 0 0 18px color-mix(in srgb, var(--portal-theme-accent) 24%, transparent) !important;
}

body.v87-imperial:is([data-portal-theme="hellforge"], [data-portal-theme="terminal"], [data-portal-theme="redalert"]) :is(.brand-sub, .topbar p, .hero-copy p, .section-title p, .card p, .mini-kpi span, .imperial-mini-meta, .sidebar-foot p, .small, .muted, .nav-btn small, .eyebrow, .label, .hint) {
  color: var(--muted) !important;
}

body.v87-imperial:is([data-portal-theme="hellforge"], [data-portal-theme="terminal"], [data-portal-theme="redalert"]) :is(.card, .hero-panel, .imperial-mini-card, .modal-card, .table-wrap, .board-col, .task-card, .task-mini, .mini-kpi, .subsection, .sidebar-foot, .note-box, .banner, .list-item, .comment-item, .owner-row, .portal-surface) {
  background: var(--portal-theme-surface) !important;
  border-color: var(--line) !important;
  box-shadow: var(--shadow) !important;
  color: var(--text) !important;
}

body.v87-imperial:is([data-portal-theme="hellforge"], [data-portal-theme="terminal"], [data-portal-theme="redalert"]) :is(.hero-panel, .imperial-mini-card) {
  background: var(--portal-theme-surface-strong) !important;
}

body.v87-imperial:is([data-portal-theme="hellforge"], [data-portal-theme="terminal"], [data-portal-theme="redalert"]) :is(.nav-btn, .btn.ghost, .sync-status, .quick-chip, .market-tab, .chip, .inline-select, [data-v86-market], [data-v86-preset]) {
  background: var(--portal-theme-control) !important;
  border-color: var(--line) !important;
  color: var(--text) !important;
  box-shadow: none !important;
}

body.v87-imperial:is([data-portal-theme="hellforge"], [data-portal-theme="terminal"], [data-portal-theme="redalert"]) .nav-btn span,
body.v87-imperial:is([data-portal-theme="hellforge"], [data-portal-theme="terminal"], [data-portal-theme="redalert"]) .nav-btn.active span {
  color: var(--text) !important;
}

body.v87-imperial:is([data-portal-theme="hellforge"], [data-portal-theme="terminal"], [data-portal-theme="redalert"]) :is(.nav-btn:hover, .nav-btn.active) {
  background: var(--portal-theme-active) !important;
  border-color: var(--portal-theme-accent) !important;
  box-shadow: var(--shadow) !important;
}

body.v87-imperial:is([data-portal-theme="hellforge"], [data-portal-theme="terminal"], [data-portal-theme="redalert"]) :is(.btn, .btn.primary, .file-input, .quick-chip.active, .market-tab.active, [data-v86-market].active, [data-v86-preset].active) {
  background: var(--portal-theme-primary) !important;
  border-color: var(--portal-theme-accent) !important;
  color: var(--portal-theme-primary-text) !important;
  box-shadow: none !important;
}

body.v87-imperial:is([data-portal-theme="hellforge"], [data-portal-theme="terminal"], [data-portal-theme="redalert"]) :is(input, select, textarea) {
  background: var(--panel) !important;
  border-color: var(--line) !important;
  color: var(--text) !important;
}

body.v87-imperial:is([data-portal-theme="hellforge"], [data-portal-theme="terminal"], [data-portal-theme="redalert"]) :is(table th, .table-wrap th) {
  background: var(--panel2) !important;
  color: var(--muted) !important;
}

body.v87-imperial:is([data-portal-theme="hellforge"], [data-portal-theme="terminal"], [data-portal-theme="redalert"]) :is(th, td) {
  border-bottom-color: var(--line) !important;
}

body.v87-imperial:is([data-portal-theme="hellforge"], [data-portal-theme="terminal"], [data-portal-theme="redalert"]) .sidebar-toggle {
  background: var(--portal-theme-control) !important;
  border-color: var(--line) !important;
  color: var(--text) !important;
}

body.v87-imperial:is([data-portal-theme="hellforge"], [data-portal-theme="terminal"], [data-portal-theme="redalert"]) .topbar h1::after {
  background: linear-gradient(90deg, var(--portal-theme-accent), transparent) !important;
}

body.v87-imperial[data-portal-theme="terminal"] :is(.brand-title, .topbar h1, h2, h3, h4, .btn, .nav-btn, .quick-chip, .sync-status, .chip) {
  letter-spacing: .02em;
  text-transform: none;
}

body.v87-imperial:is([data-portal-theme="hellforge"], [data-portal-theme="terminal"], [data-portal-theme="redalert"]) :is(.leader-rank, .owner-bar span) {
  background: var(--portal-theme-primary) !important;
  color: var(--portal-theme-primary-text) !important;
}

body.v87-imperial[data-portal-theme="hellforge"] :is(.leader-bar, .owner-bar, .repricer-game-track, .repricer-game-platform-bar, .iu-drr-score-track, .iu-drr-quarter-track, .iu-drr-forecast-track, .iu-drr-funnel-bar, .iu-drr-progress-cell span, .sku-plan-platform-card__bar, .sku-health__bar, .sku-plan-fact-progress, .sku-salary-xp-track, .data-health-xp-track, .launch-readiness-bar, .oos-bar-track, .oos-coverage-track, .executive-owner-progress, .executive-owner-metric-track) {
  border: 1px solid rgba(255, 218, 122, .18) !important;
  background: linear-gradient(180deg, #050102, #230708) !important;
  box-shadow: inset 0 0 10px rgba(0, 0, 0, .65) !important;
}

body.v87-imperial[data-portal-theme="hellforge"] :is(.leader-bar span, .owner-bar span, .repricer-game-track i, .repricer-game-platform-bar i, .iu-drr-score-track i, .iu-drr-quarter-track i, .iu-drr-forecast-track i, .iu-drr-funnel-bar i, .iu-drr-progress-cell i, .sku-plan-platform-card__bar i, .sku-health__bar i, .sku-plan-fact-progress i, .sku-salary-xp-track i, .data-health-xp-track i, .launch-readiness-bar span, .oos-bar-track i, .oos-coverage-track i, .executive-owner-progress i, .executive-owner-metric-track b) {
  background: linear-gradient(90deg, #711014, #d7272f 52%, #f4a85c) !important;
  box-shadow: 0 0 14px rgba(215, 39, 47, .32) !important;
}

body.v87-imperial[data-portal-theme="hellforge"] :is(.leader-bar.inverse span, .repricer-game-platform-card.ozon .repricer-game-platform-bar i, .iu-drr-progress-cell.ok i) {
  background: linear-gradient(90deg, #143c9c, #2c72ff 56%, #9fd0ff) !important;
  box-shadow: 0 0 14px rgba(44, 114, 255, .32) !important;
}

body.v87-imperial[data-portal-theme="terminal"] :is(.leader-bar, .owner-bar, .repricer-game-track, .repricer-game-platform-bar, .iu-drr-score-track, .iu-drr-quarter-track, .iu-drr-forecast-track, .iu-drr-funnel-bar, .iu-drr-progress-cell span, .sku-plan-platform-card__bar, .sku-health__bar, .sku-plan-fact-progress, .sku-salary-xp-track, .data-health-xp-track, .launch-readiness-bar, .oos-bar-track, .oos-coverage-track, .executive-owner-progress, .executive-owner-metric-track) {
  border: 1px solid rgba(186, 255, 57, .22) !important;
  background: repeating-linear-gradient(90deg, rgba(186, 255, 57, .10) 0 2px, rgba(5, 20, 7, .8) 2px 10px) !important;
  box-shadow: inset 0 0 10px rgba(0, 0, 0, .55) !important;
}

body.v87-imperial[data-portal-theme="terminal"] :is(.leader-bar span, .owner-bar span, .repricer-game-track i, .repricer-game-platform-bar i, .iu-drr-score-track i, .iu-drr-quarter-track i, .iu-drr-forecast-track i, .iu-drr-funnel-bar i, .iu-drr-progress-cell i, .sku-plan-platform-card__bar i, .sku-health__bar i, .sku-plan-fact-progress i, .sku-salary-xp-track i, .data-health-xp-track i, .launch-readiness-bar span, .oos-bar-track i, .oos-coverage-track i, .executive-owner-progress i, .executive-owner-metric-track b) {
  background: linear-gradient(90deg, #87b82d, #d9ff7a) !important;
  box-shadow: 0 0 12px rgba(186, 255, 57, .34) !important;
}

body.v87-imperial[data-portal-theme="redalert"] :is(.leader-bar, .owner-bar, .repricer-game-track, .repricer-game-platform-bar, .iu-drr-score-track, .iu-drr-quarter-track, .iu-drr-forecast-track, .iu-drr-funnel-bar, .iu-drr-progress-cell span, .sku-plan-platform-card__bar, .sku-health__bar, .sku-plan-fact-progress, .sku-salary-xp-track, .data-health-xp-track, .launch-readiness-bar, .oos-bar-track, .oos-coverage-track, .executive-owner-progress, .executive-owner-metric-track) {
  border: 1px solid rgba(255, 209, 90, .2) !important;
  background: repeating-linear-gradient(90deg, rgba(255, 209, 90, .11) 0 6px, rgba(20, 5, 5, .88) 6px 16px) !important;
  box-shadow: inset 0 0 12px rgba(0, 0, 0, .68) !important;
}

body.v87-imperial[data-portal-theme="redalert"] :is(.leader-bar span, .owner-bar span, .repricer-game-track i, .repricer-game-platform-bar i, .iu-drr-score-track i, .iu-drr-quarter-track i, .iu-drr-forecast-track i, .iu-drr-funnel-bar i, .iu-drr-progress-cell i, .sku-plan-platform-card__bar i, .sku-health__bar i, .sku-plan-fact-progress i, .sku-salary-xp-track i, .data-health-xp-track i, .launch-readiness-bar span, .oos-bar-track i, .oos-coverage-track i, .executive-owner-progress i, .executive-owner-metric-track b) {
  background: linear-gradient(90deg, #7f1010, #ff3b2f 52%, #ffd15a) !important;
  box-shadow: 0 0 16px rgba(255, 59, 47, .36) !important;
}

body.v87-imperial[data-portal-theme="redalert"] :is(.leader-bar.inverse span, .repricer-game-platform-card.ozon .repricer-game-platform-bar i, .iu-drr-progress-cell.ok i) {
  background: linear-gradient(90deg, #3b3f46, #d7dde6 48%, #ffd15a) !important;
  box-shadow: 0 0 14px rgba(255, 209, 90, .28) !important;
}

body.v87-imperial[data-portal-theme="light"] .sidebar,
body.v87-imperial[data-portal-theme="gray"] .sidebar,
body.v87-imperial[data-portal-theme="emerald"] .sidebar {
  background: color-mix(in srgb, var(--panel) 92%, transparent) !important;
  border-right-color: var(--line) !important;
  box-shadow: inset -1px 0 0 rgba(255, 255, 255, .05);
}

body.v87-imperial[data-portal-theme="light"] .topbar,
body.v87-imperial[data-portal-theme="gray"] .topbar,
body.v87-imperial[data-portal-theme="emerald"] .topbar {
  background: linear-gradient(180deg, color-mix(in srgb, var(--bg) 94%, transparent) 0%, color-mix(in srgb, var(--bg) 80%, transparent) 72%, transparent 100%) !important;
  backdrop-filter: blur(10px);
}

body.v87-imperial[data-portal-theme="light"] .brand-title,
body.v87-imperial[data-portal-theme="light"] .topbar h1,
body.v87-imperial[data-portal-theme="light"] h2,
body.v87-imperial[data-portal-theme="light"] h3,
body.v87-imperial[data-portal-theme="light"] h4,
body.v87-imperial[data-portal-theme="gray"] .brand-title,
body.v87-imperial[data-portal-theme="gray"] .topbar h1,
body.v87-imperial[data-portal-theme="gray"] h2,
body.v87-imperial[data-portal-theme="gray"] h3,
body.v87-imperial[data-portal-theme="gray"] h4,
body.v87-imperial[data-portal-theme="emerald"] .brand-title,
body.v87-imperial[data-portal-theme="emerald"] .topbar h1,
body.v87-imperial[data-portal-theme="emerald"] h2,
body.v87-imperial[data-portal-theme="emerald"] h3,
body.v87-imperial[data-portal-theme="emerald"] h4 {
  color: var(--text) !important;
  text-shadow: none !important;
}

body.v87-imperial[data-portal-theme="light"] .brand-sub,
body.v87-imperial[data-portal-theme="light"] .topbar p,
body.v87-imperial[data-portal-theme="light"] .hero-copy p,
body.v87-imperial[data-portal-theme="light"] .section-title p,
body.v87-imperial[data-portal-theme="light"] .card p,
body.v87-imperial[data-portal-theme="light"] .mini-kpi span,
body.v87-imperial[data-portal-theme="light"] .imperial-mini-meta,
body.v87-imperial[data-portal-theme="light"] .sidebar-foot p,
body.v87-imperial[data-portal-theme="light"] .small,
body.v87-imperial[data-portal-theme="light"] .muted,
body.v87-imperial[data-portal-theme="gray"] .brand-sub,
body.v87-imperial[data-portal-theme="gray"] .topbar p,
body.v87-imperial[data-portal-theme="gray"] .hero-copy p,
body.v87-imperial[data-portal-theme="gray"] .section-title p,
body.v87-imperial[data-portal-theme="gray"] .card p,
body.v87-imperial[data-portal-theme="gray"] .mini-kpi span,
body.v87-imperial[data-portal-theme="gray"] .imperial-mini-meta,
body.v87-imperial[data-portal-theme="gray"] .sidebar-foot p,
body.v87-imperial[data-portal-theme="gray"] .small,
body.v87-imperial[data-portal-theme="gray"] .muted,
body.v87-imperial[data-portal-theme="emerald"] .brand-sub,
body.v87-imperial[data-portal-theme="emerald"] .topbar p,
body.v87-imperial[data-portal-theme="emerald"] .hero-copy p,
body.v87-imperial[data-portal-theme="emerald"] .section-title p,
body.v87-imperial[data-portal-theme="emerald"] .card p,
body.v87-imperial[data-portal-theme="emerald"] .mini-kpi span,
body.v87-imperial[data-portal-theme="emerald"] .imperial-mini-meta,
body.v87-imperial[data-portal-theme="emerald"] .sidebar-foot p,
body.v87-imperial[data-portal-theme="emerald"] .small,
body.v87-imperial[data-portal-theme="emerald"] .muted {
  color: var(--muted) !important;
}

body.v87-imperial[data-portal-theme="light"] .card,
body.v87-imperial[data-portal-theme="light"] .hero-panel,
body.v87-imperial[data-portal-theme="light"] .imperial-mini-card,
body.v87-imperial[data-portal-theme="light"] .modal-card,
body.v87-imperial[data-portal-theme="light"] .table-wrap,
body.v87-imperial[data-portal-theme="light"] .board-col,
body.v87-imperial[data-portal-theme="light"] .task-card,
body.v87-imperial[data-portal-theme="light"] .task-mini,
body.v87-imperial[data-portal-theme="light"] .mini-kpi,
body.v87-imperial[data-portal-theme="light"] .subsection,
body.v87-imperial[data-portal-theme="light"] .sidebar-foot,
body.v87-imperial[data-portal-theme="light"] .note-box,
body.v87-imperial[data-portal-theme="light"] .banner,
body.v87-imperial[data-portal-theme="light"] .list-item,
body.v87-imperial[data-portal-theme="light"] .comment-item,
body.v87-imperial[data-portal-theme="light"] .owner-row,
body.v87-imperial[data-portal-theme="light"] .portal-surface,
body.v87-imperial[data-portal-theme="gray"] .card,
body.v87-imperial[data-portal-theme="gray"] .hero-panel,
body.v87-imperial[data-portal-theme="gray"] .imperial-mini-card,
body.v87-imperial[data-portal-theme="gray"] .modal-card,
body.v87-imperial[data-portal-theme="gray"] .table-wrap,
body.v87-imperial[data-portal-theme="gray"] .board-col,
body.v87-imperial[data-portal-theme="gray"] .task-card,
body.v87-imperial[data-portal-theme="gray"] .task-mini,
body.v87-imperial[data-portal-theme="gray"] .mini-kpi,
body.v87-imperial[data-portal-theme="gray"] .subsection,
body.v87-imperial[data-portal-theme="gray"] .sidebar-foot,
body.v87-imperial[data-portal-theme="gray"] .note-box,
body.v87-imperial[data-portal-theme="gray"] .banner,
body.v87-imperial[data-portal-theme="gray"] .list-item,
body.v87-imperial[data-portal-theme="gray"] .comment-item,
body.v87-imperial[data-portal-theme="gray"] .owner-row,
body.v87-imperial[data-portal-theme="gray"] .portal-surface,
body.v87-imperial[data-portal-theme="emerald"] .card,
body.v87-imperial[data-portal-theme="emerald"] .hero-panel,
body.v87-imperial[data-portal-theme="emerald"] .imperial-mini-card,
body.v87-imperial[data-portal-theme="emerald"] .modal-card,
body.v87-imperial[data-portal-theme="emerald"] .table-wrap,
body.v87-imperial[data-portal-theme="emerald"] .board-col,
body.v87-imperial[data-portal-theme="emerald"] .task-card,
body.v87-imperial[data-portal-theme="emerald"] .task-mini,
body.v87-imperial[data-portal-theme="emerald"] .mini-kpi,
body.v87-imperial[data-portal-theme="emerald"] .subsection,
body.v87-imperial[data-portal-theme="emerald"] .sidebar-foot,
body.v87-imperial[data-portal-theme="emerald"] .note-box,
body.v87-imperial[data-portal-theme="emerald"] .banner,
body.v87-imperial[data-portal-theme="emerald"] .list-item,
body.v87-imperial[data-portal-theme="emerald"] .comment-item,
body.v87-imperial[data-portal-theme="emerald"] .owner-row,
body.v87-imperial[data-portal-theme="emerald"] .portal-surface {
  background: var(--portal-theme-surface) !important;
  border-color: var(--line) !important;
  box-shadow: var(--shadow) !important;
  color: var(--text) !important;
}

body.v87-imperial[data-portal-theme="light"] .hero-panel,
body.v87-imperial[data-portal-theme="light"] .imperial-mini-card,
body.v87-imperial[data-portal-theme="gray"] .hero-panel,
body.v87-imperial[data-portal-theme="gray"] .imperial-mini-card,
body.v87-imperial[data-portal-theme="emerald"] .hero-panel,
body.v87-imperial[data-portal-theme="emerald"] .imperial-mini-card {
  background: var(--portal-theme-surface-strong) !important;
}

body.v87-imperial[data-portal-theme="light"] .nav-btn,
body.v87-imperial[data-portal-theme="gray"] .nav-btn,
body.v87-imperial[data-portal-theme="emerald"] .nav-btn {
  background: var(--portal-theme-control) !important;
  border-color: var(--line) !important;
  color: var(--text) !important;
}

body.v87-imperial[data-portal-theme="light"] .nav-btn span,
body.v87-imperial[data-portal-theme="light"] .nav-btn.active span,
body.v87-imperial[data-portal-theme="gray"] .nav-btn span,
body.v87-imperial[data-portal-theme="gray"] .nav-btn.active span,
body.v87-imperial[data-portal-theme="emerald"] .nav-btn span,
body.v87-imperial[data-portal-theme="emerald"] .nav-btn.active span {
  color: var(--text) !important;
}

body.v87-imperial[data-portal-theme="light"] .nav-btn small,
body.v87-imperial[data-portal-theme="light"] .eyebrow,
body.v87-imperial[data-portal-theme="light"] .label,
body.v87-imperial[data-portal-theme="light"] .hint,
body.v87-imperial[data-portal-theme="gray"] .nav-btn small,
body.v87-imperial[data-portal-theme="gray"] .eyebrow,
body.v87-imperial[data-portal-theme="gray"] .label,
body.v87-imperial[data-portal-theme="gray"] .hint,
body.v87-imperial[data-portal-theme="emerald"] .nav-btn small,
body.v87-imperial[data-portal-theme="emerald"] .eyebrow,
body.v87-imperial[data-portal-theme="emerald"] .label,
body.v87-imperial[data-portal-theme="emerald"] .hint {
  color: var(--muted) !important;
}

body.v87-imperial[data-portal-theme="light"] .nav-btn:hover,
body.v87-imperial[data-portal-theme="light"] .nav-btn.active,
body.v87-imperial[data-portal-theme="gray"] .nav-btn:hover,
body.v87-imperial[data-portal-theme="gray"] .nav-btn.active,
body.v87-imperial[data-portal-theme="emerald"] .nav-btn:hover,
body.v87-imperial[data-portal-theme="emerald"] .nav-btn.active {
  background: var(--portal-theme-active) !important;
  border-color: var(--portal-theme-accent) !important;
  box-shadow: var(--shadow) !important;
}

body.v87-imperial[data-portal-theme="light"] .btn,
body.v87-imperial[data-portal-theme="light"] .btn.primary,
body.v87-imperial[data-portal-theme="light"] .file-input,
body.v87-imperial[data-portal-theme="gray"] .btn,
body.v87-imperial[data-portal-theme="gray"] .btn.primary,
body.v87-imperial[data-portal-theme="gray"] .file-input,
body.v87-imperial[data-portal-theme="emerald"] .btn,
body.v87-imperial[data-portal-theme="emerald"] .btn.primary,
body.v87-imperial[data-portal-theme="emerald"] .file-input {
  background: var(--portal-theme-primary) !important;
  border-color: var(--line-strong) !important;
  color: var(--portal-theme-primary-text) !important;
  box-shadow: none !important;
}

body.v87-imperial[data-portal-theme="light"] .btn.ghost,
body.v87-imperial[data-portal-theme="light"] .sync-status,
body.v87-imperial[data-portal-theme="light"] .quick-chip,
body.v87-imperial[data-portal-theme="light"] .market-tab,
body.v87-imperial[data-portal-theme="light"] .chip,
body.v87-imperial[data-portal-theme="light"] .inline-select,
body.v87-imperial[data-portal-theme="light"] [data-v86-market],
body.v87-imperial[data-portal-theme="light"] [data-v86-preset],
body.v87-imperial[data-portal-theme="gray"] .btn.ghost,
body.v87-imperial[data-portal-theme="gray"] .sync-status,
body.v87-imperial[data-portal-theme="gray"] .quick-chip,
body.v87-imperial[data-portal-theme="gray"] .market-tab,
body.v87-imperial[data-portal-theme="gray"] .chip,
body.v87-imperial[data-portal-theme="gray"] .inline-select,
body.v87-imperial[data-portal-theme="gray"] [data-v86-market],
body.v87-imperial[data-portal-theme="gray"] [data-v86-preset],
body.v87-imperial[data-portal-theme="emerald"] .btn.ghost,
body.v87-imperial[data-portal-theme="emerald"] .sync-status,
body.v87-imperial[data-portal-theme="emerald"] .quick-chip,
body.v87-imperial[data-portal-theme="emerald"] .market-tab,
body.v87-imperial[data-portal-theme="emerald"] .chip,
body.v87-imperial[data-portal-theme="emerald"] .inline-select,
body.v87-imperial[data-portal-theme="emerald"] [data-v86-market],
body.v87-imperial[data-portal-theme="emerald"] [data-v86-preset] {
  background: var(--portal-theme-control) !important;
  border-color: var(--line) !important;
  color: var(--text) !important;
  box-shadow: none !important;
}

body.v87-imperial[data-portal-theme="light"] .quick-chip.active,
body.v87-imperial[data-portal-theme="light"] .market-tab.active,
body.v87-imperial[data-portal-theme="light"] [data-v86-market].active,
body.v87-imperial[data-portal-theme="light"] [data-v86-preset].active,
body.v87-imperial[data-portal-theme="gray"] .quick-chip.active,
body.v87-imperial[data-portal-theme="gray"] .market-tab.active,
body.v87-imperial[data-portal-theme="gray"] [data-v86-market].active,
body.v87-imperial[data-portal-theme="gray"] [data-v86-preset].active,
body.v87-imperial[data-portal-theme="emerald"] .quick-chip.active,
body.v87-imperial[data-portal-theme="emerald"] .market-tab.active,
body.v87-imperial[data-portal-theme="emerald"] [data-v86-market].active,
body.v87-imperial[data-portal-theme="emerald"] [data-v86-preset].active {
  background: var(--portal-theme-primary) !important;
  border-color: var(--portal-theme-accent) !important;
  color: var(--portal-theme-primary-text) !important;
}

body.v87-imperial[data-portal-theme="light"] input,
body.v87-imperial[data-portal-theme="light"] select,
body.v87-imperial[data-portal-theme="light"] textarea,
body.v87-imperial[data-portal-theme="gray"] input,
body.v87-imperial[data-portal-theme="gray"] select,
body.v87-imperial[data-portal-theme="gray"] textarea,
body.v87-imperial[data-portal-theme="emerald"] input,
body.v87-imperial[data-portal-theme="emerald"] select,
body.v87-imperial[data-portal-theme="emerald"] textarea {
  background: var(--panel) !important;
  border-color: var(--line) !important;
  color: var(--text) !important;
}

body.v87-imperial[data-portal-theme="light"] table th,
body.v87-imperial[data-portal-theme="light"] .table-wrap th,
body.v87-imperial[data-portal-theme="gray"] table th,
body.v87-imperial[data-portal-theme="gray"] .table-wrap th,
body.v87-imperial[data-portal-theme="emerald"] table th,
body.v87-imperial[data-portal-theme="emerald"] .table-wrap th {
  background: var(--panel2) !important;
  color: var(--muted) !important;
}

body.v87-imperial[data-portal-theme="light"] th,
body.v87-imperial[data-portal-theme="light"] td,
body.v87-imperial[data-portal-theme="gray"] th,
body.v87-imperial[data-portal-theme="gray"] td,
body.v87-imperial[data-portal-theme="emerald"] th,
body.v87-imperial[data-portal-theme="emerald"] td {
  border-bottom-color: var(--line) !important;
}

body.v87-imperial[data-portal-theme="light"] .imperial-grid-line,
body.v87-imperial[data-portal-theme="gray"] .imperial-grid-line,
body.v87-imperial[data-portal-theme="emerald"] .imperial-grid-line {
  stroke: var(--line-strong) !important;
}

body.v87-imperial[data-portal-theme="light"] .imperial-grid-label,
body.v87-imperial[data-portal-theme="gray"] .imperial-grid-label,
body.v87-imperial[data-portal-theme="emerald"] .imperial-grid-label {
  fill: var(--muted) !important;
  color: var(--muted) !important;
}

body.v87-imperial[data-portal-theme="light"] .leader-rank,
body.v87-imperial[data-portal-theme="light"] .owner-bar span,
body.v87-imperial[data-portal-theme="gray"] .leader-rank,
body.v87-imperial[data-portal-theme="gray"] .owner-bar span,
body.v87-imperial[data-portal-theme="emerald"] .leader-rank,
body.v87-imperial[data-portal-theme="emerald"] .owner-bar span {
  background: var(--portal-theme-primary) !important;
  color: var(--portal-theme-primary-text) !important;
}

body.v87-imperial[data-portal-theme="light"] .leader-bar span,
body.v87-imperial[data-portal-theme="gray"] .leader-bar span,
body.v87-imperial[data-portal-theme="emerald"] .leader-bar span {
  background: linear-gradient(90deg, var(--portal-theme-accent), var(--info)) !important;
}

body.v87-imperial[data-portal-theme="light"] .sidebar-toggle,
body.v87-imperial[data-portal-theme="gray"] .sidebar-toggle,
body.v87-imperial[data-portal-theme="emerald"] .sidebar-toggle {
  background: var(--portal-theme-control) !important;
  border-color: var(--line) !important;
  color: var(--text) !important;
}

body.v87-imperial[data-portal-theme="light"] .topbar h1::after,
body.v87-imperial[data-portal-theme="gray"] .topbar h1::after,
body.v87-imperial[data-portal-theme="emerald"] .topbar h1::after {
  background: linear-gradient(90deg, var(--portal-theme-accent), transparent) !important;
}

@media (max-width: 820px) {
  .portal-theme-switcher {
    left: 8px;
    bottom: 8px;
  }

  .portal-theme-switcher__panel {
    bottom: 36px;
    display: grid;
    grid-template-columns: repeat(4, 22px);
    gap: 4px;
    max-width: 118px;
    min-height: 0;
    border-radius: 18px;
    padding: 5px;
  }

  .portal-theme-switcher__label {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
  }

  .portal-theme-switcher__button {
    width: 22px;
    height: 22px;
    flex-basis: 22px;
  }

  .portal-theme-switcher__toggle {
    width: 30px;
    height: 30px;
    flex-basis: 30px;
  }
}

/* Sidebar navigation priority map */
.sidebar .nav {
  gap: 4px;
  padding-bottom: 8px;
}

.sidebar .nav-group-label {
  display: flex;
  align-items: center;
  gap: 7px;
  margin: 10px 6px 3px;
  color: color-mix(in srgb, var(--muted) 82%, var(--text));
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1;
  text-transform: uppercase;
}

.sidebar .nav-group-label::after {
  content: "";
  display: block;
  flex: 1;
  height: 1px;
  background: var(--line);
  opacity: .72;
}

.sidebar .nav-btn {
  display: grid !important;
  grid-template-columns: 34px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  min-height: 46px;
  padding: 8px 10px !important;
  border-radius: 12px !important;
  text-align: left;
}

.sidebar .nav-btn[hidden],
.sidebar .nav-btn.nav-btn-legacy-hidden {
  display: none !important;
}

.sidebar .nav-btn::before {
  content: none !important;
  display: none !important;
}

.sidebar .nav-btn .nav-icon {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 10px;
  color: var(--text);
  background: color-mix(in srgb, var(--panel-strong) 84%, transparent);
  border: 1px solid var(--line);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04);
  transition: background .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
}

.sidebar .nav-btn .nav-icon svg {
  display: block;
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.8;
}

.sidebar .nav-btn .nav-copy {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 2px;
}

.sidebar .nav-btn .nav-title {
  min-width: 0;
  overflow: hidden;
  color: var(--text);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1.15;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sidebar .nav-btn small.nav-subtitle {
  display: block !important;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  font-size: 10.5px;
  letter-spacing: 0;
  line-height: 1.15;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sidebar .nav-btn:hover .nav-icon,
.sidebar .nav-btn.active .nav-icon {
  border-color: var(--portal-theme-accent, var(--line-strong));
  transform: translateY(-1px);
}

.sidebar .nav-btn[data-nav-group="daily"] .nav-icon {
  color: #f4d58e;
}

.sidebar .nav-btn[data-nav-group="commerce"] .nav-icon {
  color: #7cc7ff;
}

.sidebar .nav-btn[data-nav-group="product"] .nav-icon {
  color: #9be48e;
}

.sidebar .nav-btn[data-nav-group="analytics"] .nav-icon {
  color: #ff9ab0;
}

body.v87-imperial .sidebar .nav-group-label {
  color: color-mix(in srgb, var(--imperial-bone-muted) 90%, var(--imperial-bone)) !important;
}

body.v87-imperial .sidebar .nav-group-label::after {
  background: rgba(203, 164, 91, .2);
}

body.v87-imperial .sidebar .nav-btn .nav-icon {
  background: linear-gradient(180deg, rgba(24, 17, 13, .98), rgba(9, 7, 6, .98));
  border-color: rgba(203, 164, 91, .16);
}

body.v87-imperial .sidebar .nav-btn:hover .nav-icon,
body.v87-imperial .sidebar .nav-btn.active .nav-icon {
  background: linear-gradient(180deg, rgba(54, 37, 22, .98), rgba(20, 13, 9, .98));
  border-color: rgba(231, 205, 147, .42);
}

@media (max-width: 820px) {
  body.v87-imperial .sidebar .nav,
  .sidebar .nav {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
    width: 100%;
    overflow-x: visible !important;
    overflow-y: visible !important;
    padding-bottom: 8px;
  }

  body.v87-imperial .sidebar .nav-group-label,
  .sidebar .nav-group-label {
    grid-column: 1 / -1;
    margin: 8px 6px 2px;
  }

  body.v87-imperial .sidebar .nav-btn,
  .sidebar .nav-btn {
    width: 100%;
    min-height: 44px;
    grid-template-columns: 32px minmax(0, 1fr);
  }

  .sidebar .nav-btn .nav-icon {
    width: 30px;
    height: 30px;
  }
}

/* Premium shell v4: standalone-derived skin for existing Harisma routes. */
body.v87-imperial.altea-premium-shell[data-theme] {
  --sidebar: 250px;
  --topbar: 68px;
  --ease: cubic-bezier(.22,.82,.22,1);
  --ease-soft: cubic-bezier(.16,1,.3,1);
  --accent: var(--route-accent, var(--theme-accent));
  --accent-rgb: var(--route-rgb, 216,198,164);
  --panel: color-mix(in srgb, var(--surface) 78%, transparent);
  --panel-2: color-mix(in srgb, var(--surface2) 72%, transparent);
  --line-soft: color-mix(in srgb, var(--line) 58%, transparent);
  --line-lit: color-mix(in srgb, var(--accent) 28%, var(--line));
  min-height: 100vh !important;
  overflow: hidden !important;
  background:
    radial-gradient(900px 480px at 72% -10%, color-mix(in srgb, var(--accent) 10%, transparent), transparent 68%),
    radial-gradient(760px 420px at 18% 18%, color-mix(in srgb, var(--accent) 7%, transparent), transparent 72%),
    linear-gradient(135deg, var(--bg), var(--bg2) 56%, var(--bg)) !important;
  color: var(--text) !important;
}

body.v87-imperial.altea-premium-shell[data-theme]::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 50% 10%, color-mix(in srgb, var(--accent) 9%, transparent), transparent 34%),
    linear-gradient(90deg, transparent, color-mix(in srgb, var(--text) 2%, transparent), transparent);
  opacity: .78;
}

body.v87-imperial.altea-premium-shell[data-theme]::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-image: linear-gradient(color-mix(in srgb, var(--text) 3%, transparent) 1px, transparent 1px);
  background-size: 100% 58px;
  mask-image: linear-gradient(180deg, black 0%, transparent 76%);
  opacity: .24;
}

body.v87-imperial.altea-premium-shell[data-theme] .app-shell {
  position: relative !important;
  z-index: 1 !important;
  display: block !important;
  width: 100vw !important;
  height: 100vh !important;
  min-height: 100vh !important;
  overflow: hidden !important;
  background: transparent !important;
}

body.v87-imperial.altea-premium-shell[data-theme] .sidebar {
  position: fixed !important;
  z-index: 30 !important;
  inset: 0 auto 0 0 !important;
  width: var(--sidebar) !important;
  height: 100vh !important;
  max-height: none !important;
  padding: 25px 15px 16px !important;
  display: flex !important;
  flex-direction: column !important;
  border: 0 !important;
  border-right: 1px solid color-mix(in srgb, var(--accent) 11%, transparent) !important;
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--bg) 96%, transparent), color-mix(in srgb, var(--bg) 91%, transparent)) !important;
  box-shadow: 22px 0 90px color-mix(in srgb, #000 26%, transparent) !important;
  backdrop-filter: blur(20px) saturate(1.05) !important;
}

body.v87-imperial.altea-premium-shell[data-theme] .sidebar::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 -1px 0 auto !important;
  width: 1px !important;
  background: linear-gradient(180deg, transparent, color-mix(in srgb, var(--accent) 40%, transparent) 28%, color-mix(in srgb, var(--accent) 8%, transparent) 72%, transparent) !important;
  opacity: .65 !important;
}

body.v87-imperial.altea-premium-shell[data-theme] .main {
  position: absolute !important;
  z-index: 3 !important;
  inset: 0 0 0 var(--sidebar) !important;
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  height: 100vh !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: transparent !important;
}

body.v87-imperial.altea-premium-shell[data-theme] .topbar {
  position: relative !important;
  top: auto !important;
  z-index: 20 !important;
  height: var(--topbar) !important;
  min-height: var(--topbar) !important;
  flex: 0 0 var(--topbar) !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 28px !important;
  border: 0 !important;
  border-bottom: 1px solid color-mix(in srgb, var(--text) 5.5%, transparent) !important;
  background: linear-gradient(180deg, color-mix(in srgb, var(--bg) 80%, transparent), color-mix(in srgb, var(--bg) 40%, transparent)) !important;
  box-shadow: none !important;
  backdrop-filter: blur(16px) saturate(1.05) !important;
}

body.v87-imperial.altea-premium-shell[data-theme] .topbar h1 {
  max-width: 360px !important;
  margin: 0 !important;
  color: color-mix(in srgb, var(--text) 88%, var(--muted)) !important;
  font: 650 11px/1.1 Inter, Arial, sans-serif !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
}

body.v87-imperial.altea-premium-shell[data-theme] .topbar p {
  display: none !important;
}

body.v87-imperial.altea-premium-shell[data-theme] .top-actions,
body.v87-imperial.altea-premium-shell[data-theme] .top-actions-wrap {
  margin-left: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
}

body.v87-imperial.altea-premium-shell[data-theme] .view {
  display: none !important;
  transform-origin: center top !important;
}

body.v87-imperial.altea-premium-shell[data-theme] .view.active {
  position: relative !important;
  display: block !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: calc(100vh - var(--topbar)) !important;
  padding: 29px 31px 34px !important;
  overflow: auto !important;
  overflow-x: hidden !important;
  background: transparent !important;
  scrollbar-width: thin !important;
  scrollbar-color: color-mix(in srgb, var(--accent) 25%, transparent) transparent !important;
}

body.v87-imperial.altea-premium-shell[data-theme] .view.active::-webkit-scrollbar {
  width: 7px !important;
}

body.v87-imperial.altea-premium-shell[data-theme] .view.active::-webkit-scrollbar-thumb {
  border-radius: 9px !important;
  background: color-mix(in srgb, var(--accent) 20%, transparent) !important;
}

body.v87-imperial.altea-premium-shell[data-theme] .view.active::before {
  content: "" !important;
  position: fixed !important;
  z-index: -1 !important;
  left: var(--sidebar) !important;
  right: 0 !important;
  top: var(--topbar) !important;
  height: 420px !important;
  background: radial-gradient(720px 330px at 55% 0%, color-mix(in srgb, var(--accent) 9%, transparent), transparent 70%) !important;
  pointer-events: none !important;
}

body.v87-imperial.altea-premium-shell[data-theme] .brand-block {
  display: flex !important;
  align-items: center !important;
  gap: 13px !important;
  margin: 0 !important;
  padding: 2px 8px 21px !important;
  border: 0 !important;
}

body.v87-imperial.altea-premium-shell[data-theme] .logo-badge {
  width: 38px !important;
  height: 38px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.v87-imperial.altea-premium-shell[data-theme] .brand-title {
  color: var(--text) !important;
  font: 500 20px/1.06 Georgia, "Times New Roman", serif !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
}

body.v87-imperial.altea-premium-shell[data-theme] .brand-sub {
  color: var(--accent) !important;
  font-size: 7px !important;
  font-weight: 700 !important;
  letter-spacing: .15em !important;
  text-transform: uppercase !important;
}

body.v87-imperial.altea-premium-shell[data-theme] .nav {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow: auto !important;
  padding: 0 0 15px !important;
  scrollbar-width: none !important;
}

body.v87-imperial.altea-premium-shell[data-theme] .nav::-webkit-scrollbar {
  display: none !important;
}

body.v87-imperial.altea-premium-shell[data-theme] .nav-group-label {
  padding: 8px 8px 5px !important;
  color: color-mix(in srgb, var(--muted) 62%, transparent) !important;
  font-size: 7.5px !important;
  font-weight: 800 !important;
  letter-spacing: .19em !important;
  text-transform: uppercase !important;
}

body.v87-imperial.altea-premium-shell[data-theme] .nav-btn {
  position: relative !important;
  min-height: 45px !important;
  margin: 2px 0 !important;
  padding: 5px 8px 5px 6px !important;
  display: grid !important;
  grid-template-columns: 31px minmax(0, 1fr) 7px !important;
  gap: 8px !important;
  align-items: center !important;
  border: 1px solid transparent !important;
  border-radius: 13px !important;
  background: transparent !important;
  color: color-mix(in srgb, var(--text) 72%, var(--muted)) !important;
  box-shadow: none !important;
  text-align: left !important;
  transform: none !important;
  transition: transform .32s var(--ease), background .32s var(--ease), color .32s var(--ease), border-color .32s var(--ease) !important;
}

body.v87-imperial.altea-premium-shell[data-theme] .nav-btn:hover {
  transform: translateX(2px) !important;
  background: color-mix(in srgb, var(--text) 3%, transparent) !important;
  color: var(--text) !important;
}

body.v87-imperial.altea-premium-shell[data-theme] .nav-btn.active {
  border-color: color-mix(in srgb, var(--accent) 30%, transparent) !important;
  background:
    radial-gradient(100px 48px at 12% 50%, color-mix(in srgb, var(--accent) 16%, transparent), transparent 78%),
    linear-gradient(90deg, color-mix(in srgb, var(--accent) 10%, transparent), color-mix(in srgb, var(--text) 2%, transparent)) !important;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--text) 1.8%, transparent), 0 10px 25px color-mix(in srgb, #000 18%, transparent) !important;
}

body.v87-imperial.altea-premium-shell[data-theme] .nav-btn.active::before {
  content: "" !important;
  position: absolute !important;
  left: -1px !important;
  top: 10px !important;
  bottom: 10px !important;
  width: 2px !important;
  border-radius: 4px !important;
  background: linear-gradient(180deg, color-mix(in srgb, var(--accent) 28%, transparent), var(--accent), color-mix(in srgb, var(--accent) 28%, transparent)) !important;
  box-shadow: 0 0 14px color-mix(in srgb, var(--accent) 62%, transparent) !important;
}

body.v87-imperial.altea-premium-shell[data-theme] .nav-icon {
  width: 31px !important;
  height: 31px !important;
  border: 1px solid color-mix(in srgb, var(--text) 7%, transparent) !important;
  border-radius: 10px !important;
  background: color-mix(in srgb, var(--text) 2.2%, transparent) !important;
  color: color-mix(in srgb, var(--muted) 78%, transparent) !important;
  box-shadow: none !important;
}

body.v87-imperial.altea-premium-shell[data-theme] .nav-btn.active .nav-icon {
  color: var(--accent) !important;
  border-color: color-mix(in srgb, var(--accent) 27%, transparent) !important;
  background: color-mix(in srgb, var(--accent) 7.5%, transparent) !important;
  box-shadow: 0 0 18px color-mix(in srgb, var(--accent) 8%, transparent) !important;
}

body.v87-imperial.altea-premium-shell[data-theme] .nav-btn span,
body.v87-imperial.altea-premium-shell[data-theme] .nav-btn strong {
  color: inherit !important;
  font-size: 11px !important;
  line-height: 1.1 !important;
  font-weight: 720 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.v87-imperial.altea-premium-shell[data-theme] .nav-btn small {
  margin-top: 4px !important;
  color: color-mix(in srgb, var(--muted) 64%, transparent) !important;
  font-size: 7.4px !important;
  line-height: 1 !important;
}

body.v87-imperial.altea-premium-shell[data-theme] .view.active :where(
  .card,
  .panel,
  .portal-panel,
  .portal-card,
  .portal-surface,
  .portal-exec-card,
  .portal-exec-surface,
  .portal-exec-section,
  .portal-exec-period-panel,
  .portal-exec-issue-row,
  .portal-exec-metric,
  .dashboard-card,
  .dashboard-section,
  .metric-card,
  .kpi-card,
  .hero-panel,
  .hero-card,
  .summary-card,
  .mini-kpi,
  .task-card,
  .task-mini,
  .board-col,
  .list-item,
  .note-box,
  .table-wrap,
  .ui-group,
  .comment-item,
  .owner-row,
  .alert-row,
  .repricer-card,
  .repricer-guide-card,
  .repricer-side,
  .repricer-settings-card,
  .launch-card,
  .launch-audit-card,
  .executive-card,
  .executive-market-card,
  .executive-funnel-card,
  .executive-owner-card,
  .executive-owner-metric,
  .leaderboard-card,
  .sku-plan-fact-card,
  .sku-plan-fact-table,
  .product-leaderboard-date-card,
  .product-leaderboard-order-hero,
  .product-leaderboard-weekly-bi,
  .product-leaderboard-weekly-bi-card,
  .iu-drr-funnel-panel,
  .iu-drr-funnel-card,
  .iu-drr-score-card,
  .iu-drr-quarter-card,
  .iu-drr-forecast-hero,
  .ads-control-table-card
) {
  position: relative !important;
  border: 1px solid var(--line-soft) !important;
  border-radius: 18px !important;
  background:
    radial-gradient(360px 170px at 10% 0%, color-mix(in srgb, var(--accent) 5.5%, transparent), transparent 75%),
    linear-gradient(135deg, color-mix(in srgb, var(--surface) 74%, transparent), color-mix(in srgb, var(--bg) 62%, transparent)) !important;
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--text) 1.8%, transparent), 0 20px 55px color-mix(in srgb, #000 14%, transparent) !important;
  overflow: hidden !important;
  transform: none !important;
  transition: border-color .24s var(--ease), background .24s var(--ease), box-shadow .24s var(--ease), transform .24s var(--ease) !important;
}

body.v87-imperial.altea-premium-shell[data-theme] .view.active :where(.card, .portal-card, .portal-panel, .portal-exec-card, .dashboard-card, .metric-card, .kpi-card, .panel):hover {
  border-color: color-mix(in srgb, var(--accent) 34%, var(--line)) !important;
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--text) 2.5%, transparent), 0 22px 54px color-mix(in srgb, #000 20%, transparent) !important;
}

body.v87-imperial.altea-premium-shell[data-theme] .view.active :where(h1, h2, h3, h4, .section-title, .pw-title, .portal-exec-head h2, .portal-exec-head h3) {
  color: var(--text) !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
}

body.v87-imperial.altea-premium-shell[data-theme] .view.active :where(h2) {
  font-size: clamp(31px, 2.6vw, 48px) !important;
  line-height: 1.02 !important;
}

body.v87-imperial.altea-premium-shell[data-theme] .view.active :where(h3, h4) {
  font-size: 17px !important;
  line-height: 1.15 !important;
}

body.v87-imperial.altea-premium-shell[data-theme] .view.active :where(p, small, .muted, .small, .subtitle, .hint, .label, .section-subhead, .portal-exec-head p) {
  color: var(--muted) !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
}

body.v87-imperial.altea-premium-shell[data-theme] .view.active :where(.value, .amount, .total, .number, .metric-value, .kpi-value, .portal-exec-value, .pw-value) {
  color: var(--text) !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-variant-numeric: tabular-nums !important;
  text-shadow: none !important;
}

body.v87-imperial.altea-premium-shell[data-theme] .app-shell :where(button, .btn, .chip, .pill, select, input, textarea, .sync-status, .quick-chip, .market-tab, [data-v86-market], [data-v86-preset]) {
  min-height: 34px !important;
  border: 1px solid color-mix(in srgb, var(--accent) 14%, var(--line)) !important;
  border-radius: 12px !important;
  background: color-mix(in srgb, var(--text) 2.5%, transparent) !important;
  color: color-mix(in srgb, var(--text) 80%, var(--muted)) !important;
  box-shadow: none !important;
  text-shadow: none !important;
  transition: transform .25s var(--ease), border-color .25s var(--ease), background .25s var(--ease), color .25s var(--ease) !important;
}

body.v87-imperial.altea-premium-shell[data-theme] .app-shell :where(button, .btn, .chip, .pill, .quick-chip, .market-tab):hover {
  transform: translateY(-1px) !important;
  border-color: color-mix(in srgb, var(--accent) 42%, var(--line)) !important;
  background: color-mix(in srgb, var(--accent) 7%, transparent) !important;
  color: var(--text) !important;
}

body.v87-imperial.altea-premium-shell[data-theme] .app-shell :where(.btn.primary, .portal-action-primary, button.primary) {
  border-color: color-mix(in srgb, var(--accent) 54%, transparent) !important;
  background: linear-gradient(135deg, color-mix(in srgb, var(--accent) 20%, transparent), color-mix(in srgb, var(--accent) 8%, transparent)) !important;
  color: var(--text) !important;
  box-shadow: 0 10px 30px color-mix(in srgb, var(--accent) 8%, transparent) !important;
}

body.v87-imperial.altea-premium-shell[data-theme] .app-shell :where(input, select, textarea) {
  min-height: 37px !important;
  background: color-mix(in srgb, var(--bg) 70%, var(--surface)) !important;
}

body.v87-imperial.altea-premium-shell[data-theme] .app-shell :where(input, select, textarea):focus,
body.v87-imperial.altea-premium-shell[data-theme] .app-shell :where(button, .btn, .chip, .pill):focus-visible {
  outline: 0 !important;
  border-color: var(--accent) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent) !important;
}

body.v87-imperial.altea-premium-shell[data-theme] .app-shell table {
  border-color: color-mix(in srgb, var(--line) 44%, transparent) !important;
  background: transparent !important;
}

body.v87-imperial.altea-premium-shell[data-theme] .app-shell :where(th, td) {
  border-color: color-mix(in srgb, var(--line) 34%, transparent) !important;
  background: transparent !important;
}

body.v87-imperial.altea-premium-shell[data-theme] .app-shell th {
  color: color-mix(in srgb, var(--text) 90%, var(--accent)) !important;
  background: color-mix(in srgb, var(--surface2) 50%, transparent) !important;
}

body.v87-imperial.altea-premium-shell[data-theme] .app-shell :where(.bar, .progress, .progress-track, .meter, .track, .leader-bar, .owner-bar) {
  background: color-mix(in srgb, var(--text) 5.5%, transparent) !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

body.v87-imperial.altea-premium-shell[data-theme] .app-shell :where(.bar i, .fill, .bar-fill, .progress-fill, .meter-fill, .leader-bar span, .owner-bar span, .track b) {
  background: linear-gradient(90deg, color-mix(in srgb, var(--accent) 65%, transparent), var(--accent)) !important;
  box-shadow: 0 0 13px color-mix(in srgb, var(--accent) 18%, transparent) !important;
}

body.v87-imperial.altea-premium-shell[data-theme] #view-dashboard :where(svg path, svg polyline, svg circle, svg line),
body.v87-imperial.altea-premium-shell[data-theme] #view-executive :where(svg path, svg polyline, svg circle, svg line) {
  stroke: color-mix(in srgb, var(--accent) 78%, var(--success)) !important;
}

body.v87-imperial.altea-premium-shell[data-theme] #view-dashboard :where(svg [fill]:not([fill="none"])),
body.v87-imperial.altea-premium-shell[data-theme] #view-executive :where(svg [fill]:not([fill="none"])) {
  fill: color-mix(in srgb, var(--accent) 18%, transparent) !important;
}

body.v87-imperial.altea-premium-shell[data-theme] .view.active :where(.banner, .alert, .warning, .danger, .risk, .overdue) {
  background: linear-gradient(135deg, color-mix(in srgb, var(--danger) 9%, var(--surface)), color-mix(in srgb, var(--surface) 70%, transparent)) !important;
}

body.v87-imperial.altea-premium-shell[data-theme] .sidebar-toggle {
  z-index: 45 !important;
  left: calc(var(--sidebar) - 18px) !important;
  top: 82px !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 999px !important;
  background: color-mix(in srgb, var(--bg) 76%, transparent) !important;
  border-color: color-mix(in srgb, var(--accent) 20%, transparent) !important;
}

body.v87-imperial.altea-premium-shell[data-theme] .app-shell.sidebar-collapsed {
  --sidebar: 0px;
}

body.v87-imperial.altea-premium-shell[data-theme] .app-shell.sidebar-collapsed .sidebar {
  transform: translateX(-101%) !important;
}

body.v87-imperial.altea-premium-shell[data-theme] .app-shell.sidebar-collapsed .main {
  left: 0 !important;
}

@media (prefers-reduced-motion: no-preference) {
  body.v87-imperial.altea-premium-shell[data-theme] .view.active.altea-premium-route-enter {
    animation: alteaPremiumRouteIn 760ms var(--ease-soft) both !important;
  }
}

@keyframes alteaPremiumRouteIn {
  0% {
    opacity: .01;
    transform: translate3d(0, 10px, 0) scale(.996);
    filter: blur(4px);
  }

  62% {
    opacity: 1;
    filter: blur(0);
  }

  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
    filter: blur(0);
  }
}

@media (max-width: 860px) {
  body.v87-imperial.altea-premium-shell[data-theme] {
    overflow: auto !important;
  }

  body.v87-imperial.altea-premium-shell[data-theme] .app-shell {
    height: auto !important;
    min-height: 100vh !important;
    overflow: visible !important;
  }

  body.v87-imperial.altea-premium-shell[data-theme] .sidebar {
    width: 280px !important;
    transform: translateX(-102%) !important;
    transition: transform .5s var(--ease-soft) !important;
  }

  body.v87-imperial.altea-premium-shell[data-theme] .sidebar.open,
  body.v87-imperial.altea-premium-shell[data-theme] .app-shell:not(.sidebar-collapsed) .sidebar {
    transform: none !important;
  }

  body.v87-imperial.altea-premium-shell[data-theme] .main {
    position: relative !important;
    inset: auto !important;
    min-height: 100vh !important;
    height: auto !important;
  }

  body.v87-imperial.altea-premium-shell[data-theme] .topbar {
    position: sticky !important;
    top: 0 !important;
    height: auto !important;
    min-height: 62px !important;
    padding: 10px 14px !important;
  }

  body.v87-imperial.altea-premium-shell[data-theme] .view.active {
    height: auto !important;
    min-height: calc(100vh - 62px) !important;
    overflow: visible !important;
    padding: 20px 14px 100px !important;
  }
}