:root,
:root[data-theme="dark"] {
    --app-color-scheme: dark;
    --app-background: #050b15;
    --app-surface-1: #091426;
    --app-surface-2: #0d1c31;
    --app-surface-raised: #10243d;
    --app-text-primary: #edf7ff;
    --app-text-secondary: #b7cadf;
    --app-text-muted: #7f97b0;
    --app-border: rgba(123, 201, 255, 0.16);
    --app-border-strong: rgba(71, 199, 238, 0.36);
    --app-accent: #00cfff;
    --app-accent-strong: #087fa4;
    --app-focus-ring: #73e7ff;
    --app-shadow-color: rgba(0, 0, 0, 0.45);
    --app-canvas:
        radial-gradient(circle at 7% 0%, rgba(0, 207, 255, 0.09), transparent 30rem),
        radial-gradient(circle at 95% 8%, rgba(112, 89, 255, 0.08), transparent 26rem),
        linear-gradient(155deg, #050b15, #081426 58%, #0b1728);
}

:root[data-theme="light"] {
    --app-color-scheme: light;
    --app-background: #eef6f8;
    --app-surface-1: #f8fcfd;
    --app-surface-2: #e8f2f5;
    --app-surface-raised: #ffffff;
    --app-text-primary: #142a37;
    --app-text-secondary: #405d6b;
    --app-text-muted: #6b8490;
    --app-border: rgba(36, 116, 143, 0.18);
    --app-border-strong: rgba(13, 137, 176, 0.38);
    --app-accent: #087fa4;
    --app-accent-strong: #056985;
    --app-focus-ring: #087fa4;
    --app-shadow-color: rgba(35, 76, 91, 0.18);
    --app-canvas:
        radial-gradient(circle at 7% 0%, rgba(25, 181, 215, 0.11), transparent 30rem),
        radial-gradient(circle at 95% 8%, rgba(255, 183, 66, 0.08), transparent 26rem),
        linear-gradient(155deg, #f8fcfd, #eaf4f6 58%, #e2eef1);
}

/* The authenticated application canvas follows the selected mode on every route. */
:root,
:root body {
    min-height: 100%;
    color-scheme: var(--app-color-scheme);
    color: var(--app-text-primary);
    background-color: var(--app-background);
}

:root body,
:root .page:not(.public-landing-layout) {
    background: var(--app-canvas);
}

:root .page:not(.public-landing-layout) {
    color: var(--app-text-primary);
    transition: color 180ms ease, background-color 180ms ease;
}

:root .page:not(.public-landing-layout) > main,
:root .page:not(.public-landing-layout) > main > article.content {
    background: transparent;
}

/* Home is the first theme-ready zone. Unmigrated workspaces keep their existing dark styles. */
:root[data-theme="light"] .page.page--dashboard-home {
    color: var(--app-text-primary);
    background:
        radial-gradient(circle at 6% 0%, rgba(25, 181, 215, 0.12), transparent 28rem),
        radial-gradient(circle at 96% 8%, rgba(255, 183, 66, 0.09), transparent 24rem),
        linear-gradient(155deg, #f8fcfd, #eaf4f6 58%, #e2eef1);
}

:root[data-theme="light"] .container-looed-in.dashboard-home {
    color: var(--app-text-primary);
    background:
        radial-gradient(circle at 8% 0%, rgba(27, 183, 219, 0.14), transparent 30%),
        radial-gradient(circle at 96% 4%, rgba(255, 180, 70, 0.12), transparent 26%),
        linear-gradient(155deg, #f9fcfd 0%, #edf6f8 56%, #e4f0f3 100%);
    border-color: var(--app-border);
    box-shadow: 0 24px 65px rgba(35, 76, 91, 0.16);
}

:root[data-theme="light"] .dashboard-home .dashboard-bg-orb.orb-left {
    background: rgba(0, 174, 213, 0.16);
}

:root[data-theme="light"] .dashboard-home .dashboard-bg-orb.orb-right {
    background: rgba(255, 174, 66, 0.13);
}

:root[data-theme="light"] .dashboard-home .dashboard-hero-copy,
:root[data-theme="light"] .dashboard-home .hero-stat-card {
    color: var(--app-text-primary);
    background: rgba(255, 255, 255, 0.72);
    border-color: var(--app-border);
    box-shadow: 0 16px 42px rgba(41, 91, 107, 0.12), inset 0 1px 0 #ffffff;
    backdrop-filter: blur(14px);
}

:root[data-theme="light"] .dashboard-home .dashboard-mini-label,
:root[data-theme="light"] .dashboard-home .section-kicker,
:root[data-theme="light"] .dashboard-home .hero-stat-title {
    color: #087fa4;
}

:root[data-theme="light"] .dashboard-home .dashboard-mini-label {
    background: rgba(10, 156, 191, 0.09);
    border-color: rgba(10, 133, 165, 0.18);
}

:root[data-theme="light"] .dashboard-home .row-welcome h1,
:root[data-theme="light"] .dashboard-home .section-heading h2,
:root[data-theme="light"] .dashboard-home .module-copy span {
    color: var(--app-text-primary);
}

:root[data-theme="light"] .dashboard-home .dashboard-hero-copy p,
:root[data-theme="light"] .dashboard-home .module-copy small,
:root[data-theme="light"] .dashboard-home .dashboard-shortcuts-empty-copy {
    color: var(--app-text-secondary);
}

:root[data-theme="light"] .dashboard-home .hero-stat-card--subscription {
    border-color: rgba(8, 145, 180, 0.24);
    background:
        radial-gradient(circle at 94% 4%, rgba(255, 193, 92, 0.2), transparent 35%),
        radial-gradient(circle at 0% 100%, rgba(34, 184, 215, 0.14), transparent 42%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(230, 243, 247, 0.96));
    box-shadow: 0 18px 42px rgba(41, 91, 107, 0.14), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .dashboard-home .hero-subscription-context,
:root[data-theme="light"] .dashboard-home .hero-subscription-plan > span,
:root[data-theme="light"] .dashboard-home .hero-subscription-metrics dt {
    color: var(--app-text-muted);
}

:root[data-theme="light"] .dashboard-home .hero-subscription-plan strong,
:root[data-theme="light"] .dashboard-home .hero-subscription-metrics dd {
    color: var(--app-text-primary);
    text-shadow: none;
}

:root[data-theme="light"] .dashboard-home .hero-subscription-status,
:root[data-theme="light"] .dashboard-home .hero-subscription-metrics > div {
    color: var(--app-text-secondary);
    background: rgba(255, 255, 255, 0.62);
    border-color: rgba(26, 137, 167, 0.15);
}

:root[data-theme="light"] .dashboard-home .hero-subscription-mobile,
:root[data-theme="light"] .dashboard-home .hero-subscription-manage,
:root[data-theme="light"] .dashboard-home .modules-config-btn {
    color: #075f79;
    background: linear-gradient(145deg, #ffffff, #dceff4);
    border-color: rgba(17, 137, 170, 0.28);
    box-shadow: 0 8px 20px rgba(41, 91, 107, 0.14), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .dashboard-home .db-cnt-bt {
    background:
        linear-gradient(120deg, rgba(255, 255, 255, 0.94), rgba(233, 244, 247, 0.98)),
        #ffffff;
    border-color: rgba(33, 125, 151, 0.2);
    box-shadow: 0 15px 34px rgba(42, 86, 101, 0.14), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .dashboard-home .db-cnt-bt::before {
    background: linear-gradient(120deg, rgba(255, 255, 255, 0.55), transparent 50%, rgba(25, 167, 201, 0.08));
}

:root[data-theme="light"] .dashboard-home .db-cnt-bt:hover {
    border-color: rgba(7, 146, 181, 0.38);
    box-shadow: 0 19px 42px rgba(42, 86, 101, 0.18), 0 0 20px rgba(0, 174, 213, 0.09), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .dashboard-home .module-icon-wrap {
    background: linear-gradient(145deg, #ffffff, #dcecf1);
    border-color: rgba(36, 125, 151, 0.22);
    box-shadow: 0 10px 22px rgba(41, 83, 98, 0.16), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .dashboard-home .module-icon-wrap::before,
:root[data-theme="light"] .dashboard-home .module-icon-wrap::after {
    opacity: 0.35;
}

:root[data-theme="light"] .dashboard-home .help-icon {
    color: #155a70;
    background: rgba(255, 255, 255, 0.92);
    border-color: rgba(36, 125, 151, 0.2);
    box-shadow: 0 6px 16px rgba(41, 83, 98, 0.13);
}

:root[data-theme="light"] .dashboard-home .help-text {
    color: var(--app-text-secondary);
    background: linear-gradient(180deg, #f4fafb, #e6f1f4);
    border-left-color: #0d9fc4;
}

:root[data-theme="light"] .dashboard-home .dashboard-shortcuts-empty {
    color: var(--app-text-primary);
    background: rgba(255, 255, 255, 0.7);
    border-color: var(--app-border);
}

:root[data-theme="light"] .dashboard-home .news-feed-shell,
:root[data-theme="light"] .dashboard-home .news-frame {
    color: var(--app-text-primary);
    background: rgba(255, 255, 255, 0.7);
    border-color: var(--app-border);
    box-shadow: 0 16px 36px rgba(41, 83, 98, 0.12);
}

:root[data-theme="light"] .dashboard-home .news-frame .section-header,
:root[data-theme="light"] .dashboard-home .news-frame .news-card,
:root[data-theme="light"] .dashboard-home .news-frame .implication-item {
    color: var(--app-text-primary);
    background: #f9fcfd;
    border-color: rgba(36, 125, 151, 0.16);
}

:root[data-theme="light"] .dashboard-home .news-frame .section-title,
:root[data-theme="light"] .dashboard-home .news-frame .news-title,
:root[data-theme="light"] .dashboard-home .news-frame .implication-item h6 {
    color: #075f79;
}

:root[data-theme="light"] .dashboard-home .news-frame .news-description,
:root[data-theme="light"] .dashboard-home .news-frame .empty-message,
:root[data-theme="light"] .dashboard-home .news-frame .loading-message,
:root[data-theme="light"] .dashboard-home .news-frame .implication-item p {
    color: var(--app-text-secondary);
}

:root[data-theme="light"] .dashboard-home .home-shortcut-manager {
    color: var(--app-text-primary);
}

:root[data-theme="light"] .dashboard-home .home-shortcut-manager .hsm-hero,
:root[data-theme="light"] .dashboard-home .home-shortcut-manager .hsm-context,
:root[data-theme="light"] .dashboard-home .home-shortcut-manager .hsm-panel,
:root[data-theme="light"] .dashboard-home .home-shortcut-manager .hsm-item-card {
    color: var(--app-text-primary);
    background: linear-gradient(155deg, #ffffff, #e8f3f6);
    border-color: rgba(36, 125, 151, 0.18);
    box-shadow: 0 14px 32px rgba(41, 83, 98, 0.12), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .dashboard-home .home-shortcut-manager .hsm-kicker,
:root[data-theme="light"] .dashboard-home .home-shortcut-manager .hsm-panel-kicker,
:root[data-theme="light"] .dashboard-home .home-shortcut-manager .hsm-count,
:root[data-theme="light"] .dashboard-home .home-shortcut-manager .hsm-order-chip {
    color: #087fa4;
}

:root[data-theme="light"] .dashboard-home .home-shortcut-manager h3,
:root[data-theme="light"] .dashboard-home .home-shortcut-manager h4,
:root[data-theme="light"] .dashboard-home .home-shortcut-manager .hsm-context strong,
:root[data-theme="light"] .dashboard-home .home-shortcut-manager .hsm-item-title {
    color: var(--app-text-primary);
}

:root[data-theme="light"] .dashboard-home .home-shortcut-manager p,
:root[data-theme="light"] .dashboard-home .home-shortcut-manager .hsm-context-label,
:root[data-theme="light"] .dashboard-home .home-shortcut-manager .hsm-item-caption,
:root[data-theme="light"] .dashboard-home .home-shortcut-manager .hsm-empty,
:root[data-theme="light"] .dashboard-home .home-shortcut-manager .hsm-loading {
    color: var(--app-text-secondary);
}

:root[data-theme="light"] .dashboard-home .home-shortcut-manager .hsm-btn--ghost,
:root[data-theme="light"] .dashboard-home .home-shortcut-manager .hsm-icon-btn,
:root[data-theme="light"] .dashboard-home .home-shortcut-manager .hsm-count,
:root[data-theme="light"] .dashboard-home .home-shortcut-manager .hsm-order-chip {
    color: #075f79;
    background: linear-gradient(145deg, #ffffff, #dcecf1);
    border-color: rgba(36, 125, 151, 0.2);
}

:root[data-theme="light"] .dashboard-home .home-shortcut-manager .hsm-empty {
    background: rgba(255, 255, 255, 0.58);
    border-color: rgba(36, 125, 151, 0.2);
}

/* Give dark workspace titles breathing room below the persistent masthead. */
:root[data-theme="dark"] .operations-theme-zone > .page-header-title {
    display: inline-flex;
    align-items: center;
    margin-block: 0.65rem 0.35rem;
}

/* Separate root-level route headers and workspaces from the persistent masthead. */
article.content > .page-header-title {
    display: block;
    margin-top: 1rem;
}

article.content > :is(
    .operations-theme-zone:not(:has(> .page-header-title)),
    .ai-page-theme-zone
) {
    margin-top: 1rem;
}

/* Operations is a theme boundary for navigation, records, documents, and dashboards. */
:root[data-theme="light"] .operations-theme-zone {
    position: relative;
    min-height: 100vh;
    isolation: isolate;
    overflow: clip;
    color: var(--app-text-primary);
    color-scheme: light;
    background:
        radial-gradient(circle at 4% 0%, rgba(0, 185, 218, 0.13), transparent 27rem),
        radial-gradient(circle at 94% 12%, rgba(255, 180, 70, 0.1), transparent 24rem),
        linear-gradient(155deg, #f9fcfd 0%, #edf6f8 52%, #e5f0f3 100%);
}

:root[data-theme="light"] .operations-theme-zone::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    opacity: 0.36;
    background-image:
        linear-gradient(rgba(24, 118, 143, 0.055) 1px, transparent 1px),
        linear-gradient(90deg, rgba(24, 118, 143, 0.055) 1px, transparent 1px);
    background-size: 32px 32px;
    mask-image: linear-gradient(to bottom, #000 0%, transparent 72%);
}

:root[data-theme="light"] .operations-theme-zone > .subtitleText {
    display: inline-flex;
    align-items: center;
    margin-block: 0.55rem 0.25rem;
    color: #087fa4;
    text-shadow: 0 4px 18px rgba(0, 148, 184, 0.16);
}

:root[data-theme="light"] .operations-theme-zone .page-header-panel {
    padding-block: 0.25rem 0.45rem;
}

:root[data-theme="light"] .operations-theme-zone .main-menu-grl {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.94), rgba(229, 242, 246, 0.96));
    border-color: rgba(29, 130, 157, 0.22);
    box-shadow: 0 14px 34px rgba(42, 86, 101, 0.14), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .operations-theme-zone .e-menu-wrapper::before {
    background: linear-gradient(135deg, rgba(0, 171, 207, 0.1), rgba(255, 183, 77, 0.06));
}

:root[data-theme="light"] .operations-theme-zone .main-menu-container .scroll-btn {
    color: #075f79;
    background: linear-gradient(180deg, #ffffff, #dcecf1);
    border-color: rgba(23, 130, 160, 0.28);
    box-shadow: 0 8px 22px rgba(42, 86, 101, 0.16);
}

:root[data-theme="light"] .operations-theme-zone .subnav .subnavbtn {
    color: var(--app-text-secondary) !important;
}

:root[data-theme="light"] .operations-theme-zone .subnav .subnavbtn:hover,
:root[data-theme="light"] .operations-theme-zone .subnav .subnavbtn:focus-visible,
:root[data-theme="light"] .operations-theme-zone .subnavbtn.selected-option {
    color: #075f79 !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(216, 237, 243, 0.94));
    border-color: rgba(17, 139, 171, 0.28);
    box-shadow: inset 0 1px 0 #ffffff, 0 7px 18px rgba(42, 86, 101, 0.12);
}

:root[data-theme="light"] .operations-theme-zone .submenu-overlay {
    background: linear-gradient(165deg, rgba(255, 255, 255, 0.98), rgba(229, 241, 245, 0.97));
    border-color: rgba(24, 131, 160, 0.28);
    box-shadow: 0 18px 42px rgba(42, 86, 101, 0.19), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .operations-theme-zone .submenu-overlay .subnav-option .subnavbtn {
    color: var(--app-text-primary) !important;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(229, 241, 245, 0.96));
    border-color: rgba(25, 132, 160, 0.2);
    box-shadow: 0 8px 18px rgba(42, 86, 101, 0.1), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .operations-theme-zone .submenu-overlay .subnav-option .subnavbtn small {
    color: var(--app-text-secondary);
}

:root[data-theme="light"] .operations-theme-zone .submenu-overlay .subnavbtn__menuIcon {
    color: #087fa4;
    background: linear-gradient(145deg, #f8fdfe, #d7eaf0);
    border-color: rgba(20, 139, 171, 0.22);
    box-shadow: inset 0 1px 0 #ffffff, 0 5px 12px rgba(42, 86, 101, 0.1);
}

:root[data-theme="light"] .operations-theme-zone .submenu-overlay .subnavbtn__menuIcon i {
    filter: drop-shadow(0 2px 5px rgba(8, 127, 164, 0.18));
}

:root[data-theme="light"] .operations-theme-zone .submenu-overlay .subnav-option:hover .subnavbtn {
    color: #075f79 !important;
    background: linear-gradient(135deg, #ffffff, #d7edf2);
    border-color: rgba(20, 139, 171, 0.34);
    box-shadow: 0 10px 22px rgba(42, 86, 101, 0.15), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .operations-theme-zone .submenu-overlay .subnav-option .subnavbtn.selected-option {
    color: #075f79 !important;
    background: linear-gradient(135deg, rgba(210, 240, 247, 0.98), rgba(255, 244, 218, 0.94));
    border-color: rgba(8, 145, 180, 0.42);
    box-shadow: 0 0 0 2px rgba(8, 145, 180, 0.08), 0 10px 22px rgba(42, 86, 101, 0.14);
}

:root[data-theme="light"] .operations-theme-zone .subnav .subnavbtn.subnavbtn--locked,
:root[data-theme="light"] .operations-theme-zone .submenu-overlay .subnav-option .subnavbtn.subnavbtn--locked {
    color: #79500d !important;
    background: linear-gradient(180deg, rgba(255, 248, 230, 0.96), rgba(248, 232, 194, 0.92));
    border-color: rgba(187, 127, 24, 0.24);
}

:root[data-theme="light"] .operations-theme-zone .subnavbtn__badge {
    color: #704607;
    background: rgba(255, 224, 160, 0.68);
    border-color: rgba(174, 111, 12, 0.26);
}

:root[data-theme="light"] .operations-theme-zone .rowtitle {
    color: var(--app-text-primary);
    background: transparent;
    border-color: transparent;
    box-shadow: none;
}

:root[data-theme="light"] .operations-theme-zone .page-subtitle {
    --bg: rgba(255, 255, 255, 0.78);
    color: #174151;
    border-color: rgba(15, 144, 178, 0.24);
    box-shadow: 0 10px 26px rgba(42, 86, 101, 0.13), inset 0 1px 0 #ffffff;
    text-shadow: none;
}

:root[data-theme="light"] .operations-theme-zone #TransactDocContent,
:root[data-theme="light"] .operations-theme-zone #DocumentContainer,
:root[data-theme="light"] .operations-theme-zone #HeadDocument,
:root[data-theme="light"] .operations-theme-zone #DetailsDocument,
:root[data-theme="light"] .operations-theme-zone .document-menu-shell,
:root[data-theme="light"] .operations-theme-zone .wrap-dashboard-container {
    color: var(--app-text-primary);
    background:
        radial-gradient(circle at 100% 0%, rgba(19, 174, 207, 0.08), transparent 34%),
        linear-gradient(155deg, rgba(255, 255, 255, 0.94), rgba(232, 243, 246, 0.96));
    border-color: rgba(35, 124, 150, 0.18);
    box-shadow: 0 15px 34px rgba(42, 86, 101, 0.12), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .operations-theme-zone .document-menu-toggle,
:root[data-theme="light"] .operations-theme-zone .collapsible,
:root[data-theme="light"] .operations-theme-zone .document-filter-agent-guide,
:root[data-theme="light"] .operations-theme-zone .loaded-menu-filter,
:root[data-theme="light"] .operations-theme-zone .table-scroll-shell,
:root[data-theme="light"] .operations-theme-zone .internalMenuContainer ul,
:root[data-theme="light"] .operations-theme-zone #rowtitleSubMenu.futuristicSearch {
    color: var(--app-text-primary);
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.9), rgba(224, 239, 244, 0.9));
    border-color: rgba(30, 130, 158, 0.2);
    box-shadow: 0 10px 26px rgba(42, 86, 101, 0.1), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .operations-theme-zone .document-menu-toggle .toggle-text,
:root[data-theme="light"] .operations-theme-zone .document-menu-toggle .toggle-chevron,
:root[data-theme="light"] .operations-theme-zone .collapsible,
:root[data-theme="light"] .operations-theme-zone .document-filter-agent-guide,
:root[data-theme="light"] .operations-theme-zone .fixed-grid,
:root[data-theme="light"] .operations-theme-zone #masterTableSummary,
:root[data-theme="light"] .operations-theme-zone .menuElementE {
    color: var(--app-text-secondary);
}

:root[data-theme="light"] .operations-theme-zone .grid-container,
:root[data-theme="light"] .operations-theme-zone .grid-container .grid-item,
:root[data-theme="light"] .operations-theme-zone .selectorcontainer,
:root[data-theme="light"] .operations-theme-zone .special-section-cnt .section-element,
:root[data-theme="light"] .operations-theme-zone .special-section-cnt .section-element-notes,
:root[data-theme="light"] .operations-theme-zone .special-section-cnt .section-element-json,
:root[data-theme="light"] .operations-theme-zone .image-panel,
:root[data-theme="light"] .operations-theme-zone .summary-panel,
:root[data-theme="light"] .operations-theme-zone #ImageContainer {
    color: var(--app-text-primary);
    background: rgba(255, 255, 255, 0.72);
    border-color: rgba(36, 125, 151, 0.16);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.84);
}

:root[data-theme="light"] .operations-theme-zone .propertyTitle,
:root[data-theme="light"] .operations-theme-zone .lblFloating,
:root[data-theme="light"] .operations-theme-zone .NotesTitle,
:root[data-theme="light"] .operations-theme-zone .image-desc-cnt,
:root[data-theme="light"] .operations-theme-zone .labelSearch,
:root[data-theme="light"] .operations-theme-zone .form-label,
:root[data-theme="light"] .operations-theme-zone label {
    color: var(--app-text-secondary);
}

:root[data-theme="light"] .operations-theme-zone input:not([type="checkbox"]):not([type="radio"]),
:root[data-theme="light"] .operations-theme-zone select,
:root[data-theme="light"] .operations-theme-zone textarea,
:root[data-theme="light"] .operations-theme-zone .propertyInput,
:root[data-theme="light"] .operations-theme-zone .form-control,
:root[data-theme="light"] .operations-theme-zone .noteField,
:root[data-theme="light"] .operations-theme-zone #rowtitleSubMenu.futuristicSearch input[type="date"],
:root[data-theme="light"] .operations-theme-zone #rowtitleSubMenu.futuristicSearch input[type="text"],
:root[data-theme="light"] .operations-theme-zone #rowtitleSubMenu.futuristicSearch .futuristic-input {
    color: var(--app-text-primary);
    background: rgba(255, 255, 255, 0.88);
    border-color: rgba(31, 126, 153, 0.22);
    box-shadow: inset 0 1px 2px rgba(42, 86, 101, 0.06);
}

:root[data-theme="light"] .operations-theme-zone input::placeholder,
:root[data-theme="light"] .operations-theme-zone textarea::placeholder {
    color: var(--app-text-muted);
}

:root[data-theme="light"] .operations-theme-zone input:focus,
:root[data-theme="light"] .operations-theme-zone select:focus,
:root[data-theme="light"] .operations-theme-zone textarea:focus,
:root[data-theme="light"] .operations-theme-zone .propertyInput:focus,
:root[data-theme="light"] .operations-theme-zone .form-control:focus {
    color: var(--app-text-primary);
    background: #ffffff;
    border-color: rgba(8, 145, 180, 0.54);
    box-shadow: 0 0 0 3px rgba(8, 145, 180, 0.12);
}

:root[data-theme="light"] .operations-theme-zone .table-striped,
:root[data-theme="light"] .operations-theme-zone .fixed-grid,
:root[data-theme="light"] .operations-theme-zone .e-grid,
:root[data-theme="light"] .operations-theme-zone .e-table {
    --bs-table-color: var(--app-text-primary);
    --bs-table-bg: rgba(255, 255, 255, 0.72);
    --bs-table-striped-bg: rgba(215, 236, 242, 0.72);
    color: var(--app-text-primary);
    background: rgba(255, 255, 255, 0.72);
    border-color: rgba(36, 125, 151, 0.16);
}

:root[data-theme="light"] .operations-theme-zone .table-striped tbody tr,
:root[data-theme="light"] .operations-theme-zone .fixed-grid tbody tr,
:root[data-theme="light"] .operations-theme-zone .e-grid .e-rowcell {
    color: var(--app-text-primary);
    background: rgba(255, 255, 255, 0.66);
    border-color: rgba(36, 125, 151, 0.12);
}

:root[data-theme="light"] .operations-theme-zone .table-striped tbody tr:nth-of-type(odd),
:root[data-theme="light"] .operations-theme-zone .e-grid .e-altrow .e-rowcell {
    background: rgba(224, 239, 244, 0.7);
}

:root[data-theme="light"] .operations-theme-zone .e-grid .e-gridheader,
:root[data-theme="light"] .operations-theme-zone .e-grid .e-headercell,
:root[data-theme="light"] .operations-theme-zone .fixed-grid thead,
:root[data-theme="light"] .operations-theme-zone .table-striped thead {
    color: #174151;
    background: #dcecf1;
    border-color: rgba(36, 125, 151, 0.18);
}

:root[data-theme="light"] .operations-theme-zone .row-selected,
:root[data-theme="light"] .operations-theme-zone .table-striped tr.row-selected {
    color: #0a4356;
    background: linear-gradient(90deg, rgba(74, 204, 231, 0.24), rgba(255, 196, 99, 0.15)) !important;
}

:root[data-theme="light"] .operations-theme-zone #rowtitleSubMenu.futuristicSearch .preFilterGroup,
:root[data-theme="light"] .operations-theme-zone #rowtitleSubMenu.futuristicSearch .btnContainer,
:root[data-theme="light"] .operations-theme-zone #rowtitleSubMenu.futuristicSearch .searchPreFilterContainer {
    background: rgba(255, 255, 255, 0.62);
    border-color: rgba(36, 125, 151, 0.15);
}

:root[data-theme="light"] .operations-theme-zone #rowtitleSubMenu.futuristicSearch .labelSearch {
    color: var(--app-text-muted);
}

:root[data-theme="light"] .operations-theme-zone #rowtitleSubMenu.futuristicSearch .cool-button-left,
:root[data-theme="light"] .operations-theme-zone #rowtitleSubMenu.futuristicSearch .cool-button-right,
:root[data-theme="light"] .operations-theme-zone .menuElementE,
:root[data-theme="light"] .operations-theme-zone .btnPreFilter {
    color: #075f79;
    background: linear-gradient(145deg, #ffffff, #dcecf1);
    border-color: rgba(23, 130, 160, 0.24);
    box-shadow: 0 7px 18px rgba(42, 86, 101, 0.11);
}

:root[data-theme="light"] .operations-theme-zone .inner-menu,
:root[data-theme="light"] .operations-theme-zone .save-template-cnt,
:root[data-theme="light"] .operations-theme-zone .selector-template-cnt,
:root[data-theme="light"] .operations-theme-zone .selectorsChartsAdd {
    color: var(--app-text-primary);
    background: linear-gradient(155deg, #ffffff, #e5f1f4);
    border-color: rgba(25, 132, 160, 0.25);
    box-shadow: 0 18px 40px rgba(42, 86, 101, 0.18);
}

/* Dashboard View card: keep every nested label and action legible in light mode. */
:root[data-theme="light"] .dashboard-manager-theme-zone .internalMenuContainer .inner-menu {
    min-width: 278px;
    padding: 0.72rem;
    color: #173f50 !important;
    background: linear-gradient(155deg, #ffffff, #e5f1f4 74%, #edf7f8) !important;
    border-color: rgba(8, 145, 180, 0.32) !important;
    box-shadow: 0 20px 46px rgba(42, 86, 101, 0.22), inset 0 1px 0 #ffffff !important;
}

:root[data-theme="light"] .dashboard-manager-theme-zone .internalMenuContainer .inner-menu::before {
    background:
        radial-gradient(circle at 10% 0%, rgba(16, 176, 204, 0.1), transparent 46%),
        radial-gradient(circle at 92% 0%, rgba(255, 191, 76, 0.08), transparent 44%) !important;
    filter: none !important;
}

:root[data-theme="light"] .dashboard-manager-theme-zone .internalMenuContainer .view-menu-section {
    margin-bottom: 0.35rem;
    padding: 0.55rem 0.62rem;
    border: 1px solid rgba(24, 126, 154, 0.14);
    border-radius: 0.7rem;
    background: rgba(255, 255, 255, 0.72);
    box-shadow: inset 3px 0 0 rgba(8, 145, 180, 0.55);
}

:root[data-theme="light"] .dashboard-manager-theme-zone .internalMenuContainer .view-menu-section__title {
    color: #087fa4 !important;
    text-shadow: none !important;
}

:root[data-theme="light"] .dashboard-manager-theme-zone .internalMenuContainer .view-menu-section__hint {
    color: #476a78 !important;
    font-size: 0.72rem;
    line-height: 1.42;
    text-shadow: none !important;
}

:root[data-theme="light"] .dashboard-manager-theme-zone .internalMenuContainer .subnav-option {
    position: relative;
    z-index: 1;
    margin-top: 0.3rem;
}

:root[data-theme="light"] .dashboard-manager-theme-zone .internalMenuContainer .subnav-option .btnMenuOption {
    min-height: 2.35rem;
    color: #174151 !important;
    font-weight: 650;
    text-shadow: none !important;
    border-color: rgba(24, 126, 154, 0.22) !important;
    background: linear-gradient(145deg, #ffffff, #edf6f8) !important;
    box-shadow: 0 5px 13px rgba(42, 86, 101, 0.1), inset 0 1px 0 #ffffff !important;
    opacity: 1;
}

:root[data-theme="light"] .dashboard-manager-theme-zone .internalMenuContainer .subnav-option .btnMenuOption:hover {
    color: #064f66 !important;
    border-color: rgba(8, 145, 180, 0.52) !important;
    background: linear-gradient(145deg, #ffffff, #d7eef3) !important;
    box-shadow: 0 8px 18px rgba(42, 86, 101, 0.15), 0 0 0 3px rgba(8, 145, 180, 0.09) !important;
}

:root[data-theme="light"] .dashboard-manager-theme-zone .internalMenuContainer .inner-menu hr {
    margin: 0.65rem 0;
    background: linear-gradient(90deg, transparent, rgba(8, 145, 180, 0.42), rgba(255, 183, 66, 0.26), transparent) !important;
}

/* Dashboard widget builder: a clear three-step light-mode workspace. */
:root[data-theme="light"] .dashboard-manager-theme-zone .internalMenuContainer .selectorsChartsAdd {
    width: min(390px, calc(100vw - 1.5rem));
    gap: 0.72rem;
    padding: 1.05rem;
    color: #173f50 !important;
    background:
        radial-gradient(circle at 0% 0%, rgba(21, 181, 208, 0.12), transparent 34%),
        radial-gradient(circle at 100% 0%, rgba(255, 184, 65, 0.08), transparent 31%),
        linear-gradient(155deg, #ffffff, #e5f1f4) !important;
    border-color: rgba(8, 145, 180, 0.32) !important;
    box-shadow: 0 24px 54px rgba(42, 86, 101, 0.24), inset 0 1px 0 #ffffff !important;
    backdrop-filter: blur(18px);
    counter-reset: dashboard-chart-step;
}

:root[data-theme="light"] .dashboard-manager-theme-zone .selectorsChartsAdd .chartBuilderHeader {
    padding: 0 0 0.72rem;
    border-bottom: 1px solid rgba(24, 126, 154, 0.16);
}

:root[data-theme="light"] .dashboard-manager-theme-zone .selectorsChartsAdd .chartBuilderEyebrow {
    color: #0985a3 !important;
    text-shadow: none !important;
}

:root[data-theme="light"] .dashboard-manager-theme-zone .selectorsChartsAdd .chartBuilderHeader strong {
    color: #173f50 !important;
    font-size: 1.08rem;
    text-shadow: none !important;
}

:root[data-theme="light"] .dashboard-manager-theme-zone .selectorsChartsAdd .chartBuilderHeader p {
    max-width: 31ch;
    color: #52717d !important;
    line-height: 1.45;
    text-shadow: none !important;
}

:root[data-theme="light"] .dashboard-manager-theme-zone .selectorsChartsAdd .chartBuilderClose {
    display: inline-grid;
    width: 2.15rem;
    height: 2.15rem;
    place-items: center;
    color: #315b6b !important;
    border-color: rgba(24, 126, 154, 0.22) !important;
    background: linear-gradient(145deg, #ffffff, #dcecf1) !important;
    box-shadow: 0 5px 13px rgba(42, 86, 101, 0.12), inset 0 1px 0 #ffffff;
    transition: color 150ms ease, border-color 150ms ease, background 150ms ease, transform 150ms ease;
}

:root[data-theme="light"] .dashboard-manager-theme-zone .selectorsChartsAdd .chartBuilderClose:hover {
    color: #9b2948 !important;
    border-color: rgba(190, 55, 88, 0.35) !important;
    background: linear-gradient(145deg, #ffffff, #f9e5ea) !important;
    transform: translateY(-1px);
}

:root[data-theme="light"] .dashboard-manager-theme-zone .selectorsChartsAdd .chartParameterGroup {
    position: relative;
    gap: 0.42rem;
    padding: 0.68rem 0.72rem 0.74rem 3rem;
    border: 1px solid rgba(24, 126, 154, 0.15);
    border-radius: 0.85rem;
    background: rgba(255, 255, 255, 0.7);
    box-shadow: 0 5px 14px rgba(42, 86, 101, 0.07), inset 0 1px 0 #ffffff;
    counter-increment: dashboard-chart-step;
}

:root[data-theme="light"] .dashboard-manager-theme-zone .selectorsChartsAdd .chartParameterGroup::before {
    content: counter(dashboard-chart-step);
    position: absolute;
    top: 50%;
    left: 0.72rem;
    display: grid;
    width: 1.72rem;
    height: 1.72rem;
    place-items: center;
    color: #ffffff;
    border: 1px solid rgba(7, 117, 147, 0.46);
    border-radius: 0.52rem;
    background: linear-gradient(145deg, #20b9c6, #087fa4);
    box-shadow: 0 5px 12px rgba(8, 127, 164, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.3);
    font-size: 0.72rem;
    font-weight: 800;
    transform: translateY(-50%);
}

:root[data-theme="light"] .dashboard-manager-theme-zone .selectorsChartsAdd .chartParameterGroup label {
    color: #315b6b !important;
    font-size: 0.68rem;
    letter-spacing: 0.1em;
    text-shadow: none !important;
}

:root[data-theme="light"] .dashboard-manager-theme-zone .selectorsChartsAdd .chartParameterGroup select {
    min-height: 2.55rem;
    padding: 0.48rem 2.25rem 0.48rem 0.72rem;
    color: #173f50 !important;
    border-color: rgba(24, 126, 154, 0.25) !important;
    border-radius: 0.68rem;
    background-color: #ffffff !important;
    box-shadow: inset 0 1px 2px rgba(42, 86, 101, 0.05), 0 3px 9px rgba(42, 86, 101, 0.06) !important;
    filter: none !important;
    transform: none !important;
}

:root[data-theme="light"] .dashboard-manager-theme-zone .selectorsChartsAdd .chartParameterGroup select:hover {
    border-color: rgba(8, 145, 180, 0.48) !important;
}

:root[data-theme="light"] .dashboard-manager-theme-zone .selectorsChartsAdd .chartParameterGroup select:focus {
    border-color: #0a94b3 !important;
    box-shadow: 0 0 0 3px rgba(8, 145, 180, 0.12), inset 0 1px 0 #ffffff !important;
}

:root[data-theme="light"] .dashboard-manager-theme-zone .selectorsChartsAdd .chartParameterGroup select option {
    color: #173f50 !important;
    background: #ffffff !important;
}

:root[data-theme="light"] .dashboard-manager-theme-zone .selectorsChartsAdd :is(.chartBuilderMessage, .chartBuilderEmpty) {
    color: #744c0d !important;
    border-color: rgba(183, 119, 18, 0.25) !important;
    background: linear-gradient(145deg, #fffaf0, #faebc8) !important;
    box-shadow: inset 3px 0 0 #d39122;
}

:root[data-theme="light"] .dashboard-manager-theme-zone .selectorsChartsAdd .chartBuilderActions {
    margin-top: 0.08rem;
    padding-top: 0.75rem;
    border-top: 1px solid rgba(24, 126, 154, 0.14);
}

:root[data-theme="light"] .dashboard-manager-theme-zone .selectorsChartsAdd .chartBuilderAdd {
    min-width: 7.2rem;
    color: #ffffff !important;
    border-color: #087fa4 !important;
    background: linear-gradient(135deg, #18b8c7, #087fa4) !important;
    box-shadow: 0 7px 16px rgba(8, 127, 164, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
}

:root[data-theme="light"] .dashboard-manager-theme-zone .selectorsChartsAdd .chartBuilderAdd:hover:not(:disabled) {
    background: linear-gradient(135deg, #21c6d2, #087493) !important;
    box-shadow: 0 9px 20px rgba(8, 127, 164, 0.28), 0 0 0 3px rgba(8, 145, 180, 0.09) !important;
}

:root[data-theme="light"] .dashboard-manager-theme-zone .selectorsChartsAdd .chartBuilderAdd:disabled {
    color: #6f8790 !important;
    border-color: rgba(83, 112, 124, 0.16) !important;
    background: #dce7ea !important;
    box-shadow: none !important;
    opacity: 1;
}

:root[data-theme="light"] .dashboard-manager-theme-zone .selectorsChartsAdd .chartBuilderCancel {
    color: #315b6b !important;
    border-color: rgba(24, 126, 154, 0.23) !important;
    background: linear-gradient(145deg, #ffffff, #e7f1f4) !important;
    box-shadow: 0 5px 12px rgba(42, 86, 101, 0.1) !important;
}

:root[data-theme="light"] .dashboard-manager-theme-zone .selectorsChartsAdd .chartBuilderCancel:hover {
    color: #064f66 !important;
    border-color: rgba(8, 145, 180, 0.46) !important;
    background: linear-gradient(145deg, #ffffff, #d7edf2) !important;
}

/* Shared operational dashboards: summary rail, panels, and data grid. */
:root[data-theme="light"] .operations-theme-zone .wrap-dashboard-container h1,
:root[data-theme="light"] .operations-theme-zone .header-panel-container,
:root[data-theme="light"] .operations-theme-zone .panel-title {
    color: var(--app-text-primary);
    text-shadow: none;
}

:root[data-theme="light"] .operations-theme-zone .dashboard-value-summary {
    color: var(--app-text-primary);
    background:
        radial-gradient(circle at 4% 0%, rgba(31, 190, 221, 0.13), transparent 28%),
        linear-gradient(100deg, rgba(255, 255, 255, 0.95), rgba(222, 238, 243, 0.92));
    border-color: rgba(25, 137, 167, 0.24);
    box-shadow: 0 10px 25px rgba(42, 86, 101, 0.13), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .operations-theme-zone .dashboard-value-summary__caption,
:root[data-theme="light"] .operations-theme-zone .dashboard-value-summary__field,
:root[data-theme="light"] .operations-theme-zone .dashboard-value-summary__value {
    color: var(--app-text-primary);
}

:root[data-theme="light"] .operations-theme-zone .dashboard-value-summary__eyebrow {
    color: #087fa4;
}

:root[data-theme="light"] .operations-theme-zone .dashboard-value-summary__count {
    color: #075f79;
    background: rgba(172, 226, 237, 0.68);
    border-color: rgba(16, 143, 175, 0.34);
}

:root[data-theme="light"] .operations-theme-zone .dashboard-value-summary__card {
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(226, 239, 243, 0.94));
    border-color: rgba(25, 132, 160, 0.2);
    box-shadow: 0 6px 16px rgba(42, 86, 101, 0.1), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .operations-theme-zone .dashboard-value-summary__selector {
    color: #075f79;
    background-color: #eff8fa;
    border-color: rgba(21, 132, 162, 0.3);
}

:root[data-theme="light"] .operations-theme-zone .dashboard-value-summary__cards {
    scrollbar-color: #25a9c7 rgba(203, 226, 232, 0.72);
}

:root[data-theme="light"] .operations-theme-zone .dashboard-value-summary__cards::-webkit-scrollbar-track {
    background: rgba(203, 226, 232, 0.72);
    border-color: rgba(36, 125, 151, 0.17);
}

:root[data-theme="light"] .operations-theme-zone .dashboard-value-summary__cards::-webkit-scrollbar-thumb {
    background: linear-gradient(90deg, #128eb0, #43c7d4);
    border-color: rgba(255, 255, 255, 0.82);
    box-shadow: 0 0 0.35rem rgba(24, 143, 174, 0.2);
}

:root[data-theme="light"] .operations-theme-zone .internalMenuContainer .menuElementE {
    color: #315b6b;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(226, 239, 243, 0.92));
    border-color: rgba(25, 132, 160, 0.18);
    box-shadow: 0 5px 14px rgba(42, 86, 101, 0.09), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .operations-theme-zone .internalMenuContainer .menuElementE:hover,
:root[data-theme="light"] .operations-theme-zone .internalMenuContainer .menuElementE.is-active {
    color: #075f79;
    background: linear-gradient(145deg, #ffffff, #d6edf2);
    border-color: rgba(8, 145, 180, 0.4);
    box-shadow: 0 8px 19px rgba(42, 86, 101, 0.15), 0 0 0 3px rgba(8, 145, 180, 0.08);
}

:root[data-theme="light"] .operations-theme-zone .internalMenuContainer .menuSwitchLabel {
    color: #315b6b;
}

:root[data-theme="light"] .operations-theme-zone .internalMenuContainer .bi-switch__slider {
    background: #c6dce2;
    border-color: rgba(36, 125, 151, 0.3);
    box-shadow: inset 0 2px 5px rgba(42, 86, 101, 0.16);
}

:root[data-theme="light"] .operations-theme-zone .internalMenuContainer .bi-switch__slider::before {
    background: #ffffff;
    border-color: rgba(36, 125, 151, 0.2);
    box-shadow: 0 3px 8px rgba(42, 86, 101, 0.28);
}

:root[data-theme="light"] .operations-theme-zone .internalMenuContainer .bi-switch input:checked + .bi-switch__slider {
    background: linear-gradient(135deg, #16b8cf, #087fa4);
    border-color: rgba(7, 117, 147, 0.55);
}

:root[data-theme="light"] .operations-theme-zone .internalMenuContainer .dashboardHelpGlyph {
    color: #087fa4;
    background: rgba(215, 239, 244, 0.9);
    border-color: rgba(8, 145, 180, 0.34);
    box-shadow: none;
}

:root[data-theme="light"] .operations-theme-zone .transactional-panel-loading {
    background: linear-gradient(180deg, rgba(239, 248, 250, 0.86), rgba(221, 237, 242, 0.94));
}

:root[data-theme="light"] .operations-theme-zone .transactional-panel-loading__text {
    color: #174151;
    text-shadow: none;
}

:root[data-theme="light"] .operations-theme-zone .dashboard-chart-wrapper,
:root[data-theme="light"] .operations-theme-zone .dashboard-content-container {
    color: var(--app-text-primary);
    background: #f7fbfc;
}

:root[data-theme="light"] .operations-theme-zone .chartProperties {
    color: var(--app-text-primary);
    background: linear-gradient(155deg, #ffffff, #e3f0f4);
    border-color: rgba(25, 132, 160, 0.28);
    box-shadow: 0 16px 35px rgba(42, 86, 101, 0.18);
}

:root[data-theme="light"] .operations-theme-zone .chartProperties .chartProperties-title {
    color: #ffffff;
    background: linear-gradient(90deg, #087fa4, #18aebb);
}

:root[data-theme="light"] .operations-theme-zone .chartProperties .chartProperties-prop-group {
    color: var(--app-text-secondary);
}

:root[data-theme="light"] .operations-theme-zone .chartProperties .chartProperties-prop-group label {
    color: #087fa4;
}

:root[data-theme="light"] .operations-theme-zone .chartProperties .chartProperties-prop-group select {
    color: var(--app-text-primary);
    background: #ffffff;
    border-color: rgba(25, 132, 160, 0.24);
}

:root[data-theme="light"] .operations-theme-zone .tableContainer .e-dashboardlayout,
:root[data-theme="light"] .operations-theme-zone .tableContainer .e-dashboardlayout .e-panel {
    color: var(--app-text-primary);
    background: transparent;
    border-color: rgba(36, 125, 151, 0.2);
}

:root[data-theme="light"] .operations-theme-zone .tableContainer .e-dashboardlayout .e-panel {
    box-shadow: 0 12px 28px rgba(42, 86, 101, 0.14), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .operations-theme-zone .tableContainer .e-dashboardlayout .e-panel-header {
    color: #173f50;
    background: linear-gradient(90deg, #f7fbfc, #dbeaf0) !important;
    border-color: rgba(36, 125, 151, 0.2) !important;
}

:root[data-theme="light"] .operations-theme-zone .tableContainer .e-dashboardlayout .e-panel-content {
    color: var(--app-text-primary);
    background: rgba(247, 251, 252, 0.94) !important;
    border-color: rgba(36, 125, 151, 0.17) !important;
}

:root[data-theme="light"] .operations-theme-zone .header-panel-container .measuresShow,
:root[data-theme="light"] .operations-theme-zone .header-panel-container .arrowItem {
    color: #315b6b;
}

:root[data-theme="light"] .operations-theme-zone .header-panel-container .arrowItem:hover {
    color: #0787a8;
}

:root[data-theme="light"] .operations-theme-zone .dashboard-table-container,
:root[data-theme="light"] .operations-theme-zone .dashboard-table-container .e-grid,
:root[data-theme="light"] .operations-theme-zone .dashboard-table-container .e-grid .e-gridheader,
:root[data-theme="light"] .operations-theme-zone .dashboard-table-container .e-grid .e-headercontent,
:root[data-theme="light"] .operations-theme-zone .dashboard-table-container .e-grid .e-gridcontent,
:root[data-theme="light"] .operations-theme-zone .dashboard-table-container .e-grid .e-content,
:root[data-theme="light"] .operations-theme-zone .dashboard-table-container .e-grid .e-table {
    color: var(--app-text-primary) !important;
    background: #f7fbfc !important;
    border-color: rgba(36, 125, 151, 0.18) !important;
}

:root[data-theme="light"] .operations-theme-zone .dashboard-table-container .e-grid .e-groupdroparea {
    color: var(--app-text-muted) !important;
    background: linear-gradient(90deg, #edf6f8, #dcecf1) !important;
    border-color: rgba(36, 125, 151, 0.18) !important;
}

:root[data-theme="light"] .operations-theme-zone .dashboard-table-container .e-grid .e-headercell,
:root[data-theme="light"] .operations-theme-zone .dashboard-table-container .e-grid .e-stackedheadercell {
    color: #123e50 !important;
    background: linear-gradient(180deg, #eaf5f7, #d7e9ee) !important;
    border-color: rgba(36, 125, 151, 0.2) !important;
}

:root[data-theme="light"] .operations-theme-zone .dashboard-table-container .e-grid .e-headercelldiv,
:root[data-theme="light"] .operations-theme-zone .dashboard-table-container .e-grid .custom-header,
:root[data-theme="light"] .operations-theme-zone .dashboard-table-container .e-grid .e-sortfilterdiv,
:root[data-theme="light"] .operations-theme-zone .dashboard-table-container .e-grid .e-icons {
    color: #123e50 !important;
}

:root[data-theme="light"] .operations-theme-zone .dashboard-table-container .e-grid .e-filterbar,
:root[data-theme="light"] .operations-theme-zone .dashboard-table-container .e-grid .e-filterbarcell {
    color: var(--app-text-primary) !important;
    background: #edf6f8 !important;
    border-color: rgba(36, 125, 151, 0.18) !important;
}

:root[data-theme="light"] .operations-theme-zone .dashboard-table-container .e-grid .e-filterbarcell .e-input,
:root[data-theme="light"] .operations-theme-zone .dashboard-table-container .e-grid .e-filterbarcell input {
    color: #173f50 !important;
    background: #ffffff !important;
    border-color: rgba(36, 125, 151, 0.24) !important;
    box-shadow: inset 0 1px 2px rgba(42, 86, 101, 0.06) !important;
}

:root[data-theme="light"] .operations-theme-zone .dashboard-table-container .e-grid .e-row,
:root[data-theme="light"] .operations-theme-zone .dashboard-table-container .e-grid .e-rowcell,
:root[data-theme="light"] .operations-theme-zone .dashboard-table-container .e-grid .e-emptyrow td {
    color: #173f50 !important;
    background: #f9fcfd !important;
    border-color: rgba(36, 125, 151, 0.13) !important;
}

:root[data-theme="light"] .operations-theme-zone .dashboard-table-container .e-grid .e-altrow .e-rowcell {
    background: #eaf4f7 !important;
}

:root[data-theme="light"] .operations-theme-zone .dashboard-table-container .e-grid .e-row:hover .e-rowcell,
:root[data-theme="light"] .operations-theme-zone .dashboard-table-container .e-grid .e-hover .e-rowcell {
    background: #d8eef3 !important;
}

:root[data-theme="light"] .operations-theme-zone .dashboard-table-container .e-grid .e-row[aria-selected="true"],
:root[data-theme="light"] .operations-theme-zone .dashboard-table-container .e-grid .e-row:has(> .e-selectionbackground) {
    color: #073e52 !important;
    background: linear-gradient(90deg, rgba(72, 201, 226, 0.26), rgba(255, 198, 102, 0.18)) !important;
}

:root[data-theme="light"] .operations-theme-zone .dashboard-table-container .e-grid .e-row[aria-selected="true"] > .e-rowcell,
:root[data-theme="light"] .operations-theme-zone .dashboard-table-container .e-grid .e-row:has(> .e-selectionbackground) > .e-rowcell,
:root[data-theme="light"] .operations-theme-zone .dashboard-table-container .e-grid .e-row > .e-selectionbackground {
    color: #073e52 !important;
    background: transparent !important;
}

:root[data-theme="light"] .operations-theme-zone .dashboard-table-container .e-grid .e-groupcaption,
:root[data-theme="light"] .operations-theme-zone .dashboard-table-container .e-grid .captionGroupGrid,
:root[data-theme="light"] .operations-theme-zone .dashboard-table-container .e-grid .e-summarycell,
:root[data-theme="light"] .operations-theme-zone .dashboard-table-container .e-grid .e-templatecell {
    color: #075f79 !important;
    background: #e3f1f4 !important;
    border-color: rgba(36, 125, 151, 0.16) !important;
}

:root[data-theme="light"] .operations-theme-zone .dashboard-table-container .e-grid .e-pager {
    color: #315b6b !important;
    background: linear-gradient(180deg, #f7fbfc, #e4f0f3) !important;
    border-color: rgba(36, 125, 151, 0.18) !important;
}

:root[data-theme="light"] .operations-theme-zone .dashboard-table-container .e-grid .e-pager .e-pagercontainer,
:root[data-theme="light"] .operations-theme-zone .dashboard-table-container .e-grid .e-pager .e-pagesizes,
:root[data-theme="light"] .operations-theme-zone .dashboard-table-container .e-grid .e-pager .e-parentmsgbar {
    color: #315b6b !important;
    background: transparent !important;
}

:root[data-theme="light"] .operations-theme-zone .dashboard-table-container .e-grid .e-pager .e-numericitem,
:root[data-theme="light"] .operations-theme-zone .dashboard-table-container .e-grid .e-pager .e-pager-default {
    color: #315b6b !important;
    background: #ffffff !important;
    border-color: rgba(36, 125, 151, 0.2) !important;
}

:root[data-theme="light"] .operations-theme-zone .dashboard-table-container .e-grid .e-pager .e-currentitem {
    color: #ffffff !important;
    background: linear-gradient(135deg, #0a97b8, #20b9c6) !important;
    border-color: #0785a5 !important;
}

/* DashboardManager TablePanel: refine Syncfusion filter, pager, and scroll chrome. */
:root[data-theme="light"] .dashboard-manager-theme-zone .dashboard-table-container .e-grid .e-filterbarcell :is(.e-input-group, .e-input-group.e-control-wrapper) {
    display: flex !important;
    align-items: center;
    min-height: 1.75rem;
    margin: 0.16rem 0.12rem;
    overflow: hidden;
    border: 1px solid rgba(24, 126, 154, 0.27) !important;
    border-radius: 0.42rem !important;
    background: linear-gradient(180deg, #ffffff, #f5fafb) !important;
    box-shadow: inset 0 1px 2px rgba(42, 86, 101, 0.06), 0 2px 7px rgba(42, 86, 101, 0.06) !important;
}

:root[data-theme="light"] .dashboard-manager-theme-zone .dashboard-table-container .e-grid .e-filterbarcell :is(.e-input-group, .e-input-group.e-control-wrapper)::before,
:root[data-theme="light"] .dashboard-manager-theme-zone .dashboard-table-container .e-grid .e-filterbarcell :is(.e-input-group, .e-input-group.e-control-wrapper)::after {
    display: none !important;
}

:root[data-theme="light"] .dashboard-manager-theme-zone .dashboard-table-container .e-grid .e-filterbarcell :is(input, input.e-input, .e-input) {
    min-height: 1.65rem !important;
    margin: 0 !important;
    padding: 0.22rem 0.4rem !important;
    color: #173f50 !important;
    border: 0 !important;
    border-radius: inherit !important;
    outline: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

:root[data-theme="light"] .dashboard-manager-theme-zone .dashboard-table-container .e-grid .e-filterbarcell :is(.e-input-group, .e-input-group.e-control-wrapper):focus-within {
    border-color: rgba(8, 145, 180, 0.68) !important;
    box-shadow: 0 0 0 3px rgba(8, 145, 180, 0.11), inset 0 1px 0 #ffffff !important;
}

:root[data-theme="light"] .dashboard-manager-theme-zone .dashboard-table-container .e-grid .e-emptyrow td {
    padding: 0.85rem 0.65rem !important;
    color: #5a7480 !important;
    background: linear-gradient(180deg, #fbfdfe, #f4f9fa) !important;
}

:root[data-theme="light"] .dashboard-manager-theme-zone .dashboard-table-container .e-grid :is(.e-content, .e-gridcontent) {
    scrollbar-color: #89abb4 #e4eff2;
    scrollbar-width: thin;
}

:root[data-theme="light"] .dashboard-manager-theme-zone .dashboard-table-container .e-grid :is(.e-content, .e-gridcontent)::-webkit-scrollbar {
    width: 11px;
    height: 11px;
}

:root[data-theme="light"] .dashboard-manager-theme-zone .dashboard-table-container .e-grid :is(.e-content, .e-gridcontent)::-webkit-scrollbar-track {
    background: #e4eff2;
    border-radius: 999px;
}

:root[data-theme="light"] .dashboard-manager-theme-zone .dashboard-table-container .e-grid :is(.e-content, .e-gridcontent)::-webkit-scrollbar-thumb {
    border: 2px solid #e4eff2;
    border-radius: 999px;
    background: linear-gradient(90deg, #88adb7, #5f929f);
}

:root[data-theme="light"] :is(.dashboard-manager-theme-zone, .bi-insights-theme-zone) .dashboard-table-container .e-grid .e-pager {
    min-height: 2.75rem;
    padding: 0.38rem 0.55rem !important;
}

:root[data-theme="light"] :is(.dashboard-manager-theme-zone, .bi-insights-theme-zone) .dashboard-table-container .e-grid .e-pager .e-pagercontainer {
    display: inline-flex !important;
    align-items: center;
    gap: 0.22rem;
    padding: 0 !important;
    border: 0 !important;
}

:root[data-theme="light"] :is(.dashboard-manager-theme-zone, .bi-insights-theme-zone) .dashboard-table-container .e-grid .e-pager :is(.e-firstpage, .e-prevpage, .e-nextpage, .e-lastpage, .e-firstpagedisabled, .e-prevpagedisabled, .e-nextpagedisabled, .e-lastpagedisabled, .e-numericitem, .e-pager-default) {
    display: inline-grid !important;
    width: 2rem !important;
    min-width: 2rem !important;
    height: 2rem !important;
    margin: 0 !important;
    padding: 0 !important;
    place-items: center;
    color: #1f5a6d !important;
    border: 1px solid rgba(24, 126, 154, 0.22) !important;
    border-radius: 0.48rem !important;
    background: linear-gradient(145deg, #ffffff, #dceff3) !important;
    box-shadow: 0 4px 10px rgba(42, 86, 101, 0.1), inset 0 1px 0 #ffffff !important;
}

:root[data-theme="light"] :is(.dashboard-manager-theme-zone, .bi-insights-theme-zone) .dashboard-table-container .e-grid .e-pager :is(.e-firstpage, .e-prevpage, .e-nextpage, .e-lastpage, .e-numericitem):hover {
    color: #034f66 !important;
    border-color: rgba(8, 145, 180, 0.46) !important;
    background: linear-gradient(145deg, #ffffff, #cae7ed) !important;
}

:root[data-theme="light"] :is(.dashboard-manager-theme-zone, .bi-insights-theme-zone) .dashboard-table-container .e-grid .e-pager :is(.e-firstpagedisabled, .e-prevpagedisabled, .e-nextpagedisabled, .e-lastpagedisabled) {
    color: #8ca1aa !important;
    background: #eaf1f3 !important;
    border-color: rgba(83, 112, 124, 0.14) !important;
    box-shadow: none !important;
    opacity: 0.78;
}

:root[data-theme="light"] :is(.dashboard-manager-theme-zone, .bi-insights-theme-zone) .dashboard-table-container .e-grid .e-pager .e-currentitem {
    color: #ffffff !important;
    background: linear-gradient(135deg, #0a97b8, #18afbd) !important;
    border-color: #0785a5 !important;
    box-shadow: 0 5px 13px rgba(8, 133, 165, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}

:root[data-theme="light"] :is(.dashboard-manager-theme-zone, .bi-insights-theme-zone) .dashboard-table-container .e-grid .e-pager :is(.e-parentmsgbar, .e-pagecountmsg, .e-pagesizes) {
    color: #496b78 !important;
}

:root[data-theme="light"] :is(.dashboard-manager-theme-zone, .bi-insights-theme-zone) .dashboard-table-container .e-grid .e-pager .e-pagesizes {
    display: inline-flex !important;
    align-items: center;
    gap: 0.35rem;
    margin-inline-start: 0.55rem;
}

:root[data-theme="light"] :is(.dashboard-manager-theme-zone, .bi-insights-theme-zone) .dashboard-table-container .e-grid .e-pager .e-pagesizes .e-pagerdropdown {
    height: 2rem !important;
    margin: 0 0.25rem !important;
    overflow: hidden !important;
    border: 1px solid rgba(24, 126, 154, 0.24) !important;
    border-radius: 0.48rem !important;
    background: #ffffff !important;
    box-shadow: inset 0 1px 0 #ffffff, 0 3px 9px rgba(42, 86, 101, 0.09) !important;
}

:root[data-theme="light"] :is(.dashboard-manager-theme-zone, .bi-insights-theme-zone) .dashboard-table-container .e-grid .e-pager .e-pagesizes .e-pagerdropdown::before,
:root[data-theme="light"] :is(.dashboard-manager-theme-zone, .bi-insights-theme-zone) .dashboard-table-container .e-grid .e-pager .e-pagesizes .e-pagerdropdown::after {
    display: none !important;
}

:root[data-theme="light"] :is(.dashboard-manager-theme-zone, .bi-insights-theme-zone) .dashboard-table-container .e-grid .e-pager .e-pagesizes .e-pagerdropdown :is(.e-input, input) {
    color: #234f60 !important;
    background: transparent !important;
}

:root[data-theme="light"] :is(.dashboard-manager-theme-zone, .bi-insights-theme-zone) .dashboard-table-container .e-grid .e-pager .e-pagesizes .e-pagerdropdown .e-input-group-icon {
    color: #087e9d !important;
    border-left: 1px solid rgba(24, 126, 154, 0.18) !important;
    background: #e5f2f5 !important;
}

:root[data-theme="light"] :is(.dashboard-manager-theme-zone, .bi-insights-theme-zone) .dashboard-table-container .e-grid .e-pager .e-pagesizes .e-pagerconstant {
    margin: 0 !important;
    color: #496b78 !important;
}

/* Keep dense dashboard columns defined without inheriting the dark Syncfusion resize chrome. */
:root[data-theme="light"] .dashboard-manager-theme-zone .dashboard-table-container .e-grid :is(.e-headercell, .e-stackedheadercell) {
    border-right: 1px solid rgba(24, 126, 154, 0.17) !important;
}

:root[data-theme="light"] .dashboard-manager-theme-zone .dashboard-table-container .e-grid .e-filterbarcell {
    border-right: 1px solid rgba(24, 126, 154, 0.12) !important;
}

:root[data-theme="light"] .dashboard-manager-theme-zone .dashboard-table-container .e-grid .e-rowcell {
    border-right-color: rgba(24, 126, 154, 0.08) !important;
}

:root[data-theme="light"] .dashboard-manager-theme-zone .dashboard-table-container .e-grid.e-resize-lines .e-headercell :is(.e-rhandler, .e-rsuppress) {
    width: 6px;
    border-right: 1px solid rgba(24, 126, 154, 0.22) !important;
    background: transparent !important;
    opacity: 0.72;
}

:root[data-theme="light"] .dashboard-manager-theme-zone .dashboard-table-container .e-grid.e-resize-lines .e-headercell :is(.e-rhandler, .e-rsuppress):hover,
:root[data-theme="light"] .dashboard-manager-theme-zone .dashboard-table-container .e-grid.e-resize-lines .e-headercell :is(.e-rhandler.e-rcursor, .e-rsuppress.e-rcursor) {
    border-right-color: rgba(8, 145, 180, 0.78) !important;
    background: linear-gradient(90deg, transparent, rgba(8, 145, 180, 0.11), transparent) !important;
    opacity: 1;
}

:root[data-theme="light"] .dashboard-manager-theme-zone .dashboard-table-container .e-grid .e-rhelper {
    width: 2px !important;
    border: 0 !important;
    background: #0aa0bd !important;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.75), 0 0 10px rgba(8, 145, 180, 0.35) !important;
}

/* Boolean grid cells are display controls, so disabled checkboxes must remain fully legible. */
:root[data-theme="light"] .dashboard-manager-theme-zone .dashboard-table-container .e-grid .e-rowcell :is(.e-checkbox-wrapper, .e-css.e-checkbox-wrapper) {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    opacity: 1 !important;
}

:root[data-theme="light"] .dashboard-manager-theme-zone .dashboard-table-container .e-grid .e-rowcell :is(.e-checkbox-wrapper, .e-css.e-checkbox-wrapper) .e-frame {
    width: 1rem !important;
    height: 1rem !important;
    line-height: 0.9rem !important;
    color: transparent !important;
    -webkit-text-fill-color: currentColor;
    border: 1px solid #7ca4af !important;
    border-radius: 0.3rem !important;
    background: linear-gradient(145deg, #ffffff, #e4eff2) !important;
    box-shadow: inset 0 1px 0 #ffffff, 0 2px 5px rgba(42, 86, 101, 0.12) !important;
    opacity: 1 !important;
}

:root[data-theme="light"] .dashboard-manager-theme-zone .dashboard-table-container .e-grid .e-rowcell :is(.e-checkbox-wrapper, .e-css.e-checkbox-wrapper) .e-frame.e-check {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    border-color: #087fa4 !important;
    background: linear-gradient(135deg, #13b5c4, #087fa4) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 3px 8px rgba(8, 127, 164, 0.24) !important;
}

:root[data-theme="light"] .dashboard-manager-theme-zone .dashboard-table-container .e-grid .e-rowcell :is(.e-checkbox-wrapper, .e-css.e-checkbox-wrapper) .e-frame.e-check::before {
    color: #ffffff !important;
    font-size: 0.58rem !important;
    font-weight: 800;
}

/* Syncfusion renders context menus under document.body instead of inside the dashboard. */
:root[data-theme="light"] .e-contextmenu-wrapper ul.e-contextmenu,
:root[data-theme="light"] .e-contextmenu-container ul.e-contextmenu,
:root[data-theme="light"] ul.e-contextmenu.e-menu-parent {
    color: #173f50 !important;
    background: linear-gradient(155deg, #ffffff, #e5f1f4) !important;
    border: 1px solid rgba(25, 132, 160, 0.25) !important;
    border-radius: 12px !important;
    box-shadow: 0 18px 42px rgba(42, 86, 101, 0.2), inset 0 1px 0 #ffffff !important;
    padding: 0.3rem !important;
}

:root[data-theme="light"] .e-contextmenu-wrapper ul.e-contextmenu .e-menu-item,
:root[data-theme="light"] .e-contextmenu-container ul.e-contextmenu .e-menu-item,
:root[data-theme="light"] ul.e-contextmenu.e-menu-parent .e-menu-item {
    color: #244f60 !important;
    background: transparent !important;
    border: 1px solid transparent !important;
    border-radius: 8px !important;
}

:root[data-theme="light"] .e-contextmenu-wrapper ul.e-contextmenu .e-menu-item .e-menu-icon,
:root[data-theme="light"] .e-contextmenu-wrapper ul.e-contextmenu .e-menu-item .e-caret,
:root[data-theme="light"] .e-contextmenu-container ul.e-contextmenu .e-menu-item .e-menu-icon,
:root[data-theme="light"] .e-contextmenu-container ul.e-contextmenu .e-menu-item .e-caret {
    color: #087fa4 !important;
}

:root[data-theme="light"] .e-contextmenu-wrapper ul.e-contextmenu .e-menu-item:hover,
:root[data-theme="light"] .e-contextmenu-wrapper ul.e-contextmenu .e-menu-item.e-focused,
:root[data-theme="light"] .e-contextmenu-wrapper ul.e-contextmenu .e-menu-item.e-selected,
:root[data-theme="light"] .e-contextmenu-container ul.e-contextmenu .e-menu-item:hover,
:root[data-theme="light"] .e-contextmenu-container ul.e-contextmenu .e-menu-item.e-focused,
:root[data-theme="light"] .e-contextmenu-container ul.e-contextmenu .e-menu-item.e-selected {
    color: #075f79 !important;
    background: linear-gradient(90deg, rgba(70, 199, 223, 0.2), rgba(255, 199, 103, 0.12)) !important;
    border-color: rgba(8, 145, 180, 0.2) !important;
}

:root[data-theme="light"] .e-contextmenu-wrapper ul.e-contextmenu .e-separator,
:root[data-theme="light"] .e-contextmenu-container ul.e-contextmenu .e-separator {
    border-color: rgba(36, 125, 151, 0.16) !important;
}

:root[data-theme="light"] .e-contextmenu-wrapper .e-scroll-nav,
:root[data-theme="light"] .e-contextmenu-container .e-scroll-nav {
    color: #087fa4 !important;
    background: #e5f1f4 !important;
    border-color: rgba(36, 125, 151, 0.18) !important;
}

/* Operational document menus and record browser. */
:root[data-theme="light"] .operations-theme-zone .rowtitleSubMenu {
    background:
        radial-gradient(circle at 0% 0%, rgba(33, 188, 218, 0.12), transparent 32%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(222, 237, 243, 0.96));
    border-color: rgba(24, 131, 160, 0.22);
    box-shadow: 0 12px 30px rgba(42, 86, 101, 0.14), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .operations-theme-zone .rowtitleSubMenu::before {
    background:
        radial-gradient(circle at top left, rgba(0, 176, 211, 0.12), transparent 34%),
        radial-gradient(circle at bottom right, rgba(255, 184, 77, 0.1), transparent 32%);
}

:root[data-theme="light"] .operations-theme-zone .rowtitleSubMenu .search-cont,
:root[data-theme="light"] .operations-theme-zone .rowtitleSubMenu.compact-search .search-cont {
    background: rgba(255, 255, 255, 0.78);
    border-color: rgba(24, 131, 160, 0.2);
    box-shadow: inset 0 1px 0 #ffffff, 0 7px 16px rgba(42, 86, 101, 0.1);
}

:root[data-theme="light"] .operations-theme-zone .rowtitleSubMenu .search-cont input {
    color: var(--app-text-primary);
}

:root[data-theme="light"] .operations-theme-zone .search-bar--compact:not(.is-expanded) .search-btn,
:root[data-theme="light"] .draggable-theme-surface .search-bar--compact:not(.is-expanded) .search-btn {
    width: 44px !important;
    height: 44px !important;
    flex: 0 0 44px;
    transform: none !important;
    border: 1px solid rgba(7, 105, 133, 0.42) !important;
    border-radius: 50% !important;
    background: linear-gradient(145deg, #2fd7e8, #087fa4 62%, #056985) !important;
    box-shadow: 0 8px 18px rgba(8, 105, 133, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.48) !important;
}

:root[data-theme="light"] .operations-theme-zone .search-bar .search-btn svg,
:root[data-theme="light"] .draggable-theme-surface .search-bar .search-btn svg {
    display: block;
    width: 23px !important;
    height: 23px !important;
    fill: none !important;
    stroke: #ffffff !important;
    stroke-width: 2.6 !important;
    filter: drop-shadow(0 1px 2px rgba(4, 55, 73, 0.48));
}

:root[data-theme="light"] .operations-theme-zone .search-bar--compact:not(.is-expanded) .search-btn:hover,
:root[data-theme="light"] .draggable-theme-surface .search-bar--compact:not(.is-expanded) .search-btn:hover {
    background: linear-gradient(145deg, #52e8f1, #109fbe 58%, #087fa4) !important;
    box-shadow: 0 10px 22px rgba(8, 105, 133, 0.34), 0 0 0 4px rgba(16, 159, 190, 0.12), inset 0 1px 0 #ffffff !important;
}

:root[data-theme="light"] .operations-theme-zone .rowtitleSubMenu .menu-options-cont img {
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(211, 230, 237, 0.94));
    border-color: rgba(27, 128, 157, 0.22);
    box-shadow: 0 7px 16px rgba(42, 86, 101, 0.13), inset 0 1px 0 #ffffff;
    filter: brightness(0.96) saturate(1.06);
}

:root[data-theme="light"] .operations-theme-zone .rowtitleSubMenu .menu-options-cont img:hover {
    background: linear-gradient(145deg, #ffffff, #cde9f0);
    border-color: rgba(8, 145, 180, 0.42);
    box-shadow: 0 10px 22px rgba(42, 86, 101, 0.17), 0 0 16px rgba(8, 145, 180, 0.1);
}

:root[data-theme="light"] .operations-theme-zone .rowtitleSubMenu .ec-live-cell-display {
    color: var(--app-text-primary);
    background: linear-gradient(155deg, #ffffff, #e3f0f4);
    border-color: rgba(25, 132, 160, 0.24);
    box-shadow: 0 18px 40px rgba(42, 86, 101, 0.18);
}

:root[data-theme="light"] .operations-theme-zone .rowtitleSubMenu .ec-live-cell-display .lst-menu li {
    color: var(--app-text-secondary);
}

:root[data-theme="light"] .operations-theme-zone .rowtitleSubMenu .ec-live-cell-display .lst-menu li:hover {
    color: #075f79;
    background: rgba(204, 234, 241, 0.72);
}

:root[data-theme="light"] .operations-theme-zone .document-menu-shell,
:root[data-theme="light"] .operations-theme-zone .document-menu-panel,
:root[data-theme="light"] .operations-theme-zone .document-menu-cnt {
    color: var(--app-text-primary);
    background: transparent;
    border-color: transparent;
    box-shadow: none;
}

:root[data-theme="light"] .operations-theme-zone .menuContainer {
    color: var(--app-text-primary);
    background: rgba(239, 247, 249, 0.92);
    border-color: rgba(29, 130, 157, 0.18);
}

:root[data-theme="light"] .operations-theme-zone .document-menu-shell {
    box-shadow: none;
}

:root[data-theme="light"] .operations-theme-zone .document-menu-toggle {
    color: #075f79;
    background: linear-gradient(145deg, #ffffff, #d9ecf1);
    border-color: rgba(20, 139, 171, 0.28);
    box-shadow: 0 8px 18px rgba(42, 86, 101, 0.13), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .operations-theme-zone .document-menu-toggle .toggle-icon-wrap {
    color: #087fa4;
    background: rgba(8, 145, 180, 0.09);
    border-color: rgba(8, 145, 180, 0.2);
}

:root[data-theme="light"] .operations-theme-zone .loaded-menu-filter,
:root[data-theme="light"] .operations-theme-zone .collapsible {
    color: var(--app-text-secondary);
    background: rgba(255, 255, 255, 0.86);
    border-color: rgba(28, 126, 153, 0.2);
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .operations-theme-zone .document-menu-shell .collapsible {
    color: #174151;
    background: linear-gradient(135deg, #ffffff 0%, #e1f3f6 68%, #d5edf2 100%);
    border-color: rgba(8, 145, 180, 0.4);
    box-shadow: inset 0 1px 0 #ffffff, 0 7px 17px rgba(42, 86, 101, 0.13);
}

:root[data-theme="light"] .operations-theme-zone .document-menu-shell .collapsible:hover,
:root[data-theme="light"] .operations-theme-zone .document-menu-shell .collapsible.active {
    color: #0b3d4e;
    background: linear-gradient(135deg, #ffffff 0%, #d5f1f5 58%, #c6e8ef 100%);
    border-color: rgba(8, 145, 180, 0.66);
    box-shadow: inset 0 1px 0 #ffffff, 0 9px 21px rgba(25, 119, 146, 0.18), 0 0 0 2px rgba(25, 170, 204, 0.07);
}

:root[data-theme="light"] .operations-theme-zone .document-menu-shell .collapsible-icon {
    color: #ffffff;
    background: linear-gradient(145deg, #20c6e5, #0784aa);
    border-color: rgba(7, 126, 164, 0.52);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.46), 0 5px 12px rgba(8, 127, 164, 0.2);
}

:root[data-theme="light"] .operations-theme-zone .document-menu-shell .collapsible-chevron {
    color: #087fa4;
    background: rgba(255, 255, 255, 0.9);
    border-color: rgba(8, 145, 180, 0.4);
    box-shadow: inset 0 1px 0 #ffffff, 0 4px 10px rgba(42, 86, 101, 0.13);
}

:root[data-theme="light"] .operations-theme-zone .document-menu-shell .collapsible:hover .collapsible-chevron,
:root[data-theme="light"] .operations-theme-zone .document-menu-shell .collapsible.active .collapsible-chevron {
    color: #ffffff;
    background: linear-gradient(145deg, #20c6e5, #0784aa);
}

:root[data-theme="light"] .operations-theme-zone .loaded-menu-filter > i,
:root[data-theme="light"] .operations-theme-zone .loaded-menu-filter input {
    color: #285565;
}

:root[data-theme="light"] .operations-theme-zone .loaded-menu-filter input::placeholder {
    color: #6b8490;
}

:root[data-theme="light"] .operations-theme-zone .content.open,
:root[data-theme="light"] .operations-theme-zone .preFilterContainer {
    color: var(--app-text-primary);
    background: rgba(255, 255, 255, 0.42);
    border-color: rgba(29, 130, 157, 0.16);
}

:root[data-theme="light"] .operations-theme-zone .table-scroll-shell {
    background: rgba(255, 255, 255, 0.78);
    border-color: rgba(29, 130, 157, 0.18);
}

:root[data-theme="light"] .operations-theme-zone .table-striped thead tr,
:root[data-theme="light"] .operations-theme-zone .fixed-grid thead tr {
    color: #123b4a;
    background: linear-gradient(90deg, #d5eaf0, #e8f3f6 52%, #dcecf1);
}

:root[data-theme="light"] .operations-theme-zone .table-striped thead th,
:root[data-theme="light"] .operations-theme-zone .fixed-grid thead th,
:root[data-theme="light"] .operations-theme-zone .table-striped thead th span {
    color: #123b4a;
    background: transparent;
    border-color: rgba(30, 122, 148, 0.18);
}

:root[data-theme="light"] .operations-theme-zone .table-striped tbody tr,
:root[data-theme="light"] .operations-theme-zone .fixed-grid tbody tr {
    color: #1d3e4b;
    background: rgba(255, 255, 255, 0.86);
}

:root[data-theme="light"] .operations-theme-zone .table-striped tbody tr:nth-child(odd),
:root[data-theme="light"] .operations-theme-zone .fixed-grid tbody tr:nth-child(odd) {
    background: rgba(218, 237, 242, 0.72);
}

:root[data-theme="light"] .operations-theme-zone .table-striped tbody tr:nth-child(even),
:root[data-theme="light"] .operations-theme-zone .fixed-grid tbody tr:nth-child(even) {
    background: rgba(249, 252, 253, 0.92);
}

:root[data-theme="light"] .operations-theme-zone .table-striped tbody tr:hover,
:root[data-theme="light"] .operations-theme-zone .fixed-grid tbody tr:hover {
    background: rgba(180, 226, 236, 0.6);
}

:root[data-theme="light"] .operations-theme-zone .table-striped tbody td,
:root[data-theme="light"] .operations-theme-zone .fixed-grid tbody td,
:root[data-theme="light"] .operations-theme-zone .fixed-grid .IDColumn {
    color: #1d3e4b;
    background: transparent;
    border-color: rgba(30, 122, 148, 0.1);
}

:root[data-theme="light"] .operations-theme-zone .document-menu-sort-toggle,
:root[data-theme="light"] .operations-theme-zone .document-menu-pagination__button,
:root[data-theme="light"] .operations-theme-zone .document-menu-pagination__size select {
    color: #285565;
    background: rgba(255, 255, 255, 0.84);
    border-color: rgba(27, 128, 157, 0.22);
}

:root[data-theme="light"] .operations-theme-zone #masterTableSummary,
:root[data-theme="light"] .operations-theme-zone .document-menu-pagination__size,
:root[data-theme="light"] .operations-theme-zone .document-menu-pagination__status {
    color: var(--app-text-secondary);
    background: rgba(255, 255, 255, 0.5);
    border-color: rgba(29, 130, 157, 0.15);
}

/* Phone command centers replace clipped carousels and dense document tables. */
:root[data-theme="light"] .operations-theme-zone .compact-operation-actions {
    background:
        radial-gradient(circle at 8% 20%, rgba(0, 177, 211, 0.1), transparent 34%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.97), rgba(220, 238, 243, 0.94));
    border-color: rgba(21, 137, 166, 0.24);
    box-shadow: inset 0 1px 0 #ffffff, 0 10px 24px rgba(42, 86, 101, 0.12);
}

:root[data-theme="light"] .operations-theme-zone .compact-operation-item,
:root[data-theme="light"] .operations-theme-zone .compact-operation-more {
    color: #285565;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.92), rgba(222, 238, 243, 0.9));
    border-color: rgba(22, 129, 158, 0.18);
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .operations-theme-zone .compact-operation-item:hover,
:root[data-theme="light"] .operations-theme-zone .compact-operation-item:focus-visible {
    color: #075f79;
    border-color: rgba(11, 146, 180, 0.34);
    background: linear-gradient(145deg, #ffffff, #d8edf2);
}

:root[data-theme="light"] .operations-theme-zone .compact-operation-item.selected-option {
    color: #075f79;
    border-color: rgba(0, 162, 201, 0.42);
    background: linear-gradient(145deg, rgba(193, 240, 249, 0.96), rgba(221, 226, 250, 0.92));
}

:root[data-theme="light"] .operations-theme-zone .compact-operation-item__icon,
:root[data-theme="light"] .operations-theme-zone .compact-operation-more__icon {
    color: #087fa4;
    background: linear-gradient(145deg, #f9fdfe, #d6ebf0);
    border-color: rgba(20, 139, 171, 0.24);
}

:root[data-theme="light"] .operations-theme-zone .compact-operation-more {
    color: #087fa4;
    border-color: rgba(8, 145, 180, 0.28);
    background: linear-gradient(145deg, rgba(210, 243, 249, 0.94), rgba(224, 226, 250, 0.9));
}

:root[data-theme="light"] .operations-theme-zone .mobile-operation-trigger {
    color: #153d4c;
    background:
        radial-gradient(circle at 8% 20%, rgba(0, 177, 211, 0.13), transparent 36%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(220, 238, 243, 0.96));
    border-color: rgba(21, 137, 166, 0.28);
    box-shadow: inset 0 1px 0 #ffffff, 0 10px 24px rgba(42, 86, 101, 0.14);
}

:root[data-theme="light"] .operations-theme-zone .mobile-operation-trigger__copy strong,
:root[data-theme="light"] .operations-theme-zone .mobile-operation-sheet__header strong,
:root[data-theme="light"] .operations-theme-zone .document-mobile-action-sheet__header strong {
    color: #153d4c;
}

:root[data-theme="light"] .operations-theme-zone .mobile-operation-trigger__copy small,
:root[data-theme="light"] .operations-theme-zone .mobile-operation-sheet__header small,
:root[data-theme="light"] .operations-theme-zone .document-mobile-action-sheet__header small {
    color: #397184;
}

:root[data-theme="light"] .operations-theme-zone .mobile-operation-trigger__action {
    color: #087fa4;
    background: rgba(8, 145, 180, 0.09);
}

:root[data-theme="light"] .operations-theme-zone .mobile-operation-trigger__icon,
:root[data-theme="light"] .operations-theme-zone .mobile-operation-group__icon,
:root[data-theme="light"] .operations-theme-zone .mobile-operation-card__icon,
:root[data-theme="light"] .operations-theme-zone .document-mobile-action-card__icon,
:root[data-theme="light"] .operations-theme-zone .document-mobile-relation-list__icon {
    color: #087fa4;
    background: linear-gradient(145deg, #f9fdfe, #d6ebf0);
    border-color: rgba(20, 139, 171, 0.24);
    box-shadow: inset 0 1px 0 #ffffff, 0 5px 13px rgba(42, 86, 101, 0.1);
}

:root[data-theme="light"] .operations-theme-zone .mobile-operation-backdrop,
:root[data-theme="light"] .operations-theme-zone .document-mobile-action-backdrop {
    background: rgba(15, 49, 61, 0.36);
}

:root[data-theme="light"] .operations-theme-zone .mobile-operation-sheet,
:root[data-theme="light"] .operations-theme-zone .document-mobile-action-sheet {
    color: #153d4c;
    background:
        radial-gradient(circle at 10% 0%, rgba(0, 178, 212, 0.12), transparent 30%),
        radial-gradient(circle at 92% 8%, rgba(255, 190, 81, 0.11), transparent 27%),
        linear-gradient(165deg, rgba(252, 254, 255, 0.995), rgba(221, 238, 243, 0.995));
    border-color: rgba(18, 134, 165, 0.3);
    box-shadow: 0 -22px 52px rgba(42, 86, 101, 0.22), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .operations-theme-zone .mobile-operation-sheet__grabber,
:root[data-theme="light"] .operations-theme-zone .document-mobile-action-sheet__grabber {
    background: rgba(35, 126, 151, 0.36);
}

:root[data-theme="light"] .operations-theme-zone .mobile-operation-sheet__close,
:root[data-theme="light"] .operations-theme-zone .document-mobile-action-sheet__header > button {
    color: #285565;
    background: rgba(255, 255, 255, 0.76);
    border-color: rgba(26, 126, 154, 0.22);
}

:root[data-theme="light"] .operations-theme-zone .mobile-operation-search {
    color: #087fa4;
    background: rgba(255, 255, 255, 0.8);
    border-color: rgba(24, 131, 160, 0.24);
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .operations-theme-zone .mobile-operation-search input {
    color: #153d4c;
}

:root[data-theme="light"] .operations-theme-zone .mobile-operation-search input::placeholder {
    color: #718994;
}

:root[data-theme="light"] .operations-theme-zone .mobile-operation-group__title,
:root[data-theme="light"] .operations-theme-zone .document-mobile-action-section h3 {
    color: #397184;
}

:root[data-theme="light"] .operations-theme-zone .mobile-operation-card,
:root[data-theme="light"] .operations-theme-zone .document-mobile-action-card,
:root[data-theme="light"] .operations-theme-zone .document-mobile-relation-list button {
    color: #153d4c;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(226, 240, 244, 0.94));
    border-color: rgba(26, 126, 154, 0.2);
    box-shadow: inset 0 1px 0 #ffffff, 0 7px 18px rgba(42, 86, 101, 0.1);
}

:root[data-theme="light"] .operations-theme-zone .mobile-operation-card.selected-option {
    color: #075f79;
    background: linear-gradient(145deg, rgba(205, 239, 246, 0.98), rgba(255, 245, 220, 0.94));
    border-color: rgba(8, 145, 180, 0.42);
}

:root[data-theme="light"] .operations-theme-zone .mobile-operation-card__copy small,
:root[data-theme="light"] .operations-theme-zone .document-mobile-action-card__copy small {
    color: #617f8b;
}

:root[data-theme="light"] .operations-theme-zone .mobile-operation-card.is-locked {
    color: #704607;
    background: linear-gradient(145deg, #fff9eb, #f4e6c7);
    border-color: rgba(174, 111, 12, 0.24);
}

:root[data-theme="light"] .operations-theme-zone .document-mobile-action {
    color: #285565;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(216, 235, 240, 0.94));
    border-color: rgba(24, 131, 160, 0.22);
    box-shadow: inset 0 1px 0 #ffffff, 0 5px 13px rgba(42, 86, 101, 0.1);
}

:root[data-theme="light"] .operations-theme-zone .document-mobile-action--more {
    color: #087fa4;
    background: linear-gradient(145deg, rgba(202, 237, 245, 0.98), rgba(238, 232, 250, 0.94));
    border-color: rgba(8, 145, 180, 0.32);
}

:root[data-theme="light"] .operations-theme-zone .document-record-card {
    color: #153d4c;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(225, 239, 243, 0.94));
    border-color: rgba(25, 132, 160, 0.2);
    box-shadow: inset 0 1px 0 #ffffff, 0 7px 18px rgba(42, 86, 101, 0.1);
}

:root[data-theme="light"] .operations-theme-zone .document-record-card.row-selected {
    background: linear-gradient(145deg, rgba(204, 239, 246, 0.98), rgba(255, 245, 220, 0.94)) !important;
    border-color: rgba(8, 145, 180, 0.46);
    box-shadow: 0 0 0 2px rgba(8, 145, 180, 0.07), 0 9px 22px rgba(42, 86, 101, 0.13);
}

:root[data-theme="light"] .operations-theme-zone .document-record-card__field {
    background: rgba(255, 255, 255, 0.64);
    border-color: rgba(30, 122, 148, 0.13);
}

:root[data-theme="light"] .operations-theme-zone .document-record-card__field.is-primary {
    background: linear-gradient(135deg, rgba(197, 235, 243, 0.72), rgba(244, 247, 249, 0.82));
    border-color: rgba(20, 139, 171, 0.22);
}

:root[data-theme="light"] .operations-theme-zone .document-record-card__field small,
:root[data-theme="light"] .operations-theme-zone .document-record-card__more {
    color: #607c88;
}

:root[data-theme="light"] .operations-theme-zone .document-record-card__field strong,
:root[data-theme="light"] .operations-theme-zone .document-record-card__field.is-primary strong {
    color: #173d4b;
}

:root[data-theme="light"] .operations-theme-zone .document-record-card__number,
:root[data-theme="light"] .operations-theme-zone .document-record-card__open {
    color: #087fa4;
}

:root[data-theme="light"] .operations-theme-zone .document-record-card-empty {
    color: #607c88;
    background: rgba(255, 255, 255, 0.52);
    border-color: rgba(24, 131, 160, 0.22);
}

/* Master-table details, image editor, and Squad Key selector. */
:root[data-theme="light"] .operations-theme-zone #DetailsDocument {
    background: rgba(255, 255, 255, 0.64);
    border-color: rgba(29, 130, 157, 0.16);
    box-shadow: 0 12px 28px rgba(42, 86, 101, 0.1), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .operations-theme-zone #DetailsDocument .nav.nav-tabs {
    border-bottom-color: rgba(29, 130, 157, 0.16);
}

:root[data-theme="light"] .operations-theme-zone #DetailsDocument .details-tabs-row {
    border-bottom-color: rgba(29, 130, 157, 0.16);
}

:root[data-theme="light"] .operations-theme-zone #DetailsDocument .nav-tabs .nav-item a,
:root[data-theme="light"] .operations-theme-zone #DetailsDocument .nav-link {
    color: #476675;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(219, 234, 239, 0.94));
    border-color: rgba(30, 122, 148, 0.2);
    box-shadow: 0 6px 14px rgba(42, 86, 101, 0.1), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .operations-theme-zone #DetailsDocument .nav-tabs .nav-item a:hover,
:root[data-theme="light"] .operations-theme-zone #DetailsDocument .nav-link:hover {
    color: #075f79;
    background: linear-gradient(145deg, #ffffff, #cfe8ee);
    border-color: rgba(8, 145, 180, 0.36);
    box-shadow: 0 8px 18px rgba(42, 86, 101, 0.14);
}

:root[data-theme="light"] .operations-theme-zone #DetailsDocument .nav-tabs .nav-item a.active,
:root[data-theme="light"] .operations-theme-zone #DetailsDocument .nav-tabs .nav-item .active,
:root[data-theme="light"] .operations-theme-zone #DetailsDocument .nav-link.active {
    color: #073f52;
    background: linear-gradient(135deg, rgba(190, 235, 244, 0.98), rgba(255, 235, 190, 0.92));
    border-color: rgba(8, 145, 180, 0.44);
    box-shadow: 0 0 0 2px rgba(8, 145, 180, 0.07), 0 8px 18px rgba(42, 86, 101, 0.13);
}

:root[data-theme="light"] .operations-theme-zone #DetailsDocument .details-tabs-more {
    color: #0a5870;
    background: linear-gradient(135deg, rgba(207, 241, 247, 0.98), rgba(255, 242, 212, 0.94));
    border-color: rgba(8, 145, 180, 0.3);
    box-shadow: 0 8px 18px rgba(42, 86, 101, 0.12), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .operations-theme-zone #DetailsDocument .details-tabs-more:hover,
:root[data-theme="light"] .operations-theme-zone #DetailsDocument .details-tabs-more.is-open {
    color: #073f52;
    border-color: rgba(8, 145, 180, 0.5);
    box-shadow: 0 0 0 3px rgba(8, 145, 180, 0.08), 0 10px 22px rgba(42, 86, 101, 0.15);
}

:root[data-theme="light"] .operations-theme-zone #DetailsDocument .details-tabs-more-count {
    color: #ffffff;
    background: linear-gradient(135deg, #13a9c6, #087b9c);
}

:root[data-theme="light"] .operations-theme-zone #DetailsDocument .details-tabs-more-menu {
    color: var(--app-text-primary);
    background:
        radial-gradient(circle at 96% 0%, rgba(246, 210, 136, 0.2), transparent 40%),
        rgba(247, 252, 253, 0.98);
    border-color: rgba(24, 131, 160, 0.24);
    box-shadow: 0 22px 48px rgba(42, 86, 101, 0.22), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .operations-theme-zone #DetailsDocument .details-tabs-more-heading {
    color: #087b9c;
}

:root[data-theme="light"] .operations-theme-zone #DetailsDocument .details-tabs-more-heading small {
    color: #66808c;
}

:root[data-theme="light"] .operations-theme-zone #DetailsDocument .details-tabs-more-item {
    color: #36596a;
    background: linear-gradient(145deg, #ffffff, #e5f1f4);
    border-color: rgba(29, 130, 157, 0.18);
    box-shadow: 0 5px 12px rgba(42, 86, 101, 0.08);
}

:root[data-theme="light"] .operations-theme-zone #DetailsDocument .details-tabs-more-item:hover,
:root[data-theme="light"] .operations-theme-zone #DetailsDocument .details-tabs-more-item.active {
    color: #073f52;
    background: linear-gradient(135deg, rgba(198, 238, 245, 0.98), rgba(255, 239, 201, 0.9));
    border-color: rgba(8, 145, 180, 0.4);
}

:root[data-theme="light"] .operations-theme-zone #DetailsDocument .details-tabs-more-item i {
    color: #0a91b2;
}

:root[data-theme="light"] .operations-theme-zone .image-panel,
:root[data-theme="light"] .operations-theme-zone #ImageContainer {
    background: rgba(255, 255, 255, 0.68);
    border-color: rgba(29, 130, 157, 0.17);
    box-shadow: 0 10px 24px rgba(42, 86, 101, 0.1), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .operations-theme-zone .image-uploader.compact .uploader-shell {
    background: linear-gradient(155deg, #fafdfe, #dcecf1);
    border-color: rgba(25, 132, 160, 0.22);
    box-shadow: 0 10px 24px rgba(42, 86, 101, 0.13), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .operations-theme-zone .image-uploader.compact .preview-mini {
    background: #e4f1f4;
    border-color: rgba(25, 132, 160, 0.24);
    box-shadow: 0 7px 16px rgba(42, 86, 101, 0.12), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .operations-theme-zone .image-uploader.compact .toggle-btn,
:root[data-theme="light"] .operations-theme-zone .image-uploader.compact .change-image-trigger {
    color: #075f79;
    background: linear-gradient(145deg, #ffffff, #d8ebf0);
    border-color: rgba(25, 132, 160, 0.22);
    box-shadow: 0 7px 16px rgba(42, 86, 101, 0.11);
}

:root[data-theme="light"] .operations-theme-zone .image-uploader.compact .toggle-btn:hover,
:root[data-theme="light"] .operations-theme-zone .image-uploader.compact .change-image-trigger:hover {
    color: #054d63;
    background: linear-gradient(145deg, #ffffff, #cce7ed);
    border-color: rgba(8, 145, 180, 0.38);
}

:root[data-theme="light"] .operations-theme-zone .image-uploader.compact .overlay-icon-btn {
    color: #087fa4;
    background: linear-gradient(145deg, #ffffff, #d7eaf0);
    border-color: rgba(20, 139, 171, 0.24);
    box-shadow: 0 7px 16px rgba(42, 86, 101, 0.14);
}

:root[data-theme="light"] .operations-theme-zone .squad-browser__shell {
    color: var(--app-text-primary);
    background:
        radial-gradient(circle at top left, rgba(20, 180, 206, 0.11), transparent 40%),
        linear-gradient(155deg, #ffffff, #dfeef2);
    border-color: rgba(24, 131, 160, 0.24);
    box-shadow: 0 8px 18px rgba(42, 86, 101, 0.12), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .operations-theme-zone .squad-browser__selected-logo,
:root[data-theme="light"] .operations-theme-zone .squad-browser__card-logo {
    color: #087fa4;
    background: linear-gradient(145deg, #f8fdfe, #d3e8ed);
    border-color: rgba(20, 139, 171, 0.22);
}

:root[data-theme="light"] .operations-theme-zone .squad-browser__selected-label,
:root[data-theme="light"] .operations-theme-zone .squad-browser__eyebrow,
:root[data-theme="light"] .operations-theme-zone .squad-browser__search-icon {
    color: #087fa4;
}

:root[data-theme="light"] .operations-theme-zone .squad-browser__selected-name,
:root[data-theme="light"] .operations-theme-zone .squad-browser__panel-head h4,
:root[data-theme="light"] .operations-theme-zone .squad-browser__card-name {
    color: var(--app-text-primary);
}

:root[data-theme="light"] .operations-theme-zone .squad-browser__panel {
    color: var(--app-text-primary);
    background:
        radial-gradient(circle at top left, rgba(18, 177, 207, 0.11), transparent 30%),
        linear-gradient(155deg, #ffffff, #e3f0f4);
    border-color: rgba(25, 132, 160, 0.24);
    box-shadow: 0 22px 52px rgba(42, 86, 101, 0.22), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .operations-theme-zone .squad-browser__close,
:root[data-theme="light"] .operations-theme-zone .squad-browser__search-input,
:root[data-theme="light"] .operations-theme-zone .squad-browser__state,
:root[data-theme="light"] .operations-theme-zone .squad-browser__card,
:root[data-theme="light"] .operations-theme-zone .squad-browser__purpose-trigger,
:root[data-theme="light"] .operations-theme-zone .squad-browser__purpose-popover {
    color: var(--app-text-secondary);
    background: rgba(255, 255, 255, 0.78);
    border-color: rgba(28, 126, 153, 0.18);
}

:root[data-theme="light"] .operations-theme-zone .squad-browser__card.is-selected {
    background: linear-gradient(135deg, rgba(207, 239, 246, 0.9), rgba(255, 243, 215, 0.82));
    border-color: rgba(8, 145, 180, 0.36);
}

:root[data-theme="light"] .operations-theme-zone .squad-browser__card-meta,
:root[data-theme="light"] .operations-theme-zone .squad-browser__purpose-popover p {
    color: var(--app-text-secondary);
}

:root[data-theme="light"] .operations-theme-zone .squad-browser__card-badge,
:root[data-theme="light"] .operations-theme-zone .squad-browser__search-meta {
    color: #075f79;
    background: rgba(187, 229, 238, 0.72);
}

:root[data-theme="light"] .operations-theme-zone .subscription-lock {
    color: var(--app-text-primary);
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(228, 241, 245, 0.96));
    border-color: rgba(25, 132, 160, 0.2);
    box-shadow: 0 20px 46px rgba(42, 86, 101, 0.14), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .operations-theme-zone .subscription-lock__title,
:root[data-theme="light"] .operations-theme-zone .subscription-lock__context strong {
    color: var(--app-text-primary);
}

:root[data-theme="light"] .operations-theme-zone .subscription-lock__summary,
:root[data-theme="light"] .operations-theme-zone .subscription-lock__context span {
    color: var(--app-text-secondary);
}

:root[data-theme="light"] .operations-theme-zone .subscription-lock__eyebrow,
:root[data-theme="light"] .operations-theme-zone .subscription-lock__chip,
:root[data-theme="light"] .operations-theme-zone .subscription-lock__context,
:root[data-theme="light"] .operations-theme-zone .subscription-lock__btn--ghost {
    color: #075f79;
    background: rgba(255, 255, 255, 0.64);
    border-color: rgba(25, 132, 160, 0.18);
}

/* Grid details and inline help keep the master-table workflow legible in light mode. */
:root[data-theme="light"] .operations-theme-zone .mk-helpLabel__button {
    color: #087fa4;
    background: linear-gradient(145deg, #ffffff, #d6ebf0);
    border-color: rgba(16, 137, 170, 0.3);
    box-shadow: 0 3px 8px rgba(42, 86, 101, 0.1), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .operations-theme-zone .mk-helpLabel__button:hover,
:root[data-theme="light"] .operations-theme-zone .mk-helpLabel__button:focus-visible {
    color: #05556d;
    background: linear-gradient(145deg, #ffffff, #c4e8ef);
    border-color: rgba(8, 145, 180, 0.52);
    outline: none;
}

:root[data-theme="light"] .operations-theme-zone .mk-helpLabel__bubble {
    color: #254c5b;
    background: linear-gradient(155deg, rgba(255, 255, 255, 0.99), rgba(223, 239, 244, 0.99));
    border-color: rgba(16, 137, 170, 0.28);
    box-shadow: 0 18px 38px rgba(42, 86, 101, 0.2), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .operations-theme-zone .mk-helpLabel__bubble::before {
    background: #f8fcfd;
    border-left-color: rgba(16, 137, 170, 0.28);
    border-top-color: rgba(16, 137, 170, 0.28);
}

/* Commercial document summary and status controls. */
:root[data-theme="light"] .operations-theme-zone .sumary-doc-cnt {
    color: var(--app-text-primary);
    background:
        radial-gradient(circle at 12% 0%, rgba(22, 183, 213, 0.12), transparent 38%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(222, 238, 243, 0.96));
    border-color: rgba(24, 131, 160, 0.24);
    box-shadow: 0 16px 36px rgba(42, 86, 101, 0.16), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .operations-theme-zone .sumary-doc-cnt::before {
    background: radial-gradient(720px 220px at 18% 6%, rgba(0, 176, 211, 0.12), rgba(255, 190, 82, 0.07) 38%, transparent 72%);
    filter: blur(8px);
    opacity: 0.72;
}

:root[data-theme="light"] .operations-theme-zone .sumary-doc-cnt::after {
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);
    opacity: 0.42;
}

:root[data-theme="light"] .operations-theme-zone .sumary-doc-cnt .summary-title {
    color: #214b5b;
    background: linear-gradient(135deg, rgba(186, 234, 243, 0.62), rgba(255, 238, 201, 0.38) 52%, transparent);
    border-bottom-color: rgba(24, 131, 160, 0.2);
}

:root[data-theme="light"] .operations-theme-zone .sumary-doc-cnt .summary-detail {
    color: var(--app-text-primary);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.84), rgba(232, 242, 245, 0.78));
    border-color: rgba(24, 131, 160, 0.16);
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .operations-theme-zone .sumary-doc-cnt .summary-detail:hover {
    border-color: rgba(8, 145, 180, 0.32);
    box-shadow: 0 8px 20px rgba(42, 86, 101, 0.13), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .operations-theme-zone .sumary-doc-cnt .lbl-field-title {
    color: #087896 !important;
    text-shadow: none;
}

:root[data-theme="light"] .operations-theme-zone .sumary-doc-cnt .lbl-field-value {
    color: #315564;
    text-shadow: none;
}

:root[data-theme="light"] .operations-theme-zone .sumary-doc-cnt .summary-detail:nth-child(8n + 1) {
    --summary-accent: #a72782;
}

:root[data-theme="light"] .operations-theme-zone .sumary-doc-cnt .summary-detail:nth-child(8n + 2) {
    --summary-accent: #087f9f;
}

:root[data-theme="light"] .operations-theme-zone .sumary-doc-cnt .summary-detail:nth-child(8n + 3) {
    --summary-accent: #bd4c1b;
}

:root[data-theme="light"] .operations-theme-zone .sumary-doc-cnt .summary-detail:nth-child(8n + 4) {
    --summary-accent: #168157;
}

:root[data-theme="light"] .operations-theme-zone .sumary-doc-cnt .summary-detail:nth-child(8n + 5) {
    --summary-accent: #9a6a00;
}

:root[data-theme="light"] .operations-theme-zone .sumary-doc-cnt .summary-detail:nth-child(8n + 6) {
    --summary-accent: #7047ad;
}

:root[data-theme="light"] .operations-theme-zone .sumary-doc-cnt .summary-detail:nth-child(8n + 7) {
    --summary-accent: #b52f74;
}

:root[data-theme="light"] .operations-theme-zone .sumary-doc-cnt .summary-detail:nth-child(8n) {
    --summary-accent: #286cb2;
}

:root[data-theme="light"] .operations-theme-zone .sumary-doc-cnt .summary-detail {
    border-left: 3px solid var(--summary-accent, #087f9f);
    background:
        linear-gradient(90deg, color-mix(in srgb, var(--summary-accent, #087f9f) 10%, transparent), transparent 42%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.88), rgba(232, 242, 245, 0.8));
}

:root[data-theme="light"] .operations-theme-zone .sumary-doc-cnt .summary-detail .lbl-field-title {
    color: var(--summary-accent, #087f9f) !important;
}

:root[data-theme="light"] .operations-theme-zone #status-float-area .concept-status-host {
    background: rgba(244, 250, 252, 0.78);
    border: 1px solid rgba(24, 131, 160, 0.16);
    box-shadow: 0 8px 18px rgba(42, 86, 101, 0.12);
}

:root[data-theme="light"] .operations-theme-zone .concept-status {
    --bg: rgba(246, 251, 252, 0.96);
    background:
        radial-gradient(620px 150px at 10% 0%, rgba(0, 176, 211, 0.12), transparent 56%),
        radial-gradient(520px 160px at 92% 110%, rgba(255, 187, 69, 0.09), transparent 62%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(220, 237, 242, 0.95));
    box-shadow: 0 10px 24px rgba(42, 86, 101, 0.18), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .operations-theme-zone .concept-status:hover {
    box-shadow: 0 14px 30px rgba(42, 86, 101, 0.22), 0 0 15px rgba(8, 145, 180, 0.08), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .operations-theme-zone .concept-status::before {
    background: linear-gradient(135deg, rgba(8, 145, 180, 0.28), rgba(255, 184, 77, 0.16));
}

:root[data-theme="light"] .operations-theme-zone .concept-status__fx {
    opacity: 0.2;
    background: repeating-linear-gradient(to bottom, rgba(20, 102, 125, 0.035) 0, rgba(20, 102, 125, 0.035) 1px, transparent 1px, transparent 8px);
}

:root[data-theme="light"] .operations-theme-zone .concept-status__icon-mask {
    filter: drop-shadow(0 2px 5px rgba(42, 86, 101, 0.22));
}

:root[data-theme="light"] .operations-theme-zone .concept-status__prop {
    color: #355b69;
    background: rgba(255, 255, 255, 0.62);
    border-color: rgba(24, 131, 160, 0.18);
}

:root[data-theme="light"] .operations-theme-zone .concept-status__name {
    color: color-mix(in srgb, var(--status-color) 68%, #06465b);
    text-shadow: none;
}

:root[data-theme="light"] .operations-theme-zone .concept-status__desc {
    color: #53717d;
}

:root[data-theme="light"] .operations-theme-zone .concept-status-menu {
    background: linear-gradient(155deg, rgba(255, 255, 255, 0.99), rgba(221, 238, 243, 0.98));
    border-color: rgba(24, 131, 160, 0.24);
    box-shadow: 0 18px 38px rgba(42, 86, 101, 0.22), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .operations-theme-zone .concept-status-menu__item {
    color: #244c5c;
    background: rgba(255, 255, 255, 0.62);
    border-color: rgba(24, 131, 160, 0.12);
}

:root[data-theme="light"] .operations-theme-zone .concept-status-menu__item:hover {
    color: #075f79;
    background: rgba(199, 232, 239, 0.76);
    border-color: rgba(8, 145, 180, 0.25);
}

/* Commercial document item workspace. */
:root[data-theme="light"] .operations-theme-zone .cd-detail-shell {
    color: var(--app-text-primary);
    background:
        radial-gradient(circle at 5% 0%, rgba(18, 177, 207, 0.1), transparent 30rem),
        linear-gradient(145deg, rgba(250, 253, 254, 0.98), rgba(225, 240, 244, 0.96));
    border-color: rgba(24, 131, 160, 0.22);
    box-shadow: 0 18px 42px rgba(42, 86, 101, 0.16), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .operations-theme-zone .cd-detail-loader,
:root[data-theme="light"] .operations-theme-zone .cd-panel,
:root[data-theme="light"] .operations-theme-zone .cd-stat-card,
:root[data-theme="light"] .operations-theme-zone .cd-editor-metric {
    color: var(--app-text-primary);
    background: linear-gradient(155deg, rgba(255, 255, 255, 0.92), rgba(224, 239, 244, 0.88));
    border-color: rgba(24, 131, 160, 0.18);
    box-shadow: 0 10px 25px rgba(42, 86, 101, 0.1), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .operations-theme-zone .cd-panel__eyebrow {
    color: #087896;
}

:root[data-theme="light"] .operations-theme-zone .cd-panel__header h3,
:root[data-theme="light"] .operations-theme-zone .cd-stat-card strong,
:root[data-theme="light"] .operations-theme-zone .cd-editor-metric strong,
:root[data-theme="light"] .operations-theme-zone .cd-row-title,
:root[data-theme="light"] .operations-theme-zone .cd-linked-window__heading strong {
    color: #173f4f;
}

:root[data-theme="light"] .operations-theme-zone .cd-stat-card__label,
:root[data-theme="light"] .operations-theme-zone .cd-editor-metric span,
:root[data-theme="light"] .operations-theme-zone .cd-row-subtitle,
:root[data-theme="light"] .operations-theme-zone .cd-help-inline,
:root[data-theme="light"] .operations-theme-zone .cd-purchase-hint__source,
:root[data-theme="light"] .operations-theme-zone .cd-table-muted {
    color: #607d88;
}

:root[data-theme="light"] .operations-theme-zone .cd-document-menu-box {
    background: linear-gradient(150deg, rgba(255, 255, 255, 0.96), rgba(220, 237, 242, 0.94));
    border-color: rgba(24, 131, 160, 0.22);
    box-shadow: 0 12px 28px rgba(42, 86, 101, 0.14), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .operations-theme-zone .cd-document-menu-box img {
    background: linear-gradient(145deg, #ffffff, #d7eaf0);
    border-color: rgba(24, 131, 160, 0.23);
    box-shadow: 0 7px 16px rgba(42, 86, 101, 0.14), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .operations-theme-zone .cd-document-menu-box img:hover,
:root[data-theme="light"] .operations-theme-zone .cd-document-menu-box .agent-menu-highlight {
    border-color: rgba(8, 145, 180, 0.42);
    box-shadow: 0 9px 20px rgba(42, 86, 101, 0.18), 0 0 0 2px rgba(8, 145, 180, 0.08), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .operations-theme-zone .cd-document-menu-box .ec-live-cell-display,
:root[data-theme="light"] .operations-theme-zone .cd-dropdown-panel,
:root[data-theme="light"] .operations-theme-zone .cd-purchase-source__menu {
    color: var(--app-text-primary);
    background: linear-gradient(155deg, rgba(255, 255, 255, 0.99), rgba(219, 237, 242, 0.98));
    border-color: rgba(24, 131, 160, 0.25);
    box-shadow: 0 18px 38px rgba(42, 86, 101, 0.22), inset 0 1px 0 #ffffff;
    scrollbar-color: rgba(9, 159, 196, 0.72) rgba(210, 229, 234, 0.9);
}

:root[data-theme="light"] .operations-theme-zone .cd-document-menu-box .lst-menu li,
:root[data-theme="light"] .operations-theme-zone .cd-dropdown-option,
:root[data-theme="light"] .operations-theme-zone .cd-purchase-source__menu button {
    color: #244c5c;
    background: rgba(255, 255, 255, 0.56);
    border-color: rgba(24, 131, 160, 0.11);
}

:root[data-theme="light"] .operations-theme-zone .cd-document-menu-box .lst-menu li:hover,
:root[data-theme="light"] .operations-theme-zone .cd-dropdown-option:hover,
:root[data-theme="light"] .operations-theme-zone .cd-dropdown-option.is-selected,
:root[data-theme="light"] .operations-theme-zone .cd-purchase-source__menu button:hover,
:root[data-theme="light"] .operations-theme-zone .cd-purchase-source__menu button:focus-visible {
    color: #075f79;
    background: rgba(195, 231, 239, 0.78);
    border-color: rgba(8, 145, 180, 0.26);
}

:root[data-theme="light"] .operations-theme-zone .cd-dropdown-option__title,
:root[data-theme="light"] .operations-theme-zone .cd-dropdown-trigger {
    color: #173f4f;
}

:root[data-theme="light"] .operations-theme-zone .cd-dropdown-option__meta {
    color: #617d88;
}

:root[data-theme="light"] .operations-theme-zone .cd-premium-btn {
    color: #174759;
    background: linear-gradient(180deg, #ffffff, #dcecf1);
    border-color: rgba(24, 131, 160, 0.24);
    box-shadow: 0 7px 16px rgba(42, 86, 101, 0.14), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .operations-theme-zone .cd-premium-btn:hover:not(:disabled) {
    color: #075f79;
    border-color: rgba(8, 145, 180, 0.4);
    box-shadow: 0 10px 22px rgba(42, 86, 101, 0.18), 0 0 0 2px rgba(8, 145, 180, 0.07), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .operations-theme-zone .cd-premium-btn--primary,
:root[data-theme="light"] .operations-theme-zone .cd-premium-btn--accent {
    color: #084b60;
    background: linear-gradient(135deg, rgba(182, 235, 243, 0.96), rgba(216, 244, 235, 0.96));
}

:root[data-theme="light"] .operations-theme-zone .cd-premium-btn__icon,
:root[data-theme="light"] .operations-theme-zone .cd-dropdown-trigger__caret {
    color: #087896;
    background: rgba(164, 222, 233, 0.58);
}

:root[data-theme="light"] .operations-theme-zone .cd-table-wrap {
    background: rgba(255, 255, 255, 0.72);
    border-color: rgba(24, 131, 160, 0.2);
    scrollbar-color: rgba(9, 159, 196, 0.72) rgba(210, 229, 234, 0.9);
}

:root[data-theme="light"] .operations-theme-zone .cd-table th {
    color: #476875;
    background: rgba(217, 236, 241, 0.98);
    border-bottom-color: rgba(24, 131, 160, 0.2);
}

:root[data-theme="light"] .operations-theme-zone .cd-table td {
    color: #274c5b;
    border-bottom-color: rgba(24, 131, 160, 0.12);
}

:root[data-theme="light"] .operations-theme-zone .cd-table tbody tr:nth-child(odd) {
    background: rgba(236, 246, 248, 0.78);
}

:root[data-theme="light"] .operations-theme-zone .cd-table tbody tr:nth-child(even) {
    background: rgba(255, 255, 255, 0.88);
}

:root[data-theme="light"] .operations-theme-zone .cd-table tbody tr:hover,
:root[data-theme="light"] .operations-theme-zone .cd-table tbody tr.is-selected {
    background: rgba(178, 225, 235, 0.66);
}

:root[data-theme="light"] .operations-theme-zone .cd-inline-action,
:root[data-theme="light"] .operations-theme-zone .cd-purchase-source__pill,
:root[data-theme="light"] .operations-theme-zone .cd-box-pill {
    color: #08738f;
    background: linear-gradient(135deg, rgba(224, 244, 247, 0.98), rgba(207, 234, 240, 0.96));
    border-color: rgba(8, 145, 180, 0.3);
    box-shadow: inset 0 1px 0 #ffffff, 0 5px 12px rgba(42, 86, 101, 0.1);
}

:root[data-theme="light"] .operations-theme-zone .cd-status-pill--active {
    color: #08705e;
    background: rgba(114, 218, 190, 0.28);
}

:root[data-theme="light"] .operations-theme-zone .cd-status-pill--inactive {
    color: #9c3f52;
    background: rgba(236, 169, 182, 0.3);
}

:root[data-theme="light"] .operations-theme-zone .cd-empty-state,
:root[data-theme="light"] .operations-theme-zone .cd-placeholder-card,
:root[data-theme="light"] .operations-theme-zone .cd-purchase-hint,
:root[data-theme="light"] .operations-theme-zone .cd-inline-progress,
:root[data-theme="light"] .operations-theme-zone .cd-check-field {
    color: #355967;
    background: rgba(255, 255, 255, 0.7);
    border-color: rgba(24, 131, 160, 0.16);
}

:root[data-theme="light"] .operations-theme-zone .cd-mode-badge {
    color: #08705e;
    background: rgba(123, 220, 194, 0.28);
}

:root[data-theme="light"] .operations-theme-zone .cd-field-label {
    color: #456876;
}

:root[data-theme="light"] .operations-theme-zone .cd-control-shell,
:root[data-theme="light"] .operations-theme-zone .cd-selector-surface {
    color: var(--app-text-primary);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(230, 241, 244, 0.9));
    border-color: rgba(24, 131, 160, 0.2);
    box-shadow: inset 0 1px 0 #ffffff, 0 7px 18px rgba(42, 86, 101, 0.1);
}

:root[data-theme="light"] .operations-theme-zone .cd-control-shell--readonly {
    background: linear-gradient(180deg, rgba(238, 246, 248, 0.96), rgba(220, 235, 239, 0.92));
}

:root[data-theme="light"] .operations-theme-zone .cd-control-shell .cd-input,
:root[data-theme="light"] .operations-theme-zone .cd-control-shell .cd-select,
:root[data-theme="light"] .operations-theme-zone input.cd-input,
:root[data-theme="light"] .operations-theme-zone textarea.cd-input,
:root[data-theme="light"] .operations-theme-zone select.cd-select {
    color: #173f4f !important;
    -webkit-text-fill-color: #173f4f !important;
}

:root[data-theme="light"] .operations-theme-zone .cd-control-shell input[type="number"].cd-input {
    color: #123f50 !important;
    -webkit-text-fill-color: #123f50 !important;
    caret-color: #087f9f;
    font-weight: 700 !important;
    font-variant-numeric: tabular-nums;
    opacity: 1;
    text-shadow: none;
}

:root[data-theme="light"] .operations-theme-zone .cd-input[readonly] {
    color: #607d88 !important;
    -webkit-text-fill-color: #607d88;
}

:root[data-theme="light"] .operations-theme-zone select.cd-select {
    color-scheme: light;
}

:root[data-theme="light"] .operations-theme-zone .cd-select option,
:root[data-theme="light"] .operations-theme-zone .cd-select optgroup {
    color: #173f4f;
    background: #f4fafb;
}

:root[data-theme="light"] .operations-theme-zone .cd-switch-field__track {
    background: linear-gradient(180deg, #d9e8ec, #c3d9df);
    border-color: rgba(24, 131, 160, 0.25);
    box-shadow: inset 0 1px 4px rgba(42, 86, 101, 0.14);
}

:root[data-theme="light"] .operations-theme-zone .cd-switch-field__thumb {
    background: linear-gradient(180deg, #ffffff, #e5f1f4);
    box-shadow: 0 0 0 1px rgba(24, 131, 160, 0.14), 0 5px 12px rgba(42, 86, 101, 0.18);
}

:root[data-theme="light"] .operations-theme-zone .cd-switch-field__input:checked + .cd-switch-field__track {
    background: linear-gradient(135deg, #49c9cf, #138baa);
    border-color: rgba(5, 108, 139, 0.5);
    box-shadow: 0 0 0 3px rgba(17, 166, 195, 0.09);
}

:root[data-theme="light"] .operations-theme-zone .cd-detail-alert p {
    color: #355967;
}

:root[data-theme="light"] .operations-theme-zone .cd-detail-alert--success {
    background: rgba(157, 227, 205, 0.46);
}

:root[data-theme="light"] .operations-theme-zone .cd-detail-alert--danger {
    background: rgba(244, 190, 201, 0.52);
}

:root[data-theme="light"] .operations-theme-zone .cd-detail-alert--warning {
    background: rgba(246, 220, 158, 0.52);
}

:root[data-theme="light"] .operations-theme-zone .cd-detail-alert--info {
    background: rgba(175, 221, 235, 0.52);
}

:root[data-theme="light"] .operations-theme-zone .cd-alert-close {
    color: #456876;
}

:root[data-theme="light"] .operations-theme-zone .cd-linked-window__heading {
    color: #087896;
    border-bottom-color: rgba(24, 131, 160, 0.22);
}

:root[data-theme="light"] .operations-theme-zone .cd-document-menu-box .ec-live-cell-display::-webkit-scrollbar-track,
:root[data-theme="light"] .operations-theme-zone .cd-table-wrap::-webkit-scrollbar-track,
:root[data-theme="light"] .operations-theme-zone .cd-panel::-webkit-scrollbar-track {
    background: rgba(210, 229, 234, 0.9);
}

:root[data-theme="light"] .operations-theme-zone .cd-document-menu-box .ec-live-cell-display::-webkit-scrollbar-thumb,
:root[data-theme="light"] .operations-theme-zone .cd-table-wrap::-webkit-scrollbar-thumb,
:root[data-theme="light"] .operations-theme-zone .cd-panel::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, rgba(9, 159, 196, 0.72), rgba(19, 137, 176, 0.76));
    border-color: rgba(235, 246, 248, 0.96);
}

:root[data-theme="light"] .operations-theme-zone #GridDetailsContainer {
    color: var(--app-text-primary);
}

:root[data-theme="light"] .operations-theme-zone #GridDetailsContainer::before {
    background:
        radial-gradient(circle at top right, rgba(18, 177, 207, 0.1), transparent 28%),
        radial-gradient(circle at top left, rgba(255, 184, 77, 0.1), transparent 26%);
}

:root[data-theme="light"] .operations-theme-zone #GridDetailsContainer #rowtitleSubMenu {
    background:
        radial-gradient(circle at top left, rgba(33, 188, 218, 0.1), transparent 32%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(222, 237, 243, 0.96));
    border-color: rgba(24, 131, 160, 0.24);
    box-shadow: 0 12px 30px rgba(42, 86, 101, 0.14), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .operations-theme-zone #GridDetailsContainer .addDetail-grid-container {
    color: var(--app-text-primary);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(226, 240, 244, 0.9));
    border-color: rgba(29, 130, 157, 0.18);
    box-shadow: 0 12px 28px rgba(42, 86, 101, 0.1), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .operations-theme-zone #GridDetailsContainer .addDetail-grid-container .grid-item {
    color: var(--app-text-primary);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.84), rgba(231, 242, 245, 0.8));
    border-color: rgba(29, 130, 157, 0.16);
}

:root[data-theme="light"] .operations-theme-zone #GridDetailsContainer .addDetail-grid-container .grid-item:hover {
    border-color: rgba(8, 145, 180, 0.28);
    box-shadow: 0 8px 18px rgba(42, 86, 101, 0.1);
}

:root[data-theme="light"] .operations-theme-zone #GridDetailsContainer .addDetail-grid-container .grid-item .propertyTitle,
:root[data-theme="light"] .operations-theme-zone #GridDetailsContainer .addDetail-grid-container .form-floating .lblFloating,
:root[data-theme="light"] .operations-theme-zone #GridDetailsContainer .addDetail-grid-container .form-floating label {
    color: var(--app-text-secondary);
}

:root[data-theme="light"] .operations-theme-zone #GridDetailsContainer .addDetail-grid-container .grid-item input,
:root[data-theme="light"] .operations-theme-zone #GridDetailsContainer .addDetail-grid-container .grid-item select,
:root[data-theme="light"] .operations-theme-zone #GridDetailsContainer .addDetail-grid-container .grid-item textarea,
:root[data-theme="light"] .operations-theme-zone #GridDetailsContainer .addDetail-grid-container .form-floating .form-control {
    color: var(--app-text-primary);
    background: rgba(255, 255, 255, 0.9);
    border-color: rgba(29, 130, 157, 0.2);
}

:root[data-theme="light"] .operations-theme-zone #GridDetailsContainer .addDetail-grid-container .grid-item input:disabled,
:root[data-theme="light"] .operations-theme-zone #GridDetailsContainer .addDetail-grid-container .grid-item select:disabled,
:root[data-theme="light"] .operations-theme-zone #GridDetailsContainer .addDetail-grid-container .grid-item textarea:disabled,
:root[data-theme="light"] .operations-theme-zone #GridDetailsContainer .addDetail-grid-container .form-floating .form-control:disabled {
    color: #607985;
    background: rgba(220, 233, 237, 0.8);
}

:root[data-theme="light"] .operations-theme-zone #GridDetailsContainer #menuContainerGridDetails {
    color: var(--app-text-primary);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.95), rgba(225, 240, 244, 0.9));
    border-color: rgba(24, 131, 160, 0.24);
    box-shadow: 0 12px 30px rgba(42, 86, 101, 0.13), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .operations-theme-zone #GridDetailsContainer #menuContainerGridDetails .table-striped tr:nth-child(odd) {
    color: var(--app-text-primary);
    background: rgba(221, 238, 243, 0.78);
}

:root[data-theme="light"] .operations-theme-zone #GridDetailsContainer #menuContainerGridDetails .table-striped tr:nth-child(even) {
    color: var(--app-text-primary);
    background: rgba(252, 254, 255, 0.92);
}

:root[data-theme="light"] .operations-theme-zone #GridDetailsContainer #menuContainerGridDetails .table-striped tr:hover {
    color: #0a4356;
    background: rgba(180, 226, 236, 0.64);
}

:root[data-theme="light"] .operations-theme-zone #GridDetailsContainer #menuContainerGridDetails .grid-details-sort-toggle {
    color: #087fa4;
    background: rgba(241, 250, 252, 0.96);
    border-color: rgba(8, 127, 164, 0.34);
    box-shadow: 0 3px 8px rgba(42, 86, 101, 0.1), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .operations-theme-zone #GridDetailsContainer #menuContainerGridDetails .grid-details-sort-toggle:hover,
:root[data-theme="light"] .operations-theme-zone #GridDetailsContainer #menuContainerGridDetails .grid-details-sort-toggle:focus-visible {
    color: #ffffff;
    background: #159db9;
    border-color: rgba(5, 108, 139, 0.58);
    box-shadow: 0 0 0 3px rgba(20, 169, 195, 0.13), 0 5px 12px rgba(42, 86, 101, 0.14);
}

:root[data-theme="light"] .operations-theme-zone #GridDetailsContainer #menuContainerGridDetails .grid-details-sort-toggle.is-active {
    color: #ffffff;
    background: linear-gradient(135deg, #20b8c9, #087fa4);
    border-color: rgba(5, 108, 139, 0.62);
    box-shadow: 0 0 0 3px rgba(20, 169, 195, 0.12), 0 6px 14px rgba(42, 86, 101, 0.16);
}

:root[data-theme="light"] .operations-theme-zone #GridDetailsContainer #menuContainerGridDetails .row-selected {
    color: #0a4356;
    background: linear-gradient(90deg, rgba(74, 204, 231, 0.3) 0%, rgba(157, 225, 231, 0.24) 58%, rgba(255, 196, 99, 0.18) 100%) !important;
    box-shadow: inset 0 0 0 1px rgba(8, 145, 180, 0.22);
}

:root[data-theme="light"] .operations-theme-zone #GridDetailsContainer #menuContainerGridDetails .row-selected td {
    color: #0a4356;
    background: transparent !important;
}

:root[data-theme="light"] .operations-theme-zone #GridDetailsContainer #masterTableSummary {
    color: #244f60;
    background: linear-gradient(90deg, rgba(248, 252, 253, 0.99), rgba(218, 238, 243, 0.98));
    border-top-color: rgba(8, 145, 180, 0.24);
    box-shadow: inset 0 1px 0 #ffffff, 0 -5px 14px rgba(42, 86, 101, 0.07);
}

:root[data-theme="light"] .operations-theme-zone #GridDetailsContainer .grid-details-summary__count {
    color: #075f79;
    background: rgba(255, 255, 255, 0.82);
    border-color: rgba(8, 145, 180, 0.3);
    box-shadow: 0 4px 10px rgba(42, 86, 101, 0.09), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .operations-theme-zone #GridDetailsContainer .grid-details-summary__label {
    color: #3e7081;
}

:root[data-theme="light"] .operations-theme-zone #GridDetailsContainer .grid-details-summary__count strong,
:root[data-theme="light"] .operations-theme-zone #GridDetailsContainer .grid-details-summary__value {
    color: #087fa4;
}

:root[data-theme="light"] .operations-theme-zone #GridDetailsContainer .grid-details-summary__select {
    color: #244f60;
    background: rgba(255, 255, 255, 0.92);
    border-color: rgba(8, 145, 180, 0.28);
}

:root[data-theme="light"] .operations-theme-zone #GridDetailsContainer .grid-details-summary__select:focus {
    border-color: rgba(8, 127, 164, 0.62);
    box-shadow: 0 0 0 3px rgba(20, 169, 195, 0.12);
}

:root[data-theme="light"] .operations-theme-zone #GridDetailsContainer #menuContainerGridDetails::-webkit-scrollbar-track {
    background: rgba(210, 229, 234, 0.9);
}

:root[data-theme="light"] .operations-theme-zone #GridDetailsContainer #menuContainerGridDetails::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, rgba(9, 159, 196, 0.72), rgba(19, 137, 176, 0.76));
    border-color: rgba(222, 239, 243, 0.92);
}

:root[data-theme="light"] .operations-theme-zone #GridDetailsContainer .grid-details-empty-state {
    border-color: rgba(8, 145, 180, 0.32);
    background:
        radial-gradient(circle at 18% 18%, rgba(18, 177, 207, 0.14), transparent 34%),
        radial-gradient(circle at 82% 18%, rgba(255, 184, 77, 0.13), transparent 32%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.94), rgba(224, 239, 244, 0.94));
    box-shadow: inset 0 1px 0 #ffffff, 0 14px 30px rgba(42, 86, 101, 0.13);
}

:root[data-theme="light"] .operations-theme-zone #GridDetailsContainer .grid-details-empty-state::before {
    background: linear-gradient(115deg, rgba(255, 255, 255, 0.64), transparent 28%, transparent 78%, rgba(18, 177, 207, 0.07));
}

:root[data-theme="light"] .operations-theme-zone #GridDetailsContainer .grid-details-empty-state__icon {
    color: #087fa4;
    background: linear-gradient(135deg, rgba(177, 235, 244, 0.86), rgba(255, 235, 190, 0.74));
    border-color: rgba(8, 145, 180, 0.3);
    box-shadow: 0 8px 18px rgba(42, 86, 101, 0.11), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .operations-theme-zone #GridDetailsContainer .grid-details-empty-state__copy h3 {
    color: var(--app-text-primary);
}

:root[data-theme="light"] .operations-theme-zone #GridDetailsContainer .grid-details-empty-state__copy p {
    color: var(--app-text-secondary);
}

/* Draggable windows are portaled to document.body, outside the Operations wrapper. */
:root[data-theme="light"] .draggable-theme-surface {
    color: var(--app-text-primary);
    color-scheme: light;
    background:
        radial-gradient(circle at 100% 0%, rgba(19, 174, 207, 0.1), transparent 36%),
        linear-gradient(150deg, rgba(250, 253, 254, 0.99), rgba(224, 239, 244, 0.98));
    border-color: rgba(24, 131, 160, 0.28);
    box-shadow: 0 22px 54px rgba(42, 86, 101, 0.24), 0 0 24px rgba(24, 166, 199, 0.1), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .draggable-theme-surface .drag-handle {
    color: var(--app-text-primary);
    background:
        radial-gradient(circle at 0% 50%, rgba(26, 183, 213, 0.12), transparent 34%),
        linear-gradient(90deg, rgba(255, 255, 255, 0.99), rgba(218, 235, 241, 0.98));
    border-bottom-color: rgba(24, 131, 160, 0.22);
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .draggable-theme-surface .drag-handle:hover {
    background:
        radial-gradient(circle at 0% 50%, rgba(26, 183, 213, 0.16), transparent 36%),
        linear-gradient(90deg, #ffffff, #d8edf2);
}

:root[data-theme="light"] .draggable-theme-surface .drag-handle .header-caption {
    color: #173d4d;
    text-shadow: none;
}

:root[data-theme="light"] .draggable-theme-surface .close-button {
    color: #24505f;
    background: linear-gradient(180deg, #ffffff, #d8e9ee);
    border-color: rgba(24, 131, 160, 0.24);
    box-shadow: 0 5px 14px rgba(42, 86, 101, 0.13), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .draggable-theme-surface .close-button:hover {
    color: #ffffff;
    background: linear-gradient(180deg, #ef7373, #c94242);
    border-color: rgba(164, 39, 39, 0.46);
    box-shadow: 0 7px 18px rgba(173, 50, 50, 0.2);
}

:root[data-theme="light"] .draggable-theme-surface .content {
    color: var(--app-text-primary);
    background:
        radial-gradient(circle at 100% 0%, rgba(18, 177, 207, 0.08), transparent 34%),
        linear-gradient(155deg, rgba(248, 252, 253, 0.98), rgba(231, 242, 245, 0.98));
}

:root[data-theme="light"] .draggable-theme-surface .draggable-content-theme-scope::before {
    content: none;
}

:root[data-theme="light"] .draggable-theme-surface .resize-handle {
    background: linear-gradient(135deg, #43c9d8, #1689ad);
    box-shadow: 0 0 12px rgba(8, 145, 180, 0.22);
}

/* Dashboard action tools hosted in draggable windows. */
:root[data-theme="light"] .draggable-theme-surface .proc-editor-shell,
:root[data-theme="light"] .draggable-theme-surface .combo-editor-shell,
:root[data-theme="light"] .draggable-theme-surface .date-editor {
    --selector-bg: rgba(255, 255, 255, 0.92);
    --selector-bg-hover: #e1f0f4;
    --selector-panel-bg: #f7fbfc;
    --selector-border: rgba(25, 132, 160, 0.2);
    --selector-border-strong: rgba(8, 145, 180, 0.46);
    --selector-text: #173f50;
    --selector-muted: #678391;
    --selector-badge-bg: rgba(24, 167, 193, 0.13);
    --selector-shadow: 0 16px 34px rgba(42, 86, 101, 0.16);
    color: var(--app-text-primary);
    background:
        radial-gradient(circle at 100% 0%, rgba(28, 183, 212, 0.12), transparent 38%),
        linear-gradient(155deg, #ffffff, #e4f0f3);
    border-color: rgba(25, 132, 160, 0.22);
    box-shadow: 0 16px 36px rgba(42, 86, 101, 0.15), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .draggable-theme-surface .proc-editor-shell .general-container-selector,
:root[data-theme="light"] .draggable-theme-surface .proc-editor-shell .selector-container {
    --selector-bg: rgba(255, 255, 255, 0.92);
    --selector-bg-hover: #e1f0f4;
    --selector-panel-bg: #f7fbfc;
    --selector-border: rgba(25, 132, 160, 0.2);
    --selector-border-strong: rgba(8, 145, 180, 0.46);
    --selector-text: #173f50;
    --selector-muted: #678391;
    --selector-badge-bg: rgba(24, 167, 193, 0.13);
    --selector-shadow: 0 16px 34px rgba(42, 86, 101, 0.16);
    color: #173f50;
}

:root[data-theme="light"] .draggable-theme-surface .proc-editor__eyebrow,
:root[data-theme="light"] .draggable-theme-surface .combo-editor__eyebrow,
:root[data-theme="light"] .draggable-theme-surface .date-editor__eyebrow,
:root[data-theme="light"] .draggable-theme-surface .date-editor__context-label {
    color: #087fa4;
}

:root[data-theme="light"] .draggable-theme-surface .proc-editor__description,
:root[data-theme="light"] .draggable-theme-surface .proc-editor__meta,
:root[data-theme="light"] .draggable-theme-surface .combo-editor__description,
:root[data-theme="light"] .draggable-theme-surface .date-editor__context p,
:root[data-theme="light"] .draggable-theme-surface .date-editor__records {
    color: var(--app-text-secondary);
}

:root[data-theme="light"] .draggable-theme-surface .proc-editor__body,
:root[data-theme="light"] .draggable-theme-surface .proc-editor__control-shell,
:root[data-theme="light"] .draggable-theme-surface .combo-editor__control-shell,
:root[data-theme="light"] .draggable-theme-surface .combo-editor__picker-trigger,
:root[data-theme="light"] .draggable-theme-surface .combo-editor__options-panel,
:root[data-theme="light"] .draggable-theme-surface .combo-editor__search-row,
:root[data-theme="light"] .draggable-theme-surface .date-editor__context {
    color: var(--app-text-primary);
    background: rgba(255, 255, 255, 0.76);
    border-color: rgba(25, 132, 160, 0.18);
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .draggable-theme-surface .proc-editor__label,
:root[data-theme="light"] .draggable-theme-surface .combo-editor__label,
:root[data-theme="light"] .draggable-theme-surface .date-editor__field label,
:root[data-theme="light"] .draggable-theme-surface .combo-editor__picker-caption {
    color: #587684;
}

:root[data-theme="light"] .draggable-theme-surface .proc-editor__input,
:root[data-theme="light"] .draggable-theme-surface .combo-editor__input,
:root[data-theme="light"] .draggable-theme-surface .date-editor__input {
    color: #173f50 !important;
    -webkit-text-fill-color: #173f50 !important;
    background: #ffffff !important;
    border-color: rgba(25, 132, 160, 0.24) !important;
}

:root[data-theme="light"] .draggable-theme-surface .combo-editor__picker-copy strong,
:root[data-theme="light"] .draggable-theme-surface .date-editor__head h3 {
    color: #173f50;
}

:root[data-theme="light"] .draggable-theme-surface .combo-editor__result-item {
    color: #244f60 !important;
    background: linear-gradient(180deg, #ffffff, #eaf4f7) !important;
    border-color: rgba(25, 132, 160, 0.16) !important;
}

:root[data-theme="light"] .draggable-theme-surface .combo-editor__result-item:hover,
:root[data-theme="light"] .draggable-theme-surface .combo-editor__result-item--selected {
    color: #075f79 !important;
    background: #d8edf2 !important;
    border-color: rgba(8, 145, 180, 0.32) !important;
}

:root[data-theme="light"] .draggable-theme-surface .proc-editor__button--primary,
:root[data-theme="light"] .draggable-theme-surface .combo-editor__button--primary,
:root[data-theme="light"] .draggable-theme-surface .date-editor__button--primary {
    color: #ffffff;
    background: linear-gradient(135deg, #087fa4, #20b9c6);
    border-color: rgba(7, 117, 147, 0.44);
    box-shadow: 0 9px 20px rgba(8, 145, 180, 0.2);
}

:root[data-theme="light"] .draggable-theme-surface .combo-editor__button--ghost,
:root[data-theme="light"] .draggable-theme-surface .date-editor__button--secondary {
    color: #315b6b;
    background: linear-gradient(145deg, #ffffff, #dcecf1);
    border-color: rgba(25, 132, 160, 0.22);
}

:root[data-theme="light"] .draggable-theme-surface .proc-editor__button-icon,
:root[data-theme="light"] .draggable-theme-surface .combo-editor__button-icon,
:root[data-theme="light"] .draggable-theme-surface .date-editor__icon,
:root[data-theme="light"] .draggable-theme-surface .date-editor__count,
:root[data-theme="light"] .draggable-theme-surface .combo-editor__options-count {
    color: #075f79;
    background: rgba(192, 231, 238, 0.72);
    border-color: rgba(8, 145, 180, 0.24);
}

:root[data-theme="light"] .draggable-theme-surface .content::-webkit-scrollbar-track {
    background: rgba(210, 229, 234, 0.9);
}

:root[data-theme="light"] .draggable-theme-surface .content::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, rgba(9, 159, 196, 0.72), rgba(19, 137, 176, 0.76));
    border-color: rgba(235, 246, 248, 0.95);
}

/* Linked MasterTable components and their loading/editing states. */
:root[data-theme="light"] .operations-theme-zone #DetailsDocument #loadingDoccontainer,
:root[data-theme="light"] .operations-theme-zone #GridDetailsContainer #loadingDoccontainer,
:root[data-theme="light"] .operations-theme-zone #DocumentContainer > #loadingDoccontainer {
    color: var(--app-text-primary);
    background:
        radial-gradient(circle at center, rgba(18, 177, 207, 0.12), transparent 38%),
        linear-gradient(155deg, rgba(255, 255, 255, 0.95), rgba(224, 239, 244, 0.94));
    border-color: rgba(24, 131, 160, 0.24);
    box-shadow: inset 0 1px 0 #ffffff, 0 12px 28px rgba(42, 86, 101, 0.12);
}

:root[data-theme="light"] .operations-theme-zone #DetailsDocument #loadingDoccontainer #loadingmessage,
:root[data-theme="light"] .operations-theme-zone #GridDetailsContainer #loadingDoccontainer #loadingmessage,
:root[data-theme="light"] .operations-theme-zone #DocumentContainer > #loadingDoccontainer #loadingmessage {
    color: var(--app-text-primary);
    background: rgba(255, 255, 255, 0.68);
    border-color: rgba(24, 131, 160, 0.18);
    box-shadow: 0 10px 24px rgba(42, 86, 101, 0.1), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .operations-theme-zone #DetailsDocument #loadingDoccontainer #loadingmessage h1,
:root[data-theme="light"] .operations-theme-zone #GridDetailsContainer #loadingDoccontainer #loadingmessage h1,
:root[data-theme="light"] .operations-theme-zone #DocumentContainer > #loadingDoccontainer #loadingmessage h1 {
    color: var(--app-text-primary);
}

:root[data-theme="light"] .operations-theme-zone #GridDetailsContainer .colapse-cmd-cnt {
    color: #087fa4;
    background: linear-gradient(145deg, #ffffff, #d4eaf0);
    border-color: rgba(8, 145, 180, 0.4);
    box-shadow: 0 6px 14px rgba(42, 86, 101, 0.14), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .operations-theme-zone #GridDetailsContainer .colapse-cmd-cnt:hover {
    color: #ffffff;
    background: linear-gradient(180deg, #18b9d9, #087fa4);
    border-color: rgba(8, 127, 164, 0.62);
}

:root[data-theme="light"] .operations-theme-zone #GridDetailsContainer .NotesAreaContainer .collapsible-container {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(224, 239, 244, 0.84));
    border-color: rgba(29, 130, 157, 0.2);
    box-shadow: 0 9px 22px rgba(42, 86, 101, 0.1), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .operations-theme-zone #GridDetailsContainer .NotesAreaContainer .collapsible-container .toggle-label {
    color: #345968;
    background: rgba(255, 255, 255, 0.52);
}

:root[data-theme="light"] .operations-theme-zone #GridDetailsContainer .NotesAreaContainer .collapsible-container .toggle-label:hover {
    color: #075f79;
    background: rgba(190, 231, 239, 0.64);
}

:root[data-theme="light"] .operations-theme-zone #GridDetailsContainer .NotesAreaContainer .collapsible-container .collapsible-content textarea {
    color: var(--app-text-primary);
    background: rgba(255, 255, 255, 0.9);
    border-color: rgba(29, 130, 157, 0.22);
}

/* A single readable boolean control for master and linked detail documents. */
:root[data-theme="light"] .operations-theme-zone #DetailsDocument .toggle-switch,
:root[data-theme="light"] .operations-theme-zone #GridDetailsContainer .toggle-switch {
    position: relative !important;
    display: inline-block !important;
    flex: 0 0 48px !important;
    align-self: flex-start;
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 26px !important;
    min-height: 26px !important;
    max-height: 26px !important;
    margin: 2px 0 0 !important;
    padding: 0 !important;
    overflow: visible;
    aspect-ratio: auto !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 999px !important;
    box-shadow: none !important;
    vertical-align: middle;
}

:root[data-theme="light"] .operations-theme-zone #DetailsDocument .toggle-switch input,
:root[data-theme="light"] .operations-theme-zone #GridDetailsContainer .toggle-switch input {
    position: absolute !important;
    inset: 0 !important;
    z-index: 2;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0;
    cursor: pointer;
    appearance: none;
}

:root[data-theme="light"] .operations-theme-zone #DetailsDocument .toggle-switch .slider,
:root[data-theme="light"] .operations-theme-zone #GridDetailsContainer .toggle-switch .slider {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    box-sizing: border-box;
    border-radius: 999px;
    background: #cbdde2;
    border: 1px solid rgba(56, 101, 116, 0.24);
    box-shadow: inset 0 1px 2px rgba(42, 86, 101, 0.12);
    transition: background 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

:root[data-theme="light"] .operations-theme-zone #DetailsDocument .toggle-switch .slider::before,
:root[data-theme="light"] .operations-theme-zone #GridDetailsContainer .toggle-switch .slider::before {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    width: 18px !important;
    height: 18px !important;
    border: 0;
    border-radius: 50%;
    background: #ffffff;
    box-shadow: 0 2px 5px rgba(42, 86, 101, 0.24);
    transform: translateX(0);
    transition: transform 180ms ease, background 180ms ease, box-shadow 180ms ease;
}

:root[data-theme="light"] .operations-theme-zone #DetailsDocument .toggle-switch input:checked + .slider,
:root[data-theme="light"] .operations-theme-zone #GridDetailsContainer .toggle-switch input:checked + .slider {
    background: linear-gradient(135deg, #25c8d5, #0b8faf);
    border-color: rgba(5, 108, 139, 0.56);
    box-shadow: 0 0 0 3px rgba(17, 166, 195, 0.09);
}

:root[data-theme="light"] .operations-theme-zone #DetailsDocument .toggle-switch input:checked + .slider::before,
:root[data-theme="light"] .operations-theme-zone #GridDetailsContainer .toggle-switch input:checked + .slider::before {
    background: #ffffff;
    transform: translateX(22px);
}

:root[data-theme="light"] .operations-theme-zone #DetailsDocument .toggle-switch input:focus-visible + .slider,
:root[data-theme="light"] .operations-theme-zone #GridDetailsContainer .toggle-switch input:focus-visible + .slider {
    outline: 3px solid rgba(8, 145, 180, 0.25);
    outline-offset: 2px;
}

:root[data-theme="light"] .operations-theme-zone #DetailsDocument .special-section-cnt .section-element > .toggle-switch.accounting-toggle {
    flex-basis: 44px;
    width: 44px;
    min-width: 44px;
    height: 24px;
    min-height: 24px;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
    filter: none;
}

:root[data-theme="light"] .operations-theme-zone #DetailsDocument .toggle-switch.accounting-toggle > .slider {
    overflow: hidden;
    background: #cbdde2;
    border-color: rgba(56, 101, 116, 0.24);
    box-shadow: inset 0 1px 2px rgba(42, 86, 101, 0.12);
}

:root[data-theme="light"] .operations-theme-zone #DetailsDocument .toggle-switch.accounting-toggle > input:checked + .slider {
    background: linear-gradient(135deg, #25c8d5, #0b8faf);
    border-color: rgba(5, 108, 139, 0.56);
    box-shadow: 0 0 0 3px rgba(17, 166, 195, 0.09);
}

/* Special-section booleans must remain a horizontal switch despite broad input sizing. */
:root[data-theme="light"] .operations-theme-zone #DetailsDocument .special-section-cnt .section-element > .toggle-switch {
    position: relative !important;
    display: inline-block !important;
    flex: 0 0 50px !important;
    align-self: flex-start;
    inline-size: 50px !important;
    min-inline-size: 50px !important;
    max-inline-size: 50px !important;
    block-size: 26px !important;
    min-block-size: 26px !important;
    max-block-size: 26px !important;
    margin: 2px 0 0 !important;
    padding: 0 !important;
    overflow: visible;
    border: 0 !important;
    border-radius: 999px;
    background: transparent !important;
    box-shadow: none !important;
    aspect-ratio: auto !important;
}

:root[data-theme="light"] .operations-theme-zone #DetailsDocument .special-section-cnt .section-element > .toggle-switch > input[type="checkbox"] {
    position: absolute !important;
    inset: 0 !important;
    z-index: 2;
    inline-size: 100% !important;
    min-inline-size: 0 !important;
    max-inline-size: none !important;
    block-size: 100% !important;
    min-block-size: 0 !important;
    max-block-size: none !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0;
    appearance: none;
}

:root[data-theme="light"] .operations-theme-zone #DetailsDocument .special-section-cnt .section-element > .toggle-switch > .slider {
    position: absolute;
    inset: 0;
    display: block;
    box-sizing: border-box;
    overflow: hidden;
    border: 1px solid rgba(56, 101, 116, 0.28);
    border-radius: 999px;
    background: linear-gradient(180deg, #d9e8ec, #bfd4da);
    box-shadow: inset 0 1px 3px rgba(42, 86, 101, 0.15);
}

:root[data-theme="light"] .operations-theme-zone #DetailsDocument .special-section-cnt .section-element > .toggle-switch > .slider::before {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    inline-size: 20px;
    block-size: 20px;
    border: 0;
    border-radius: 50%;
    background: #ffffff;
    box-shadow: 0 3px 7px rgba(42, 86, 101, 0.24);
    transform: translateX(0);
}

:root[data-theme="light"] .operations-theme-zone #DetailsDocument .special-section-cnt .section-element > .toggle-switch > input:checked + .slider {
    background: linear-gradient(135deg, #28cbd6, #0a86a7);
    border-color: rgba(5, 108, 139, 0.58);
    box-shadow: 0 0 0 3px rgba(17, 166, 195, 0.09);
}

:root[data-theme="light"] .operations-theme-zone #DetailsDocument .special-section-cnt .section-element > .toggle-switch > input:checked + .slider::before {
    transform: translateX(24px);
}

/* Address Workspace. */
:root[data-theme="light"] .operations-theme-zone .addrmgr {
    color: var(--app-text-primary);
}

:root[data-theme="light"] .operations-theme-zone .addrmgr__hero {
    background:
        radial-gradient(circle at top right, rgba(18, 177, 207, 0.13), transparent 38%),
        linear-gradient(155deg, rgba(255, 255, 255, 0.96), rgba(222, 238, 243, 0.95));
    border-color: rgba(24, 131, 160, 0.22);
    box-shadow: 0 14px 30px rgba(42, 86, 101, 0.12), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .operations-theme-zone .addrmgr__eyebrow,
:root[data-theme="light"] .operations-theme-zone .addrmgr__badgeLabel,
:root[data-theme="light"] .operations-theme-zone .addrmgr__mapLabel {
    color: #087fa4;
}

:root[data-theme="light"] .operations-theme-zone .addrmgr__title,
:root[data-theme="light"] .operations-theme-zone .addrmgr__sectionHeader h4,
:root[data-theme="light"] .operations-theme-zone .addrmgr__mapHeader h4,
:root[data-theme="light"] .operations-theme-zone .addrmgr__mapSummary strong,
:root[data-theme="light"] .operations-theme-zone .addrmgr__mapEmpty strong,
:root[data-theme="light"] .operations-theme-zone .addrmgr__empty strong {
    color: var(--app-text-primary);
}

:root[data-theme="light"] .operations-theme-zone .addrmgr__subtitle,
:root[data-theme="light"] .operations-theme-zone .addrmgr__sectionHeader p,
:root[data-theme="light"] .operations-theme-zone .addrmgr__mapHeader p,
:root[data-theme="light"] .operations-theme-zone .addrmgr__mapSummary p,
:root[data-theme="light"] .operations-theme-zone .addrmgr__mapEmpty,
:root[data-theme="light"] .operations-theme-zone .addrmgr__empty {
    color: var(--app-text-secondary);
}

:root[data-theme="light"] .operations-theme-zone .addrmgr__badge,
:root[data-theme="light"] .operations-theme-zone .addrmgr__cardsColumn,
:root[data-theme="light"] .operations-theme-zone .addrmgr__mapColumn {
    color: var(--app-text-primary);
    background: linear-gradient(155deg, rgba(255, 255, 255, 0.94), rgba(225, 239, 243, 0.92));
    border-color: rgba(24, 131, 160, 0.2);
    box-shadow: 0 12px 28px rgba(42, 86, 101, 0.11), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .operations-theme-zone .addrmgr__badge strong {
    color: var(--app-text-primary);
}

:root[data-theme="light"] .operations-theme-zone .addrmgr__card {
    background: linear-gradient(180deg, rgba(239, 248, 250, 0.92), rgba(214, 233, 238, 0.88));
    border-color: rgba(24, 131, 160, 0.18);
}

:root[data-theme="light"] .operations-theme-zone .addrmgr__card:hover,
:root[data-theme="light"] .operations-theme-zone .addrmgr__card.is-selected {
    border-color: rgba(8, 145, 180, 0.38);
    box-shadow: 0 14px 28px rgba(42, 86, 101, 0.13);
}

:root[data-theme="light"] .operations-theme-zone .addrmgr__cardTag {
    color: #345968;
    background: rgba(255, 255, 255, 0.72);
    border-color: rgba(24, 131, 160, 0.18);
}

:root[data-theme="light"] .operations-theme-zone .addrmgr__cardInvoice,
:root[data-theme="light"] .operations-theme-zone .addrmgr__status {
    color: #12634f;
    background: rgba(187, 240, 220, 0.6);
    border-color: rgba(25, 145, 112, 0.24);
}

:root[data-theme="light"] .operations-theme-zone .addrmgr__mapSummary,
:root[data-theme="light"] .operations-theme-zone .addrmgr__mapShell,
:root[data-theme="light"] .operations-theme-zone .addrmgr__mapEmpty,
:root[data-theme="light"] .operations-theme-zone .addrmgr__empty {
    background: rgba(255, 255, 255, 0.7);
    border-color: rgba(24, 131, 160, 0.18);
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .operations-theme-zone .addrmgr__clearMapBtn {
    color: #075f79;
    background: rgba(255, 255, 255, 0.76);
    border-color: rgba(24, 131, 160, 0.2);
}

/* Notes editor: override the loaded Syncfusion dark skin only inside Operations. */
:root[data-theme="light"] .operations-theme-zone #NotesContainer .e-richtexteditor,
:root[data-theme="light"] .operations-theme-zone #NotesContainer .richTextCssClass {
    color: var(--app-text-primary) !important;
    background: #ffffff !important;
    border-color: rgba(29, 130, 157, 0.24) !important;
    box-shadow: 0 8px 20px rgba(42, 86, 101, 0.1);
}

:root[data-theme="light"] .operations-theme-zone #NotesContainer .e-rte-toolbar,
:root[data-theme="light"] .operations-theme-zone #NotesContainer .e-toolbar,
:root[data-theme="light"] .operations-theme-zone #NotesContainer .e-toolbar-items {
    color: #345968 !important;
    background: linear-gradient(180deg, #f9fcfd, #e1eef2) !important;
    border-color: rgba(29, 130, 157, 0.18) !important;
}

:root[data-theme="light"] .operations-theme-zone #NotesContainer .e-toolbar .e-toolbar-item .e-tbar-btn,
:root[data-theme="light"] .operations-theme-zone #NotesContainer .e-toolbar .e-toolbar-item .e-tbar-btn .e-icons,
:root[data-theme="light"] .operations-theme-zone #NotesContainer .e-toolbar .e-toolbar-item .e-tbar-btn .e-tbar-btn-text {
    color: #345968 !important;
    background: transparent !important;
}

:root[data-theme="light"] .operations-theme-zone #NotesContainer .e-toolbar .e-toolbar-item .e-tbar-btn:hover,
:root[data-theme="light"] .operations-theme-zone #NotesContainer .e-toolbar .e-toolbar-item .e-tbar-btn:focus {
    color: #075f79 !important;
    background: rgba(185, 227, 236, 0.68) !important;
}

:root[data-theme="light"] .operations-theme-zone #NotesContainer .e-rte-content,
:root[data-theme="light"] .operations-theme-zone #NotesContainer .e-rte-content .e-content,
:root[data-theme="light"] .operations-theme-zone #NotesContainer .e-content {
    color: var(--app-text-primary) !important;
    background: #ffffff !important;
    border-color: rgba(29, 130, 157, 0.16) !important;
    color-scheme: light;
}

/* Record Info. */
:root[data-theme="light"] .operations-theme-zone .record-info-panel {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 0.75rem;
    height: auto;
    min-height: 0;
    padding: 1rem;
    color: var(--app-text-primary);
    background:
        radial-gradient(circle at top right, rgba(18, 177, 207, 0.1), transparent 34%),
        linear-gradient(155deg, rgba(255, 255, 255, 0.95), rgba(225, 239, 243, 0.92));
    border: 1px solid rgba(24, 131, 160, 0.2);
    border-radius: 20px;
    box-shadow: 0 12px 28px rgba(42, 86, 101, 0.11), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .operations-theme-zone .record-info-panel > .row {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.25rem;
    min-width: 0;
    margin: 0;
    padding: 0.8rem 0.9rem;
    color: var(--app-text-primary);
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid rgba(29, 130, 157, 0.14);
    border-radius: 14px;
}

:root[data-theme="light"] .operations-theme-zone .record-info-panel .field-label,
:root[data-theme="light"] .operations-theme-zone .record-info-panel .field-value {
    width: 100%;
    margin: 0;
    padding: 0;
}

:root[data-theme="light"] .operations-theme-zone .record-info-panel .field-label {
    color: var(--app-text-muted);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

:root[data-theme="light"] .operations-theme-zone .record-info-panel .field-value {
    color: #174151;
    font-weight: 650;
    overflow-wrap: anywhere;
}

/* Import Data: preserve its guided workflow while giving every state a light treatment. */
:root[data-theme="light"] .imprt-cnt {
    color: var(--app-text-primary);
    color-scheme: light;
}

:root[data-theme="light"] .imprt-cnt .imprt-hero {
    color: var(--app-text-primary);
    background:
        radial-gradient(circle at 92% 0%, rgba(13, 161, 196, 0.16), transparent 34%),
        radial-gradient(circle at 0% 100%, rgba(255, 190, 77, 0.12), transparent 32%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.97), rgba(226, 241, 245, 0.94));
    border-color: rgba(20, 135, 165, 0.24);
    box-shadow: 0 16px 36px rgba(42, 86, 101, 0.13), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .imprt-cnt .imprt-hero::after {
    opacity: 0.34;
    background-image:
        linear-gradient(rgba(11, 135, 166, 0.12) 1px, transparent 1px),
        linear-gradient(90deg, rgba(11, 135, 166, 0.12) 1px, transparent 1px);
}

:root[data-theme="light"] .imprt-cnt .title-cnt,
:root[data-theme="light"] .imprt-cnt .imprt-step__copy strong,
:root[data-theme="light"] .imprt-cnt .imprt-card__header h3,
:root[data-theme="light"] .imprt-cnt .imprt-dropzone__content strong,
:root[data-theme="light"] .imprt-cnt .import-guide-cnt__header strong,
:root[data-theme="light"] .imprt-cnt .import-guide-cnt__fieldHead strong {
    color: var(--app-text-primary);
}

:root[data-theme="light"] .imprt-cnt .imprt-hero__eyebrow,
:root[data-theme="light"] .imprt-cnt .imprt-card__kicker {
    color: #087fa4;
}

:root[data-theme="light"] .imprt-cnt .imprt-hero__summary,
:root[data-theme="light"] .imprt-cnt .imprt-step__copy span,
:root[data-theme="light"] .imprt-cnt .imprt-card p,
:root[data-theme="light"] .imprt-cnt .imprt-card__hint,
:root[data-theme="light"] .imprt-cnt .imprt-inline-note,
:root[data-theme="light"] .imprt-cnt .imprt-dropzone__content span,
:root[data-theme="light"] .imprt-cnt .import-guide-cnt__header span,
:root[data-theme="light"] .imprt-cnt .import-guide-cnt__details {
    color: var(--app-text-secondary);
}

:root[data-theme="light"] .imprt-cnt .imprt-hero__status {
    color: var(--app-text-primary);
    background: rgba(255, 255, 255, 0.76);
    border-color: rgba(20, 135, 165, 0.2);
    box-shadow: 0 8px 20px rgba(42, 86, 101, 0.1), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .imprt-cnt .imprt-hero__statusLabel {
    color: var(--app-text-muted);
}

:root[data-theme="light"] .imprt-cnt .imprt-step {
    color: var(--app-text-primary);
    background: linear-gradient(155deg, rgba(255, 255, 255, 0.94), rgba(231, 242, 245, 0.9));
    border-color: rgba(28, 126, 153, 0.16);
    box-shadow: 0 8px 20px rgba(42, 86, 101, 0.08), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .imprt-cnt .imprt-step.is-active {
    border-color: rgba(5, 145, 181, 0.42);
    background:
        radial-gradient(circle at top right, rgba(24, 183, 215, 0.14), transparent 46%),
        linear-gradient(155deg, #ffffff, #e1f2f6);
    box-shadow: 0 0 0 1px rgba(5, 145, 181, 0.08), 0 12px 28px rgba(42, 86, 101, 0.13);
}

:root[data-theme="light"] .imprt-cnt .imprt-step.is-complete {
    border-color: rgba(25, 145, 112, 0.27);
    background: linear-gradient(155deg, rgba(249, 255, 253, 0.98), rgba(218, 242, 233, 0.92));
}

:root[data-theme="light"] .imprt-cnt .imprt-step__index {
    color: #075f79;
    background: rgba(255, 255, 255, 0.86);
    border-color: rgba(8, 145, 180, 0.23);
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .imprt-cnt .imprt-step.is-complete .imprt-step__index {
    color: #12634f;
    background: rgba(225, 248, 239, 0.92);
    border-color: rgba(25, 145, 112, 0.25);
}

:root[data-theme="light"] .imprt-cnt .imprt-card,
:root[data-theme="light"] .imprt-cnt .import-guide-cnt {
    color: var(--app-text-primary);
    background:
        radial-gradient(circle at top right, rgba(20, 173, 204, 0.07), transparent 38%),
        linear-gradient(155deg, rgba(255, 255, 255, 0.97), rgba(230, 241, 244, 0.93));
    border-color: rgba(24, 131, 160, 0.18);
    box-shadow: 0 14px 32px rgba(42, 86, 101, 0.11), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .imprt-cnt .imprt-card.is-active {
    border-color: rgba(8, 145, 180, 0.38);
    box-shadow: 0 15px 34px rgba(42, 86, 101, 0.13), inset 3px 0 0 rgba(8, 145, 180, 0.72), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .imprt-cnt .imprt-card.is-complete {
    border-color: rgba(25, 145, 112, 0.24);
}

:root[data-theme="light"] .imprt-cnt .imprt-card__state {
    color: #345968;
    background: rgba(255, 255, 255, 0.78);
    border-color: rgba(24, 131, 160, 0.17);
}

:root[data-theme="light"] .imprt-cnt .imprt-card.is-active .imprt-card__state {
    color: #075f79;
    background: rgba(194, 235, 244, 0.72);
    border-color: rgba(8, 145, 180, 0.25);
}

:root[data-theme="light"] .imprt-cnt .imprt-card.is-complete .imprt-card__state {
    color: #12634f;
    background: rgba(205, 241, 227, 0.72);
    border-color: rgba(25, 145, 112, 0.22);
}

:root[data-theme="light"] .imprt-cnt .imprt-card__empty {
    color: var(--app-text-muted);
    background: rgba(255, 255, 255, 0.62);
    border-color: rgba(24, 131, 160, 0.23);
}

:root[data-theme="light"] .imprt-cnt .imprt-dropzone {
    color: var(--app-text-primary);
    background:
        radial-gradient(circle at 50% 0%, rgba(21, 180, 210, 0.09), transparent 48%),
        linear-gradient(180deg, rgba(252, 254, 255, 0.98), rgba(225, 239, 243, 0.94));
    border-color: rgba(8, 145, 180, 0.36);
    box-shadow: 0 11px 26px rgba(42, 86, 101, 0.1), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .imprt-cnt .imprt-dropzone.is-dragover {
    border-color: rgba(0, 138, 179, 0.7);
    background:
        radial-gradient(circle at 50% 0%, rgba(21, 180, 210, 0.17), transparent 52%),
        linear-gradient(180deg, #ffffff, #d8eef3);
    box-shadow: 0 18px 34px rgba(42, 86, 101, 0.16), 0 0 0 3px rgba(8, 145, 180, 0.1), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .imprt-cnt .imprt-dropzone__icon {
    color: #087fa4;
    background: linear-gradient(145deg, #ffffff, #d4ebf0);
    border-color: rgba(8, 145, 180, 0.25);
    box-shadow: 0 8px 18px rgba(42, 86, 101, 0.11), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .imprt-cnt .download-template-btn {
    color: #075f79;
    background: linear-gradient(145deg, #ffffff, #dceff4);
    border-color: rgba(8, 145, 180, 0.34);
    box-shadow: 0 8px 18px rgba(42, 86, 101, 0.1), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .imprt-cnt .download-template-btn:hover {
    color: #034f66;
    background: linear-gradient(145deg, #ffffff, #cde9ef);
    border-color: rgba(8, 145, 180, 0.55);
    box-shadow: 0 11px 24px rgba(42, 86, 101, 0.14), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .imprt-cnt .upload-btn {
    color: #042d35;
    background: linear-gradient(135deg, #72e5cf, #5ccce4);
    border-color: rgba(8, 145, 180, 0.38);
    box-shadow: 0 10px 22px rgba(19, 154, 173, 0.19), inset 0 1px 0 rgba(255, 255, 255, 0.72);
}

:root[data-theme="light"] .imprt-cnt .upload-btn:hover {
    color: #021d23;
    border-color: rgba(5, 122, 150, 0.58);
    box-shadow: 0 13px 28px rgba(19, 154, 173, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.78);
}

:root[data-theme="light"] .imprt-cnt .upload-btn:disabled {
    color: #637b85;
    background: linear-gradient(145deg, #eef4f5, #dce8eb);
    border-color: rgba(55, 108, 124, 0.16);
    opacity: 0.72;
}

:root[data-theme="light"] .imprt-cnt .result-cnt {
    color: #145844;
    background: linear-gradient(145deg, rgba(247, 255, 252, 0.98), rgba(214, 243, 231, 0.94));
    border-color: rgba(25, 145, 112, 0.27);
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .imprt-cnt .result-cnt--error {
    color: #8f3143;
    background: linear-gradient(145deg, rgba(255, 250, 251, 0.98), rgba(249, 222, 227, 0.94));
    border-color: rgba(189, 63, 87, 0.28);
}

:root[data-theme="light"] .imprt-cnt .import-guide-cnt ul {
    scrollbar-color: rgba(8, 145, 180, 0.42) transparent;
}

:root[data-theme="light"] .imprt-cnt .import-guide-cnt li {
    color: var(--app-text-primary);
    background: rgba(255, 255, 255, 0.68);
    border-color: rgba(24, 131, 160, 0.13);
}

:root[data-theme="light"] .imprt-cnt .import-guide-cnt li.is-open {
    background:
        radial-gradient(circle at top right, rgba(20, 173, 204, 0.12), transparent 44%),
        linear-gradient(155deg, #ffffff, #e2f1f4);
    border-color: rgba(8, 145, 180, 0.32);
    box-shadow: 0 11px 24px rgba(42, 86, 101, 0.1), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .imprt-cnt .import-guide-cnt__count,
:root[data-theme="light"] .imprt-cnt .import-guide-cnt__badge--soft {
    color: #075f79 !important;
    background: rgba(191, 232, 241, 0.64);
    border-color: rgba(8, 145, 180, 0.23);
}

:root[data-theme="light"] .imprt-cnt .import-guide-cnt__helpButton {
    color: #087fa4;
    background: rgba(224, 243, 247, 0.88);
    border-color: rgba(8, 145, 180, 0.25);
}

:root[data-theme="light"] .imprt-cnt .import-guide-cnt__helpButton:hover,
:root[data-theme="light"] .imprt-cnt .import-guide-cnt__helpButton:focus-visible,
:root[data-theme="light"] .imprt-cnt .import-guide-cnt__helpButton[aria-expanded="true"] {
    color: #034f66;
    background: rgba(190, 232, 241, 0.84);
    border-color: rgba(8, 145, 180, 0.5);
}

:root[data-theme="light"] .imprt-cnt .import-guide-cnt__details {
    border-top-color: rgba(24, 131, 160, 0.16);
}

:root[data-theme="light"] .imprt-cnt .import-guide-cnt__example {
    color: #245466;
    background: rgba(205, 233, 239, 0.72);
}

:root[data-theme="light"] .imprt-cnt .import-guide-cnt__badge {
    color: #785314;
    background: rgba(255, 231, 181, 0.68);
    border-color: rgba(189, 132, 28, 0.25);
}

:root[data-theme="light"] .imprt-cnt .import-confirm-cnt {
    color: #62491b;
    background: linear-gradient(145deg, rgba(255, 253, 246, 0.98), rgba(250, 232, 193, 0.94));
    border-color: rgba(184, 128, 27, 0.28);
    box-shadow: 0 11px 26px rgba(94, 73, 32, 0.11), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .imprt-cnt .import-confirm-cnt p,
:root[data-theme="light"] .imprt-cnt .import-confirm-cnt li {
    color: #62491b;
}

/* Label Designer: theme the editing chrome while keeping the printable label white. */
:root[data-theme="light"] .ldm {
    color: var(--app-text-primary);
    color-scheme: light;
}

:root[data-theme="light"] .ldm .ldm__state,
:root[data-theme="light"] .ldm .ldm__agentguide,
:root[data-theme="light"] .ldm .ldm__library,
:root[data-theme="light"] .ldm .ldm__labelpicker,
:root[data-theme="light"] .ldm .ldm__footer,
:root[data-theme="light"] .ldm .ld-toolbar,
:root[data-theme="light"] .ldm .ld-palette,
:root[data-theme="light"] .ldm .ld-props__section {
    color: var(--app-text-primary);
    background:
        radial-gradient(circle at top right, rgba(17, 171, 203, 0.08), transparent 38%),
        linear-gradient(155deg, rgba(255, 255, 255, 0.97), rgba(228, 241, 244, 0.94));
    border-color: rgba(24, 131, 160, 0.2);
    box-shadow: 0 15px 34px rgba(42, 86, 101, 0.12), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .ldm .ldm__state {
    color: var(--app-text-secondary);
}

:root[data-theme="light"] .ldm .ldm__loadinggif {
    filter: drop-shadow(0 8px 18px rgba(26, 125, 151, 0.15));
}

:root[data-theme="light"] .ldm .ldm__helpbtn,
:root[data-theme="light"] .ldm .ldm__labelpicker-close,
:root[data-theme="light"] .ldm .ldm__ghost,
:root[data-theme="light"] .ldm .ldm__agentguide-btn {
    color: #075f79;
    background: linear-gradient(145deg, #ffffff, #dceff4);
    border-color: rgba(8, 145, 180, 0.28);
    box-shadow: 0 8px 18px rgba(42, 86, 101, 0.1), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .ldm .ldm__helpbtn:hover,
:root[data-theme="light"] .ldm .ldm__labelpicker-close:hover,
:root[data-theme="light"] .ldm .ldm__ghost:hover,
:root[data-theme="light"] .ldm .ldm__agentguide-btn:hover {
    color: #034f66;
    background: linear-gradient(145deg, #ffffff, #cae7ee);
    border-color: rgba(8, 145, 180, 0.5);
    box-shadow: 0 11px 24px rgba(42, 86, 101, 0.14), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .ldm .ldm__agentguide-btn--primary {
    color: #ffffff;
    background: linear-gradient(135deg, #078fb4, #126fb0);
    border-color: rgba(3, 103, 139, 0.42);
    box-shadow: 0 12px 26px rgba(7, 115, 151, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.26);
}

:root[data-theme="light"] .ldm .ldm__agentguide-btn--primary:hover {
    color: #ffffff;
    background: linear-gradient(135deg, #057fa2, #0e639e);
}

:root[data-theme="light"] .ldm .ldm__labelpicker-head strong,
:root[data-theme="light"] .ldm .ldm__agentguide-head h3,
:root[data-theme="light"] .ldm .ldm__agentguide-card h4,
:root[data-theme="light"] .ldm .ldm__library-head h3,
:root[data-theme="light"] .ldm .ldm__library-card strong,
:root[data-theme="light"] .ldm .ldm__tabstatus strong,
:root[data-theme="light"] .ldm .ldm__coordinates-readout strong,
:root[data-theme="light"] .ldm .ldm__variables-head strong,
:root[data-theme="light"] .ldm .ldm__variable-field strong,
:root[data-theme="light"] .ldm .ld-palette__item strong,
:root[data-theme="light"] .ldm .ld-palette__item .ld-palette__field-title,
:root[data-theme="light"] .ldm .ld-palette__field strong,
:root[data-theme="light"] .ldm .ld-palette__field .ld-palette__field-title {
    color: var(--app-text-primary);
}

:root[data-theme="light"] .ldm .ldm__agentguide-head p,
:root[data-theme="light"] .ldm .ldm__agentguide-card p,
:root[data-theme="light"] .ldm .ldm__library-card span,
:root[data-theme="light"] .ldm .ldm__library-card small,
:root[data-theme="light"] .ldm .ldm__coordinates-readout small,
:root[data-theme="light"] .ldm .ldm__variables-head small,
:root[data-theme="light"] .ldm .ld-palette__subheading,
:root[data-theme="light"] .ldm .ld-palette__item span,
:root[data-theme="light"] .ldm .ld-palette__field span,
:root[data-theme="light"] .ldm .ld-palette__empty,
:root[data-theme="light"] .ldm .ld-props__hint,
:root[data-theme="light"] .ldm .ld-props__empty {
    color: var(--app-text-secondary);
}

:root[data-theme="light"] .ldm .ldm__eyebrow,
:root[data-theme="light"] .ldm .ld-palette__heading,
:root[data-theme="light"] .ldm .ld-palette__group-title,
:root[data-theme="light"] .ldm .ld-props__heading,
:root[data-theme="light"] .ldm .ld-toolbar__label {
    color: #087fa4;
}

:root[data-theme="light"] .ldm .ldm__labelpicker-search,
:root[data-theme="light"] .ldm .ldm__labelpicker-purpose,
:root[data-theme="light"] .ldm .ldm__variables-filter {
    color: #087fa4;
    background: rgba(255, 255, 255, 0.76);
    border-color: rgba(8, 145, 180, 0.23);
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .ldm .ldm__labelpicker-search input,
:root[data-theme="light"] .ldm .ldm__variables-filter input {
    color: var(--app-text-primary);
}

:root[data-theme="light"] .ldm .ldm__labelpicker-search input::placeholder,
:root[data-theme="light"] .ldm .ldm__variables-filter input::placeholder,
:root[data-theme="light"] .ldm .ld-palette__search::placeholder,
:root[data-theme="light"] .ldm .ld-props__input::placeholder {
    color: #718995;
    opacity: 1;
}

:root[data-theme="light"] .ldm .ldm__labelpicker-purpose,
:root[data-theme="light"] .ldm .ldm__coordinates-mode,
:root[data-theme="light"] .ldm .ld-props__label,
:root[data-theme="light"] .ldm .ld-toolbar__eyebrow {
    color: var(--app-text-muted);
}

:root[data-theme="light"] .ldm .ldm__labelpicker-purpose select,
:root[data-theme="light"] .ldm .ldm__coordinates-mode select,
:root[data-theme="light"] .ldm .ld-toolbar__select,
:root[data-theme="light"] .ldm .ld-props__input,
:root[data-theme="light"] .ldm .ld-props__color,
:root[data-theme="light"] .ldm .ld-palette__search,
:root[data-theme="light"] .ldm .ldm__variable-input {
    color: var(--app-text-primary);
    background-color: rgba(255, 255, 255, 0.9);
    background-image: none;
    border-color: rgba(24, 131, 160, 0.22);
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .ldm select.ldm__labelpicker-purpose,
:root[data-theme="light"] .ldm .ldm__labelpicker-purpose select,
:root[data-theme="light"] .ldm .ldm__coordinates-mode select,
:root[data-theme="light"] .ldm select.ld-toolbar__select,
:root[data-theme="light"] .ldm select.ld-props__input {
    background-image:
        linear-gradient(45deg, transparent 50%, #087fa4 50%),
        linear-gradient(135deg, #087fa4 50%, transparent 50%);
    background-position: calc(100% - 18px) calc(50% - 3px), calc(100% - 12px) calc(50% - 3px);
    background-size: 6px 6px, 6px 6px;
    background-repeat: no-repeat;
}

:root[data-theme="light"] .ldm .ldm__labelpicker-purpose select option,
:root[data-theme="light"] .ldm .ldm__coordinates-mode select option,
:root[data-theme="light"] .ldm .ld-toolbar__select option,
:root[data-theme="light"] .ldm .ld-props__input option {
    color: var(--app-text-primary);
    background: #f7fbfc;
}

:root[data-theme="light"] .ldm .ldm__labelpicker-purpose select:focus,
:root[data-theme="light"] .ldm .ldm__coordinates-mode select:focus,
:root[data-theme="light"] .ldm .ld-toolbar__select:focus,
:root[data-theme="light"] .ldm .ld-props__input:focus,
:root[data-theme="light"] .ldm .ld-props__color:focus,
:root[data-theme="light"] .ldm .ld-palette__search:focus,
:root[data-theme="light"] .ldm .ldm__variable-input:focus {
    border-color: rgba(8, 145, 180, 0.62);
    box-shadow: 0 0 0 3px rgba(8, 145, 180, 0.12), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .ldm .ldm__labelpicker-item,
:root[data-theme="light"] .ldm .ldm__library-card,
:root[data-theme="light"] .ldm .ldm__agentguide-card,
:root[data-theme="light"] .ldm .ld-palette__item,
:root[data-theme="light"] .ldm .ld-palette__field {
    color: var(--app-text-primary);
    background: linear-gradient(155deg, rgba(255, 255, 255, 0.95), rgba(224, 238, 242, 0.9));
    border-color: rgba(24, 131, 160, 0.17);
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .ldm .ldm__labelpicker-item:hover,
:root[data-theme="light"] .ldm .ldm__library-card:hover,
:root[data-theme="light"] .ldm .ld-palette__item:hover,
:root[data-theme="light"] .ldm .ld-palette__field:hover {
    background: linear-gradient(155deg, #ffffff, #d5ebf0);
    border-color: rgba(8, 145, 180, 0.42);
    box-shadow: 0 12px 26px rgba(42, 86, 101, 0.13), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .ldm .ldm__labelpicker-itemmain strong {
    color: var(--app-text-primary);
}

:root[data-theme="light"] .ldm .ldm__labelpicker-itemmain small,
:root[data-theme="light"] .ldm .ldm__labelpicker-itemmeta em,
:root[data-theme="light"] .ldm .ldm__labelpicker-empty {
    color: var(--app-text-secondary);
}

:root[data-theme="light"] .ldm .ldm__labelpicker-itemmeta small,
:root[data-theme="light"] .ldm .ldm__variables-filter b {
    color: #075f79;
    background: rgba(190, 232, 241, 0.72);
}

:root[data-theme="light"] .ldm .ldm__labelpicker-empty,
:root[data-theme="light"] .ldm .ld-palette__empty,
:root[data-theme="light"] .ldm .ld-props__empty {
    background: rgba(255, 255, 255, 0.58);
    border-color: rgba(24, 131, 160, 0.23);
}

:root[data-theme="light"] .ldm .ldm__agentguide-list,
:root[data-theme="light"] .ldm .ldm__agentguide-bullets {
    color: var(--app-text-primary);
}

:root[data-theme="light"] .ldm .ldm__agentguide-path {
    color: #245466;
    background: rgba(220, 239, 243, 0.74);
    border-color: rgba(24, 131, 160, 0.18);
}

:root[data-theme="light"] .ldm .ldm__agentguide-note {
    color: #785314;
    background: rgba(255, 239, 207, 0.76);
    border-color: rgba(189, 132, 28, 0.24);
}

:root[data-theme="light"] .ldm .ldm__tabs,
:root[data-theme="light"] .ldm .ld-palette__tabs,
:root[data-theme="light"] .ldm .ld-props__tabs,
:root[data-theme="light"] .ldm .ldm__tabstatus {
    color: var(--app-text-primary);
    background: linear-gradient(155deg, rgba(255, 255, 255, 0.9), rgba(222, 237, 241, 0.88));
    border-color: rgba(24, 131, 160, 0.18);
    box-shadow: 0 8px 20px rgba(42, 86, 101, 0.08), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .ldm .ldm__tab,
:root[data-theme="light"] .ldm .ld-palette__tab,
:root[data-theme="light"] .ldm .ld-props__tab {
    color: var(--app-text-secondary);
    border-color: transparent;
}

:root[data-theme="light"] .ldm .ldm__tab:hover,
:root[data-theme="light"] .ldm .ld-palette__tab:hover,
:root[data-theme="light"] .ldm .ld-props__tab:hover {
    color: #075f79;
    background: rgba(204, 235, 241, 0.66);
    border-color: rgba(8, 145, 180, 0.24);
}

:root[data-theme="light"] .ldm .ldm__tab.is-active,
:root[data-theme="light"] .ldm .ld-palette__tab.is-active,
:root[data-theme="light"] .ldm .ld-props__tab.is-active {
    color: #ffffff;
    background: linear-gradient(135deg, #078fb4, #126fb0);
    border-color: rgba(3, 103, 139, 0.36);
    box-shadow: 0 9px 20px rgba(7, 115, 151, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.24);
}

:root[data-theme="light"] .ldm .ldm__tabbody {
    color: var(--app-text-primary);
    background:
        radial-gradient(circle at 50% 0%, rgba(20, 173, 204, 0.07), transparent 40%),
        linear-gradient(155deg, rgba(250, 253, 254, 0.98), rgba(220, 234, 238, 0.94));
    border-color: rgba(24, 131, 160, 0.2);
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .ldm .ldm__coordinates {
    color: var(--app-text-primary);
    background:
        radial-gradient(circle at 0 100%, rgba(20, 173, 204, 0.11), transparent 52%),
        linear-gradient(145deg, #ffffff, #dceef2);
    border-color: rgba(8, 145, 180, 0.26);
    box-shadow: 0 9px 20px rgba(42, 86, 101, 0.1), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .ldm .ldm__canvascontrols {
    scrollbar-color: rgba(8, 145, 180, 0.62) rgba(211, 229, 233, 0.72);
}

:root[data-theme="light"] .ldm .ld-toolbar--canvas {
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(218, 235, 239, 0.92));
    border-color: rgba(24, 131, 160, 0.2);
    box-shadow: 0 10px 24px rgba(42, 86, 101, 0.11), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .ldm .ld-toolbar__iconbtn {
    background: linear-gradient(145deg, #ffffff, #d9eaee);
    border-color: rgba(24, 131, 160, 0.22);
    box-shadow: 0 7px 16px rgba(42, 86, 101, 0.1), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .ldm .ld-toolbar__iconbtn::after {
    border-color: rgba(8, 145, 180, 0.1);
    box-shadow: none;
}

:root[data-theme="light"] .ldm .ld-toolbar__iconbtn:hover:not(:disabled) {
    background: linear-gradient(145deg, #ffffff, #c9e5eb);
    border-color: rgba(8, 145, 180, 0.46);
    box-shadow: 0 10px 22px rgba(42, 86, 101, 0.14), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .ldm .ld-toolbar__iconbtn:hover:not(:disabled)::after,
:root[data-theme="light"] .ldm .ld-toolbar__group--align .ld-toolbar__iconbtn::after {
    border-color: rgba(8, 145, 180, 0.24);
    box-shadow: 0 0 12px rgba(8, 145, 180, 0.1);
}

:root[data-theme="light"] .ldm .ld-toolbar__iconbtn--primary {
    background: linear-gradient(145deg, #e3f5f8, #b9e2eb);
    border-color: rgba(8, 145, 180, 0.42);
    box-shadow: 0 9px 20px rgba(7, 115, 151, 0.15), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .ldm .ld-toolbar__zoommark {
    color: #ffffff;
    background: #087fa4;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.86);
}

:root[data-theme="light"] .ldm .ld-toolbar__meta {
    color: var(--app-text-primary);
    background: rgba(255, 255, 255, 0.62);
    border: 1px solid rgba(24, 131, 160, 0.13);
}

:root[data-theme="light"] .ldm .ld-toolbar__zoom {
    color: var(--app-text-primary);
}

:root[data-theme="light"] .ldm .ld-palette__pane--scroll,
:root[data-theme="light"] .ldm .ld-palette__fieldlist {
    scrollbar-color: rgba(8, 145, 180, 0.62) rgba(211, 229, 233, 0.72);
}

:root[data-theme="light"] .ldm .ld-palette__pane--scroll::-webkit-scrollbar-track,
:root[data-theme="light"] .ldm .ld-palette__fieldlist::-webkit-scrollbar-track {
    background: linear-gradient(180deg, #e3eef1, #d4e5e9);
    box-shadow: inset 0 0 0 1px rgba(24, 131, 160, 0.12);
}

:root[data-theme="light"] .ldm .ld-palette__pane--scroll::-webkit-scrollbar-thumb,
:root[data-theme="light"] .ldm .ld-palette__fieldlist::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #40bbd2, #168cad);
    background-clip: padding-box;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.38), 0 0 8px rgba(8, 145, 180, 0.14);
}

:root[data-theme="light"] .ldm .ld-palette__pane--scroll::-webkit-scrollbar-thumb:hover,
:root[data-theme="light"] .ldm .ld-palette__fieldlist::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, #24abc7, #087fa4);
    background-clip: padding-box;
}

:root[data-theme="light"] .ldm .ld-props__pane {
    background: rgba(225, 239, 243, 0.68);
    border-color: rgba(24, 131, 160, 0.17);
}

:root[data-theme="light"] .ldm .ld-props__checkbox {
    color: var(--app-text-primary);
}

:root[data-theme="light"] .ldm .ld-props__checkbox input[type="checkbox"] {
    accent-color: #087fa4;
}

:root[data-theme="light"] .ldm .ld-canvas-wrap {
    background:
        radial-gradient(circle at top left, rgba(8, 145, 180, 0.11), transparent 34%),
        linear-gradient(155deg, #e4eff2, #cddfe4);
    border: 1px solid rgba(24, 131, 160, 0.17);
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .ldm .ld-canvas__ruler--top {
    background-image: repeating-linear-gradient(90deg, rgba(7, 101, 129, 0.42) 0, rgba(7, 101, 129, 0.42) 1px, transparent 1px, transparent 24px);
}

:root[data-theme="light"] .ldm .ld-canvas__ruler--left {
    background-image: repeating-linear-gradient(180deg, rgba(7, 101, 129, 0.42) 0, rgba(7, 101, 129, 0.42) 1px, transparent 1px, transparent 24px);
}

:root[data-theme="light"] .ldm .ld-canvas {
    border-color: rgba(8, 104, 137, 0.28);
    box-shadow: 0 16px 30px rgba(42, 86, 101, 0.18), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .ldm .ld-element.is-selected {
    border-color: rgba(0, 121, 166, 0.95);
    box-shadow: 0 0 0 2px rgba(8, 145, 180, 0.22), 0 8px 20px rgba(42, 86, 101, 0.22);
}

:root[data-theme="light"] .ldm .ld-element__image-placeholder {
    color: #345968;
    background: rgba(213, 228, 233, 0.78);
    border: 1px dashed rgba(8, 145, 180, 0.3);
}

:root[data-theme="light"] .ldm .ld-element__resize {
    color: #ffffff;
    background: linear-gradient(145deg, #0b91b3, #075f79);
    border-color: rgba(255, 255, 255, 0.9);
    box-shadow: 0 0 0 2px rgba(7, 95, 121, 0.24), 0 6px 12px rgba(42, 86, 101, 0.28);
}

:root[data-theme="light"] .ldm .ld-element__resize:hover,
:root[data-theme="light"] .ldm .ld-element__resize:focus-visible {
    background: linear-gradient(145deg, #087fa4, #034f66);
}

:root[data-theme="light"] .ldm .ldm__code {
    color: #173e4d;
    background: linear-gradient(155deg, #f9fcfd, #e2eef1);
    border: 1px solid rgba(24, 131, 160, 0.17);
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .ldm .ldm__variables {
    color: var(--app-text-primary);
    background: linear-gradient(155deg, rgba(255, 255, 255, 0.92), rgba(222, 237, 241, 0.88));
    border-color: rgba(24, 131, 160, 0.18);
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .ldm .ldm__variables-scroll {
    border-color: rgba(24, 131, 160, 0.17);
    background: rgba(255, 255, 255, 0.62);
}

:root[data-theme="light"] .ldm .ldm__table {
    color: var(--app-text-primary);
    background: rgba(255, 255, 255, 0.78);
}

:root[data-theme="light"] .ldm .ldm__table thead th {
    color: #075f79;
    background: #d7ebef;
    border-bottom: 1px solid rgba(24, 131, 160, 0.2);
}

:root[data-theme="light"] .ldm .ldm__table tbody td {
    color: var(--app-text-primary);
    background: rgba(255, 255, 255, 0.72);
    border-top-color: rgba(24, 131, 160, 0.12);
}

:root[data-theme="light"] .ldm .ldm__table tbody tr:nth-child(even) td {
    background: rgba(224, 239, 243, 0.72);
}

:root[data-theme="light"] .ldm .ldm__variable-field small {
    color: #48717f;
}

:root[data-theme="light"] .ldm .ldm__validation-item {
    color: var(--app-text-primary);
    background: rgba(255, 255, 255, 0.74);
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .ldm .ldm__validation-item.is-ok {
    color: #145844;
    background: rgba(216, 244, 232, 0.76);
    border-color: rgba(25, 145, 112, 0.28);
}

:root[data-theme="light"] .ldm .ldm__validation-item.is-warning {
    color: #785314;
    background: rgba(255, 239, 207, 0.78);
    border-color: rgba(189, 132, 28, 0.28);
}

:root[data-theme="light"] .ldm .ldm__validation-item.is-error {
    color: #8f3143;
    background: rgba(249, 222, 227, 0.78);
    border-color: rgba(189, 63, 87, 0.3);
}

:root[data-theme="light"] .ldm .ldm__validation-item.is-info {
    color: #075f79;
    background: rgba(213, 239, 245, 0.78);
    border-color: rgba(8, 145, 180, 0.26);
}

/* Scanned Labels View: history, metrics, filters, and Android provisioning. */
:root[data-theme="light"] .scaninv {
    color: var(--app-text-primary);
    color-scheme: light;
}

:root[data-theme="light"] .scaninv .scaninv__panel,
:root[data-theme="light"] .scaninv .scaninv__metric {
    color: var(--app-text-primary);
    background:
        radial-gradient(circle at 14% 12%, rgba(34, 184, 164, 0.09), transparent 38%),
        linear-gradient(155deg, rgba(255, 255, 255, 0.97), rgba(226, 240, 243, 0.93));
    border-color: rgba(24, 131, 160, 0.2);
    box-shadow: 0 15px 34px rgba(42, 86, 101, 0.11), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .scaninv .scaninv__metric {
    position: relative;
    overflow: hidden;
}

:root[data-theme="light"] .scaninv .scaninv__metric::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    background: linear-gradient(180deg, #22bdd4, #087fa4);
}

:root[data-theme="light"] .scaninv .scaninv__metric:nth-child(2n)::before {
    background: linear-gradient(180deg, #4ac9a0, #19886b);
}

:root[data-theme="light"] .scaninv .scaninv__metric:nth-child(3n)::before {
    background: linear-gradient(180deg, #ffc15c, #d38b1b);
}

:root[data-theme="light"] .scaninv .scaninv__eyebrow,
:root[data-theme="light"] .scaninv .scaninv__panelEyebrow {
    color: #087fa4;
}

:root[data-theme="light"] .scaninv .scaninv__panel h3,
:root[data-theme="light"] .scaninv .scaninv__badge strong,
:root[data-theme="light"] .scaninv .scaninv__metric strong,
:root[data-theme="light"] .scaninv .scaninv__qrBlockHead strong,
:root[data-theme="light"] .scaninv .scaninv__empty strong {
    color: var(--app-text-primary);
}

:root[data-theme="light"] .scaninv .scaninv__hint,
:root[data-theme="light"] .scaninv .scaninv__empty span,
:root[data-theme="light"] .scaninv .scaninv__tableMeta {
    color: var(--app-text-secondary);
}

:root[data-theme="light"] .scaninv .scaninv__badge span,
:root[data-theme="light"] .scaninv .scaninv__metric span,
:root[data-theme="light"] .scaninv .scaninv__field span {
    color: var(--app-text-muted);
}

:root[data-theme="light"] .scaninv .scaninv__infoButton {
    color: #075f79;
    background: linear-gradient(145deg, #ffffff, #dceff4);
    border-color: rgba(8, 145, 180, 0.28);
    box-shadow: 0 8px 18px rgba(42, 86, 101, 0.1), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .scaninv .scaninv__infoButton:hover,
:root[data-theme="light"] .scaninv .scaninv__infoButton:focus {
    color: #034f66;
    background: linear-gradient(145deg, #ffffff, #cbe8ee);
    border-color: rgba(8, 145, 180, 0.5);
    box-shadow: 0 0 0 3px rgba(8, 145, 180, 0.1), 0 10px 22px rgba(42, 86, 101, 0.13);
}

:root[data-theme="light"] .scaninv .scaninv__titleBubble {
    color: var(--app-text-secondary);
    background:
        radial-gradient(circle at 14% 18%, rgba(34, 184, 164, 0.1), transparent 38%),
        linear-gradient(155deg, rgba(255, 255, 255, 0.97), rgba(224, 239, 242, 0.94));
    border-color: rgba(24, 131, 160, 0.2);
    box-shadow: 0 13px 28px rgba(42, 86, 101, 0.11), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .scaninv .scaninv__badge,
:root[data-theme="light"] .scaninv .scaninv__provisionForm,
:root[data-theme="light"] .scaninv .scaninv__qrCard {
    color: var(--app-text-primary);
    background:
        radial-gradient(circle at 16% 16%, rgba(34, 184, 164, 0.08), transparent 40%),
        linear-gradient(155deg, rgba(255, 255, 255, 0.96), rgba(224, 238, 242, 0.92));
    border-color: rgba(24, 131, 160, 0.19);
    box-shadow: 0 13px 30px rgba(42, 86, 101, 0.11), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .scaninv .scaninv__button {
    color: #ffffff;
    text-shadow: none;
    background:
        radial-gradient(circle at 14% 18%, rgba(128, 255, 231, 0.2), transparent 40%),
        linear-gradient(135deg, #087fa4, #148b7d);
    border-color: rgba(5, 105, 133, 0.38);
    box-shadow: 0 10px 22px rgba(7, 115, 151, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.24);
}

:root[data-theme="light"] .scaninv .scaninv__button:hover:not(:disabled) {
    border-color: rgba(5, 105, 133, 0.58);
    box-shadow: 0 13px 27px rgba(7, 115, 151, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.28);
}

:root[data-theme="light"] .scaninv .scaninv__button--ghost {
    color: #075f79;
    text-shadow: none;
    background: linear-gradient(145deg, #ffffff, #dceff4);
    border-color: rgba(8, 145, 180, 0.25);
    box-shadow: 0 8px 18px rgba(42, 86, 101, 0.1), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .scaninv .scaninv__button--ghost:hover:not(:disabled) {
    color: #034f66;
    background: linear-gradient(145deg, #ffffff, #cce8ee);
    border-color: rgba(8, 145, 180, 0.46);
}

:root[data-theme="light"] .scaninv .scaninv__buttonMedia,
:root[data-theme="light"] .scaninv .scaninv__button--ghost .scaninv__buttonMedia {
    color: #075f79;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.9), rgba(205, 232, 238, 0.86));
    border-color: rgba(8, 145, 180, 0.2);
    box-shadow: inset 0 1px 0 #ffffff, 0 5px 12px rgba(42, 86, 101, 0.1);
}

:root[data-theme="light"] .scaninv .scaninv__button:not(.scaninv__button--ghost) .scaninv__buttonMedia {
    color: #ffffff;
    background: rgba(4, 77, 91, 0.38);
    border-color: rgba(255, 255, 255, 0.22);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18);
}

:root[data-theme="light"] .scaninv .scaninv__input {
    color: var(--app-text-primary);
    background: rgba(255, 255, 255, 0.88);
    border-color: rgba(24, 131, 160, 0.22);
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .scaninv .scaninv__input::placeholder {
    color: #718995;
    opacity: 1;
}

:root[data-theme="light"] .scaninv .scaninv__input:focus {
    outline: none;
    border-color: rgba(8, 145, 180, 0.62);
    box-shadow: 0 0 0 3px rgba(8, 145, 180, 0.11), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .scaninv .scaninv__input--date {
    color: var(--app-text-primary);
    color-scheme: light;
}

:root[data-theme="light"] .scaninv .scaninv__input--date::-webkit-calendar-picker-indicator {
    filter: none;
}

:root[data-theme="light"] .scaninv .scaninv__input--date::-webkit-datetime-edit,
:root[data-theme="light"] .scaninv .scaninv__input--date::-webkit-datetime-edit-fields-wrapper,
:root[data-theme="light"] .scaninv .scaninv__input--date::-webkit-datetime-edit-text,
:root[data-theme="light"] .scaninv .scaninv__input--date::-webkit-datetime-edit-month-field,
:root[data-theme="light"] .scaninv .scaninv__input--date::-webkit-datetime-edit-day-field,
:root[data-theme="light"] .scaninv .scaninv__input--date::-webkit-datetime-edit-year-field {
    color: var(--app-text-primary);
}

:root[data-theme="light"] .scaninv .scaninv__hint {
    background:
        radial-gradient(circle at 16% 18%, rgba(34, 184, 164, 0.08), transparent 40%),
        rgba(255, 255, 255, 0.67);
    border-color: rgba(24, 131, 160, 0.16);
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .scaninv .scaninv__qrStage {
    background: linear-gradient(180deg, #ffffff, #f1f7f9);
    border-color: rgba(24, 131, 160, 0.18);
    box-shadow: 0 12px 24px rgba(42, 86, 101, 0.12), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .scaninv .scaninv__payload {
    color: #245466;
    background: linear-gradient(155deg, #f9fcfd, #e2eef1);
    border-color: rgba(24, 131, 160, 0.18);
    box-shadow: inset 0 1px 0 #ffffff;
    scrollbar-color: rgba(8, 145, 180, 0.58) rgba(213, 230, 234, 0.76);
}

:root[data-theme="light"] .scaninv .scaninv__tableWrap {
    background: rgba(255, 255, 255, 0.72);
    border-color: rgba(24, 131, 160, 0.18);
    box-shadow: inset 0 1px 0 #ffffff;
    scrollbar-color: rgba(8, 145, 180, 0.62) rgba(213, 230, 234, 0.8);
}

:root[data-theme="light"] .scaninv .scaninv__table thead th {
    color: #075f79;
    background: #d7ebef;
    border-bottom: 1px solid rgba(24, 131, 160, 0.2);
}

:root[data-theme="light"] .scaninv .scaninv__table tbody td {
    color: var(--app-text-primary);
    background: rgba(255, 255, 255, 0.72);
    border-top-color: rgba(24, 131, 160, 0.12);
}

:root[data-theme="light"] .scaninv .scaninv__table tbody tr:nth-child(even) td {
    background: rgba(226, 240, 243, 0.7);
}

:root[data-theme="light"] .scaninv .scaninv__table tbody tr:hover td {
    background: rgba(194, 230, 238, 0.72);
}

:root[data-theme="light"] .scaninv .scaninv__empty,
:root[data-theme="light"] .scaninv .scaninv__status {
    color: var(--app-text-primary);
    background: rgba(255, 255, 255, 0.7);
    border: 1px dashed rgba(24, 131, 160, 0.22);
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .scaninv .scaninv__status--error {
    color: #8f3143;
    background: rgba(249, 222, 227, 0.78);
    border-style: solid;
    border-color: rgba(189, 63, 87, 0.3);
}

/* PO Receipts Workspace: inbound filters, KPIs, receipt ledger, and dialogs. */
:root[data-theme="light"] .po-receipts {
    --po-cyan: #087fa4;
    --po-teal: #19886b;
    --po-ink: var(--app-text-primary);
    --po-muted: var(--app-text-secondary);
    --po-panel: rgba(255, 255, 255, 0.96);
    --po-border: rgba(24, 131, 160, 0.2);
    --po-field: rgba(255, 255, 255, 0.88);
    color: var(--app-text-primary);
    color-scheme: light;
}

:root[data-theme="light"] .po-receipts .po-receipts__hero,
:root[data-theme="light"] .po-receipts .po-receipts__filters,
:root[data-theme="light"] .po-receipts .po-receipts__table-panel {
    color: var(--app-text-primary);
    background:
        radial-gradient(circle at 88% 12%, rgba(20, 173, 204, 0.08), transparent 32%),
        linear-gradient(155deg, rgba(255, 255, 255, 0.97), rgba(226, 240, 243, 0.93));
    border-color: rgba(24, 131, 160, 0.2);
    box-shadow: 0 15px 34px rgba(42, 86, 101, 0.11), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .po-receipts .po-receipts__hero {
    background:
        radial-gradient(circle at 86% 20%, rgba(24, 183, 199, 0.15), transparent 30%),
        radial-gradient(circle at 0% 100%, rgba(255, 190, 77, 0.1), transparent 34%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(222, 239, 243, 0.95));
}

:root[data-theme="light"] .po-receipts h1,
:root[data-theme="light"] .po-receipts h2,
:root[data-theme="light"] .po-receipts h3,
:root[data-theme="light"] .po-receipts .po-receipts__empty h3 {
    color: var(--app-text-primary);
}

:root[data-theme="light"] .po-receipts p,
:root[data-theme="light"] .po-receipts .po-receipts__hint,
:root[data-theme="light"] .po-receipts .po-receipts__receipt-line span,
:root[data-theme="light"] .po-receipts .po-receipts__receipt-stats small,
:root[data-theme="light"] .po-receipts .po-receipts__loading,
:root[data-theme="light"] .po-receipts .po-receipts__empty {
    color: var(--app-text-secondary);
}

:root[data-theme="light"] .po-receipts .po-receipts__eyebrow,
:root[data-theme="light"] .po-receipts .po-receipts__section-heading > div > span,
:root[data-theme="light"] .po-receipts .po-receipts__table-header > div > span,
:root[data-theme="light"] .po-receipts label > span,
:root[data-theme="light"] .po-receipts .po-receipts__modal header span,
:root[data-theme="light"] .po-receipts .po-receipts__search i,
:root[data-theme="light"] .po-receipts .po-receipts__empty i {
    color: #087fa4;
    text-shadow: none;
}

:root[data-theme="light"] .po-receipts .po-receipts__count,
:root[data-theme="light"] .po-receipts .po-receipts__bulk-actions > span {
    color: #075f79;
    background: rgba(203, 235, 242, 0.72);
    border-color: rgba(8, 145, 180, 0.25);
}

:root[data-theme="light"] .po-receipts .po-button {
    color: #042d35;
    background: linear-gradient(135deg, #72e5cf, #5ccce4);
    border-color: rgba(8, 145, 180, 0.38);
    box-shadow: 0 9px 20px rgba(19, 154, 173, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.7);
}

:root[data-theme="light"] .po-receipts .po-button:hover:not(:disabled) {
    filter: brightness(1.02);
    border-color: rgba(5, 122, 150, 0.58);
    box-shadow: 0 12px 25px rgba(19, 154, 173, 0.23), inset 0 1px 0 rgba(255, 255, 255, 0.76);
}

:root[data-theme="light"] .po-receipts .po-button--secondary {
    color: #075f79;
    background: linear-gradient(145deg, #ffffff, #dceff4);
    border-color: rgba(8, 145, 180, 0.27);
    box-shadow: 0 7px 16px rgba(42, 86, 101, 0.09), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .po-receipts .po-button--secondary:hover:not(:disabled) {
    color: #034f66;
    background: linear-gradient(145deg, #ffffff, #cce8ee);
}

:root[data-theme="light"] .po-receipts input,
:root[data-theme="light"] .po-receipts select {
    color: var(--app-text-primary);
    background-color: rgba(255, 255, 255, 0.9);
    border-color: rgba(24, 131, 160, 0.23);
    box-shadow: inset 0 1px 0 #ffffff;
    color-scheme: light;
}

:root[data-theme="light"] .po-receipts select {
    background-image:
        linear-gradient(45deg, transparent 50%, #087fa4 50%),
        linear-gradient(135deg, #087fa4 50%, transparent 50%);
    background-position: calc(100% - 17px) calc(50% - 3px), calc(100% - 11px) calc(50% - 3px);
    background-size: 6px 6px, 6px 6px;
    background-repeat: no-repeat;
    padding-right: 2rem;
    appearance: none;
}

:root[data-theme="light"] .po-receipts select option {
    color: var(--app-text-primary);
    background: #f7fbfc;
}

:root[data-theme="light"] .po-receipts input:focus,
:root[data-theme="light"] .po-receipts select:focus {
    border-color: rgba(8, 145, 180, 0.62);
    box-shadow: 0 0 0 3px rgba(8, 145, 180, 0.11), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .po-receipts .po-receipts__filter-grid input.po-receipts__filter-control,
:root[data-theme="light"] .po-receipts .po-receipts__filter-grid input[type="date"].po-receipts__filter-control {
    color: var(--app-text-primary) !important;
    background-color: rgba(255, 255, 255, 0.92) !important;
    background-image: linear-gradient(145deg, #ffffff, #e4f0f3) !important;
    border-color: rgba(8, 145, 180, 0.28) !important;
    box-shadow: inset 0 1px 0 #ffffff, 0 6px 14px rgba(42, 86, 101, 0.08) !important;
    color-scheme: light;
}

:root[data-theme="light"] .po-receipts .po-receipts__filter-grid input.po-receipts__filter-control:hover {
    color: var(--app-text-primary) !important;
    background: linear-gradient(145deg, #ffffff, #dcecef) !important;
    border-color: rgba(8, 145, 180, 0.46) !important;
}

:root[data-theme="light"] .po-receipts .po-receipts__filter-grid input.po-receipts__filter-control:focus {
    color: var(--app-text-primary) !important;
    background: #ffffff !important;
    border-color: rgba(8, 145, 180, 0.65) !important;
    box-shadow: 0 0 0 3px rgba(8, 145, 180, 0.11), inset 0 1px 0 #ffffff !important;
}

:root[data-theme="light"] .po-receipts .po-receipts__filter-grid input.po-receipts__filter-control::placeholder {
    color: #718995 !important;
    opacity: 1;
}

:root[data-theme="light"] .po-receipts .po-receipts__filter-grid input[type="date"].po-receipts__filter-control::-webkit-datetime-edit,
:root[data-theme="light"] .po-receipts .po-receipts__filter-grid input[type="date"].po-receipts__filter-control::-webkit-datetime-edit-text,
:root[data-theme="light"] .po-receipts .po-receipts__filter-grid input[type="date"].po-receipts__filter-control::-webkit-datetime-edit-month-field,
:root[data-theme="light"] .po-receipts .po-receipts__filter-grid input[type="date"].po-receipts__filter-control::-webkit-datetime-edit-day-field,
:root[data-theme="light"] .po-receipts .po-receipts__filter-grid input[type="date"].po-receipts__filter-control::-webkit-datetime-edit-year-field {
    color: var(--app-text-primary) !important;
}

:root[data-theme="light"] .po-receipts .po-receipts__filter-grid input[type="date"].po-receipts__filter-control::-webkit-calendar-picker-indicator,
:root[data-theme="light"] .po-receipts .po-receipts__filter-grid input[type="date"].po-receipts__filter-control::-webkit-calendar-picker-indicator:hover {
    filter: none !important;
}

:root[data-theme="light"] .po-receipts .po-receipts__kpis article {
    color: var(--app-text-primary);
    background: linear-gradient(155deg, rgba(255, 255, 255, 0.96), rgba(224, 238, 242, 0.9));
    border-color: rgba(24, 131, 160, 0.18);
    box-shadow: inset 3px 0 0 rgba(8, 145, 180, 0.72), 0 8px 18px rgba(42, 86, 101, 0.08), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .po-receipts .po-receipts__kpis article:nth-child(3) {
    box-shadow: inset 3px 0 0 #2aa985, 0 8px 18px rgba(42, 86, 101, 0.08), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .po-receipts .po-receipts__kpis article:nth-child(4) {
    box-shadow: inset 3px 0 0 #d99422, 0 8px 18px rgba(42, 86, 101, 0.08), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .po-receipts .po-receipts__kpis span {
    color: var(--app-text-muted);
}

:root[data-theme="light"] .po-receipts .po-receipts__feedback {
    color: #145844;
    background: rgba(216, 244, 232, 0.82);
    border-color: rgba(25, 145, 112, 0.3);
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .po-receipts .po-receipts__feedback--error {
    color: #8f3143;
    background: rgba(249, 222, 227, 0.82);
    border-color: rgba(189, 63, 87, 0.3);
}

:root[data-theme="light"] .po-receipts .po-receipts__grid-scroll {
    scrollbar-color: rgba(8, 145, 180, 0.62) rgba(213, 230, 234, 0.8);
}

:root[data-theme="light"] .po-receipts .po-receipts__grid-scroll .e-grid {
    color: var(--app-text-primary) !important;
    background: rgba(255, 255, 255, 0.82) !important;
    border-color: rgba(24, 131, 160, 0.22) !important;
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .po-receipts .po-receipts__grid-scroll .e-grid .e-gridheader,
:root[data-theme="light"] .po-receipts .po-receipts__grid-scroll .e-grid .e-headercontent,
:root[data-theme="light"] .po-receipts .po-receipts__grid-scroll .e-grid .e-headercell {
    color: #075f79 !important;
    background: #d7ebef !important;
    border-color: rgba(24, 131, 160, 0.18) !important;
}

:root[data-theme="light"] .po-receipts .po-receipts__grid-scroll .e-grid .e-content,
:root[data-theme="light"] .po-receipts .po-receipts__grid-scroll .e-grid .e-table,
:root[data-theme="light"] .po-receipts .po-receipts__grid-scroll .e-grid .e-row,
:root[data-theme="light"] .po-receipts .po-receipts__grid-scroll .e-grid .e-rowcell {
    color: var(--app-text-primary) !important;
    background: rgba(255, 255, 255, 0.78) !important;
    border-color: rgba(24, 131, 160, 0.12) !important;
}

:root[data-theme="light"] .po-receipts .po-receipts__grid-scroll .e-grid .e-altrow .e-rowcell {
    background: rgba(226, 240, 243, 0.72) !important;
}

:root[data-theme="light"] .po-receipts .po-receipts__grid-scroll .e-grid .e-row:hover .e-rowcell,
:root[data-theme="light"] .po-receipts .po-receipts__grid-scroll .e-grid .e-row.e-selectionbackground .e-rowcell {
    background: rgba(194, 230, 238, 0.78) !important;
}

:root[data-theme="light"] .po-receipts .po-receipts__grid-scroll .e-filterbarcell,
:root[data-theme="light"] .po-receipts .po-receipts__grid-scroll .e-filterbarcell input {
    color: var(--app-text-primary) !important;
    background: rgba(255, 255, 255, 0.92) !important;
    border-color: rgba(24, 131, 160, 0.22) !important;
}

:root[data-theme="light"] .po-receipts .po-receipts__grid-scroll small {
    color: #587681;
}

:root[data-theme="light"] .po-receipts .po-receipts__row-select {
    color: #075f79;
    background: #e2f0f3;
    border-color: rgba(8, 145, 180, 0.34);
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .po-receipts .po-receipts__row-select.is-selected {
    color: #ffffff;
    background: #168d79;
    border-color: #0f7564;
}

:root[data-theme="light"] .po-receipts .po-receipts__progress > div {
    background: #cbdde2;
}

:root[data-theme="light"] .po-receipts .po-receipts__progress small {
    color: var(--app-text-secondary);
}

:root[data-theme="light"] .po-receipts .po-receipts__status.is-open {
    color: #785314;
    background: rgba(255, 229, 177, 0.76);
}

:root[data-theme="light"] .po-receipts .po-receipts__status.is-partial {
    color: #075f79;
    background: rgba(197, 233, 241, 0.78);
}

:root[data-theme="light"] .po-receipts .po-receipts__status.is-complete {
    color: #145844;
    background: rgba(205, 241, 227, 0.78);
}

:root[data-theme="light"] .po-receipts .po-receipts__status.is-over {
    color: #8f3143;
    background: rgba(249, 218, 224, 0.8);
}

:root[data-theme="light"] .po-receipts .po-receipts__loading,
:root[data-theme="light"] .po-receipts .po-receipts__empty {
    background: rgba(255, 255, 255, 0.62);
    border-color: rgba(24, 131, 160, 0.24);
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .po-receipts .po-receipts__modal-backdrop {
    background: rgba(30, 55, 65, 0.38);
}

:root[data-theme="light"] .po-receipts .po-receipts__modal {
    color: var(--app-text-primary);
    background:
        radial-gradient(circle at top right, rgba(20, 173, 204, 0.09), transparent 36%),
        linear-gradient(155deg, #ffffff, #e1eff2);
    border-color: rgba(8, 145, 180, 0.3);
    box-shadow: 0 24px 52px rgba(42, 86, 101, 0.26), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .po-receipts .po-receipts__modal > header,
:root[data-theme="light"] .po-receipts .po-receipts__receipt-line,
:root[data-theme="light"] .po-receipts .po-receipts__modal footer {
    border-color: rgba(24, 131, 160, 0.16);
}

:root[data-theme="light"] .po-receipts .po-receipts__modal > header button {
    color: #075f79;
    background: linear-gradient(145deg, #ffffff, #d4e9ee);
    border-color: rgba(8, 145, 180, 0.28);
    box-shadow: 0 6px 14px rgba(42, 86, 101, 0.1), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .po-receipts .po-receipts__receipt-stats > span {
    color: var(--app-text-primary);
    background: rgba(255, 255, 255, 0.72);
    border-color: rgba(24, 131, 160, 0.18);
    box-shadow: inset 0 1px 0 #ffffff;
}

/* Cash Flow Command Center: liquidity outlook, runway, events, and planner. */
:root[data-theme="light"] .cash-flow-workspace {
    --cf-bg: #eef6f8;
    --cf-surface: rgba(255, 255, 255, 0.94);
    --cf-raised: rgba(226, 240, 243, 0.88);
    --cf-line: rgba(24, 131, 160, 0.2);
    --cf-line-soft: rgba(24, 131, 160, 0.13);
    --cf-text: var(--app-text-primary);
    --cf-muted: var(--app-text-secondary);
    --cf-cyan: #087fa4;
    --cf-teal: #168d79;
    --cf-blue: #377bc2;
    --cf-amber: #d99422;
    --cf-violet: #537fd4;
    --cf-danger: #c84b61;
    color: var(--app-text-primary);
    color-scheme: light;
}

:root[data-theme="light"] .cash-flow-workspace .cash-flow-hero,
:root[data-theme="light"] .cash-flow-workspace .cash-flow-card,
:root[data-theme="light"] .cash-flow-workspace .cash-flow-kpi,
:root[data-theme="light"] .cash-flow-workspace .cash-flow-message,
:root[data-theme="light"] .cash-flow-workspace .cash-flow-loading {
    color: var(--app-text-primary);
    border-color: rgba(24, 131, 160, 0.2);
    box-shadow: 0 14px 32px rgba(42, 86, 101, 0.11), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .cash-flow-workspace .cash-flow-hero {
    background:
        radial-gradient(circle at 88% 0%, rgba(61, 125, 194, 0.13), transparent 25rem),
        radial-gradient(circle at 0% 100%, rgba(255, 190, 77, 0.1), transparent 22rem),
        linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(222, 239, 243, 0.95));
}

:root[data-theme="light"] .cash-flow-workspace .cash-flow-hero::after {
    border-color: rgba(8, 145, 180, 0.2);
    box-shadow: 0 0 45px rgba(55, 123, 194, 0.1);
}

:root[data-theme="light"] .cash-flow-workspace h1,
:root[data-theme="light"] .cash-flow-workspace h2,
:root[data-theme="light"] .cash-flow-planner h2,
:root[data-theme="light"] .cash-flow-workspace .cash-flow-source-copy strong,
:root[data-theme="light"] .cash-flow-workspace .cash-flow-event__copy strong {
    color: var(--app-text-primary);
}

:root[data-theme="light"] .cash-flow-workspace .cash-flow-hero__identity p,
:root[data-theme="light"] .cash-flow-workspace .cash-flow-legend,
:root[data-theme="light"] .cash-flow-workspace .cash-flow-source-copy small,
:root[data-theme="light"] .cash-flow-workspace .cash-flow-event__copy small,
:root[data-theme="light"] .cash-flow-workspace .cash-flow-chart__scale,
:root[data-theme="light"] .cash-flow-workspace .cash-flow-event time span,
:root[data-theme="light"] .cash-flow-workspace .cash-flow-empty {
    color: var(--app-text-secondary);
}

:root[data-theme="light"] .cash-flow-workspace .cash-flow-eyebrow,
:root[data-theme="light"] .cash-flow-planner .cash-flow-eyebrow {
    color: #087fa4;
}

:root[data-theme="light"] .cash-flow-workspace .cash-flow-currency {
    color: #075f79;
    background: rgba(203, 235, 242, 0.72);
    border-color: rgba(8, 145, 180, 0.24);
}

:root[data-theme="light"] .cash-flow-workspace label,
:root[data-theme="light"] .cash-flow-planner label {
    color: var(--app-text-muted);
}

:root[data-theme="light"] .cash-flow-workspace input,
:root[data-theme="light"] .cash-flow-workspace select,
:root[data-theme="light"] .cash-flow-workspace textarea,
:root[data-theme="light"] .cash-flow-planner input,
:root[data-theme="light"] .cash-flow-planner select,
:root[data-theme="light"] .cash-flow-planner textarea {
    color: var(--app-text-primary);
    background-color: rgba(255, 255, 255, 0.9);
    border-color: rgba(24, 131, 160, 0.23);
    box-shadow: inset 0 1px 0 #ffffff;
    color-scheme: light;
}

:root[data-theme="light"] .cash-flow-workspace select,
:root[data-theme="light"] .cash-flow-planner select {
    appearance: none;
    padding-right: 1.8rem;
    background-image:
        linear-gradient(45deg, transparent 50%, #087fa4 50%),
        linear-gradient(135deg, #087fa4 50%, transparent 50%);
    background-position: calc(100% - 16px) calc(50% - 3px), calc(100% - 10px) calc(50% - 3px);
    background-size: 6px 6px, 6px 6px;
    background-repeat: no-repeat;
}

:root[data-theme="light"] .cash-flow-workspace select option,
:root[data-theme="light"] .cash-flow-planner select option {
    color: var(--app-text-primary);
    background: #f7fbfc;
}

:root[data-theme="light"] .cash-flow-workspace input::placeholder,
:root[data-theme="light"] .cash-flow-workspace textarea::placeholder,
:root[data-theme="light"] .cash-flow-planner input::placeholder,
:root[data-theme="light"] .cash-flow-planner textarea::placeholder {
    color: #718995;
    opacity: 1;
}

:root[data-theme="light"] .cash-flow-workspace input:focus,
:root[data-theme="light"] .cash-flow-workspace select:focus,
:root[data-theme="light"] .cash-flow-workspace textarea:focus,
:root[data-theme="light"] .cash-flow-planner input:focus,
:root[data-theme="light"] .cash-flow-planner select:focus,
:root[data-theme="light"] .cash-flow-planner textarea:focus {
    border-color: rgba(8, 145, 180, 0.62);
    box-shadow: 0 0 0 3px rgba(8, 145, 180, 0.11), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .cash-flow-workspace .cash-flow-button,
:root[data-theme="light"] .cash-flow-workspace .cash-flow-icon-button,
:root[data-theme="light"] .cash-flow-workspace .cash-flow-row-action,
:root[data-theme="light"] .cash-flow-planner .cash-flow-button,
:root[data-theme="light"] .cash-flow-planner .cash-flow-icon-button {
    color: #075f79;
    background: linear-gradient(145deg, #ffffff, #dceff4);
    border-color: rgba(8, 145, 180, 0.27);
    box-shadow: 0 7px 16px rgba(42, 86, 101, 0.09), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .cash-flow-workspace .cash-flow-button:hover:not(:disabled),
:root[data-theme="light"] .cash-flow-workspace .cash-flow-icon-button:hover,
:root[data-theme="light"] .cash-flow-workspace .cash-flow-row-action:hover,
:root[data-theme="light"] .cash-flow-planner .cash-flow-button:hover:not(:disabled),
:root[data-theme="light"] .cash-flow-planner .cash-flow-icon-button:hover {
    color: #034f66;
    background: linear-gradient(145deg, #ffffff, #cce8ee);
    border-color: rgba(8, 145, 180, 0.48);
    box-shadow: 0 10px 21px rgba(42, 86, 101, 0.13), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .cash-flow-workspace .cash-flow-button--primary,
:root[data-theme="light"] .cash-flow-planner .cash-flow-button--primary {
    color: #ffffff;
    background: linear-gradient(120deg, #087fa4, #168d79);
    border-color: rgba(5, 105, 133, 0.42);
    box-shadow: 0 9px 22px rgba(7, 115, 151, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.22);
}

:root[data-theme="light"] .cash-flow-workspace .cash-flow-button--primary:hover:not(:disabled),
:root[data-theme="light"] .cash-flow-planner .cash-flow-button--primary:hover:not(:disabled) {
    color: #ffffff;
    background: linear-gradient(120deg, #057493, #117865);
}

:root[data-theme="light"] .cash-flow-workspace .cash-flow-button--primary span,
:root[data-theme="light"] .cash-flow-workspace .cash-flow-button--primary i,
:root[data-theme="light"] .cash-flow-planner .cash-flow-button--primary span,
:root[data-theme="light"] .cash-flow-planner .cash-flow-button--primary i {
    color: #ffffff;
    text-shadow: none;
}

:root[data-theme="light"] .cash-flow-workspace .cash-flow-message,
:root[data-theme="light"] .cash-flow-workspace .cash-flow-loading {
    background: rgba(255, 255, 255, 0.78);
}

:root[data-theme="light"] .cash-flow-workspace .cash-flow-message--error {
    color: #8f3143;
    background: rgba(249, 222, 227, 0.82);
    border-color: rgba(189, 63, 87, 0.3);
}

:root[data-theme="light"] .cash-flow-workspace .cash-flow-message--success {
    color: #145844;
    background: rgba(216, 244, 232, 0.82);
    border-color: rgba(25, 145, 112, 0.3);
}

:root[data-theme="light"] .cash-flow-workspace .cash-flow-kpi {
    background:
        radial-gradient(circle at top right, rgba(20, 173, 204, 0.06), transparent 42%),
        linear-gradient(155deg, rgba(255, 255, 255, 0.97), rgba(226, 240, 243, 0.91));
}

:root[data-theme="light"] .cash-flow-workspace .cash-flow-kpi::before {
    box-shadow: none;
}

:root[data-theme="light"] .cash-flow-workspace .cash-flow-kpi span,
:root[data-theme="light"] .cash-flow-workspace .cash-flow-kpi small {
    color: var(--app-text-muted);
}

:root[data-theme="light"] .cash-flow-workspace .cash-flow-alert {
    color: #785314;
    background: linear-gradient(90deg, rgba(255, 236, 196, 0.88), rgba(255, 249, 237, 0.92));
    border-color: rgba(189, 132, 28, 0.3);
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .cash-flow-workspace .cash-flow-alert__icon {
    color: #ffffff;
    background: #c78318;
}

:root[data-theme="light"] .cash-flow-workspace .cash-flow-card {
    background:
        radial-gradient(circle at 100% 0%, rgba(55, 123, 194, 0.07), transparent 20rem),
        linear-gradient(155deg, rgba(255, 255, 255, 0.97), rgba(226, 240, 243, 0.92));
}

:root[data-theme="light"] .cash-flow-workspace .cash-flow-card__header,
:root[data-theme="light"] .cash-flow-workspace .cash-flow-source-row,
:root[data-theme="light"] .cash-flow-workspace .cash-flow-plan-row,
:root[data-theme="light"] .cash-flow-workspace .cash-flow-event,
:root[data-theme="light"] .cash-flow-planner > header,
:root[data-theme="light"] .cash-flow-planner > footer {
    border-color: rgba(24, 131, 160, 0.14);
}

:root[data-theme="light"] .cash-flow-workspace .cash-flow-chart {
    border-radius: 12px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.5), rgba(220, 237, 241, 0.4));
}

:root[data-theme="light"] .cash-flow-workspace .cash-flow-chart__grid {
    stroke: rgba(36, 102, 122, 0.18);
}

:root[data-theme="light"] .cash-flow-workspace .cash-flow-chart__zero {
    stroke: rgba(190, 55, 80, 0.68);
}

:root[data-theme="light"] .cash-flow-workspace .cash-flow-chart__line {
    stroke: #087fa4;
    filter: drop-shadow(0 2px 3px rgba(8, 127, 164, 0.24));
}

:root[data-theme="light"] .cash-flow-workspace .cash-flow-chart__today {
    stroke: rgba(55, 123, 194, 0.72);
}

:root[data-theme="light"] .cash-flow-workspace .cash-flow-dot {
    box-shadow: none;
}

:root[data-theme="light"] .cash-flow-workspace .cash-flow-source-icon,
:root[data-theme="light"] .cash-flow-workspace .cash-flow-event__rail {
    color: #087fa4;
    background: rgba(203, 235, 242, 0.72);
    border-color: rgba(8, 145, 180, 0.24);
}

:root[data-theme="light"] .cash-flow-workspace .source-payable,
:root[data-theme="light"] .cash-flow-workspace .source-outflow {
    color: #936312;
    background: rgba(255, 232, 186, 0.72);
    border-color: rgba(189, 132, 28, 0.26);
}

:root[data-theme="light"] .cash-flow-workspace .source-receivable,
:root[data-theme="light"] .cash-flow-workspace .source-inflow {
    color: #145844;
    background: rgba(205, 241, 227, 0.74);
    border-color: rgba(25, 145, 112, 0.25);
}

:root[data-theme="light"] .cash-flow-workspace .source-sales-forecast {
    color: #315f9e;
    background: rgba(213, 227, 247, 0.78);
    border-color: rgba(55, 123, 194, 0.26);
}

:root[data-theme="light"] .cash-flow-workspace .is-positive {
    color: #13705a !important;
}

:root[data-theme="light"] .cash-flow-workspace .is-negative {
    color: #ad3c51 !important;
}

:root[data-theme="light"] .cash-flow-workspace .cash-flow-chip {
    color: #075f79;
    background: rgba(203, 235, 242, 0.72);
    border-color: rgba(8, 145, 180, 0.24);
}

:root[data-theme="light"] .cash-flow-workspace .cash-flow-weekly__scroll,
:root[data-theme="light"] .cash-flow-workspace .cash-flow-timeline__list,
:root[data-theme="light"] .cash-flow-workspace .cash-flow-plan__list,
:root[data-theme="light"] .cash-flow-planner {
    scrollbar-color: rgba(8, 145, 180, 0.62) rgba(213, 230, 234, 0.8);
}

:root[data-theme="light"] .cash-flow-workspace .cash-flow-weekly th {
    color: var(--app-text-muted);
    background: rgba(211, 234, 239, 0.62);
}

:root[data-theme="light"] .cash-flow-workspace .cash-flow-weekly td {
    color: var(--app-text-primary);
    border-top-color: rgba(24, 131, 160, 0.12);
}

:root[data-theme="light"] .cash-flow-workspace .cash-flow-weekly tbody tr:nth-child(even) td {
    background: rgba(226, 240, 243, 0.52);
}

:root[data-theme="light"] .cash-flow-workspace .cash-flow-weekly tr.is-risk td {
    background: rgba(249, 222, 227, 0.66);
}

:root[data-theme="light"] .cash-flow-workspace .cash-flow-signal {
    color: #145844;
    background: rgba(205, 241, 227, 0.78);
}

:root[data-theme="light"] .cash-flow-workspace .cash-flow-signal--watch {
    color: #785314;
    background: rgba(255, 232, 186, 0.78);
}

:root[data-theme="light"] .cash-flow-workspace .cash-flow-signal--risk {
    color: #8f3143;
    background: rgba(249, 218, 224, 0.82);
}

:root[data-theme="light"] .cash-flow-workspace .cash-flow-row-action--danger {
    color: #a9344a;
    background: rgba(249, 222, 227, 0.76);
    border-color: rgba(189, 63, 87, 0.26);
}

:root[data-theme="light"] .cash-flow-workspace .cash-flow-empty--button {
    color: var(--app-text-secondary);
    background: rgba(255, 255, 255, 0.62);
    border-color: rgba(8, 145, 180, 0.25);
}

:root[data-theme="light"] .cash-flow-modal {
    background: rgba(30, 55, 65, 0.4);
}

:root[data-theme="light"] .cash-flow-planner {
    --cf-text: var(--app-text-primary);
    --cf-cyan: #087fa4;
    color: var(--app-text-primary);
    color-scheme: light;
    background:
        radial-gradient(circle at 100% 0%, rgba(55, 123, 194, 0.1), transparent 22rem),
        linear-gradient(155deg, #ffffff, #e1eff2);
    border-color: rgba(8, 145, 180, 0.3);
    box-shadow: 0 26px 64px rgba(42, 86, 101, 0.28), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .cash-flow-planner .cash-flow-check {
    color: var(--app-text-primary);
}

:root[data-theme="light"] .cash-flow-planner .cash-flow-check input[type="checkbox"] {
    accent-color: #087fa4;
}

/* The platform masthead and primary navigation live outside individual workspaces. */
:root[data-theme="light"] .navmenu-top-row {
    color: var(--app-text-primary);
    color-scheme: light;
    background:
        radial-gradient(circle at 36% -90%, rgba(31, 180, 211, 0.24), transparent 48%),
        radial-gradient(circle at 76% -80%, rgba(255, 190, 83, 0.18), transparent 42%),
        linear-gradient(105deg, rgba(249, 253, 254, 0.98), rgba(226, 241, 245, 0.98) 52%, rgba(242, 247, 239, 0.98));
    border-bottom-color: rgba(10, 139, 174, 0.3);
    box-shadow: 0 12px 34px rgba(39, 83, 99, 0.17), inset 0 1px 0 #ffffff;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

:root[data-theme="light"] .navmenu-top-row::before {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.86), rgba(255, 255, 255, 0.12) 42%, transparent),
        repeating-linear-gradient(90deg, rgba(17, 133, 164, 0.04) 0 1px, transparent 1px 44px);
    opacity: 0.72;
}

:root[data-theme="light"] .navmenu-top-row::after {
    background: linear-gradient(90deg, transparent, rgba(8, 145, 180, 0.58) 23%, rgba(255, 183, 62, 0.56) 50%, rgba(8, 145, 180, 0.58) 77%, transparent);
    box-shadow: 0 0 12px rgba(8, 145, 180, 0.22);
}

:root[data-theme="light"] .navmenu-top-row .btnMainMenu {
    display: inline-grid;
    width: 2.85rem;
    height: 2.85rem;
    place-items: center;
    padding: 0;
    color: #087fa4;
    background: linear-gradient(145deg, #ffffff, #d9edf2);
    border: 1px solid rgba(8, 145, 180, 0.26);
    border-radius: 14px;
    box-shadow: 0 8px 20px rgba(42, 86, 101, 0.14), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .navmenu-top-row .btnMainMenu:hover,
:root[data-theme="light"] .navmenu-top-row .btnMainMenu:focus-visible {
    color: #056985;
    background: linear-gradient(145deg, #ffffff, #cde9ef);
    border-color: rgba(8, 145, 180, 0.45);
    box-shadow: 0 10px 24px rgba(42, 86, 101, 0.19), 0 0 0 3px rgba(8, 145, 180, 0.08), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .navmenu-top-row .btnMainMenu .menu-icon rect {
    fill: #087fa4;
}

:root[data-theme="dark"] .navmenu-top-row .site-brand-shell {
    --brand-plaque-surface:
        radial-gradient(circle at 16% 20%, rgba(0, 204, 255, 0.1), transparent 34%),
        radial-gradient(circle at 82% 58%, rgba(255, 20, 147, 0.08), transparent 32%),
        linear-gradient(145deg, rgba(9, 20, 38, 0.94), rgba(5, 13, 27, 0.98));
    --brand-plaque-border: rgba(74, 226, 255, 0.62);
    --brand-plaque-highlight: linear-gradient(115deg, rgba(255, 255, 255, 0.14), transparent 32%, transparent 72%, rgba(255, 80, 206, 0.08));
    --brand-plaque-shadow: 0 12px 28px rgba(0, 0, 0, 0.34), 0 0 18px rgba(0, 204, 255, 0.11), inset 0 1px 0 rgba(255, 255, 255, 0.08), inset 0 -1px 0 rgba(0, 0, 0, 0.28);
    --brand-line: linear-gradient(90deg, rgba(0, 204, 255, 0.18), #16d7f2 34%, #64e8ff 58%, #ff43c3 86%, rgba(255, 67, 195, 0.2));
    --brand-main-color: #9ceeff;
    --brand-main-shadow: 0 0 7px rgba(0, 204, 255, 0.5), 0 0 17px rgba(0, 204, 255, 0.2), 0 2px 10px rgba(0, 0, 0, 0.48);
    --brand-logo-filter: brightness(1.06) contrast(1.28) saturate(1.15) drop-shadow(0 0 1px rgba(120, 239, 255, 0.9)) drop-shadow(0 3px 2px rgba(0, 0, 0, 0.5));
    --brand-frame-filter: drop-shadow(0 8px 14px rgba(0, 0, 0, 0.28)) drop-shadow(0 0 5px rgba(0, 204, 255, 0.22));
}

:root[data-theme="light"] .navmenu-top-row .site-brand-shell {
    --brand-plaque-surface:
        radial-gradient(circle at 13% 18%, rgba(36, 191, 219, 0.14), transparent 34%),
        radial-gradient(circle at 82% 62%, rgba(246, 65, 178, 0.08), transparent 31%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.97), rgba(219, 239, 244, 0.95));
    --brand-plaque-border: rgba(8, 145, 180, 0.5);
    --brand-plaque-highlight: linear-gradient(115deg, rgba(255, 255, 255, 0.82), transparent 34%, transparent 72%, rgba(255, 92, 198, 0.08));
    --brand-plaque-shadow: 0 11px 27px rgba(42, 86, 101, 0.18), 0 0 18px rgba(8, 145, 180, 0.09), inset 0 1px 0 #ffffff, inset 0 -1px 0 rgba(8, 127, 164, 0.08);
    --brand-line: linear-gradient(90deg, rgba(8, 145, 180, 0.18), #12aeca 34%, #27bed1 58%, #e53b9f 87%, rgba(229, 59, 159, 0.18));
    --brand-main-color: #087fa4;
    --brand-main-shadow: 0 2px 8px rgba(8, 127, 164, 0.19), 0 0 13px rgba(36, 191, 219, 0.1);
    --brand-logo-filter: brightness(0.94) contrast(1.35) saturate(1.18) drop-shadow(0 0 1px rgba(1, 78, 133, 0.72)) drop-shadow(0 2px 2px rgba(4, 63, 96, 0.28));
    --brand-frame-filter: drop-shadow(0 7px 12px rgba(42, 86, 101, 0.17)) drop-shadow(0 0 4px rgba(8, 145, 180, 0.16));
    --brand-accent-shadow: 0 0 9px rgba(240, 76, 190, 0.58), 0 0 18px rgba(229, 34, 145, 0.34), 0 0 29px rgba(229, 34, 145, 0.18), inset 0 1px 4px rgba(255, 255, 255, 0.36), inset 0 -2px 8px rgba(85, 0, 54, 0.22);
    --brand-accent-shadow-peak: 0 0 12px rgba(240, 76, 190, 0.7), 0 0 23px rgba(229, 34, 145, 0.43), 0 0 35px rgba(229, 34, 145, 0.22), inset 0 1px 4px rgba(255, 255, 255, 0.42), inset 0 -2px 8px rgba(85, 0, 54, 0.22);
}

:root[data-theme="light"] .navmenu-top-row .brand-help-btn {
    color: #075f79;
    background: linear-gradient(145deg, #ffffff, #dceef2);
    border-color: rgba(8, 145, 180, 0.26);
    box-shadow: 0 8px 20px rgba(42, 86, 101, 0.14), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .navmenu-top-row .brand-help-btn:hover,
:root[data-theme="light"] .navmenu-top-row .brand-help-btn.open {
    background: linear-gradient(145deg, #ffffff, #cfe9ef);
    border-color: rgba(8, 145, 180, 0.46);
    box-shadow: 0 10px 24px rgba(42, 86, 101, 0.18), 0 0 16px rgba(8, 145, 180, 0.12), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .navmenu-top-row .brand-help-btn--help {
    background: radial-gradient(circle at 34% 28%, #ecfbfd, #bce6ee 58%, #8acbd9);
    border-color: rgba(8, 145, 180, 0.5);
}

:root[data-theme="light"] .navmenu-top-row .brand-help-btn--help .brand-help-btn__glyph,
:root[data-theme="light"] .navmenu-top-row .brand-help-btn .brand-help-btn__icon {
    color: #075f79;
    text-shadow: none;
}

:root[data-theme="light"] .navmenu-top-row .brand-help-btn--issue {
    background: linear-gradient(145deg, #ffffff, #f3e5ef);
    border-color: rgba(181, 64, 137, 0.24);
}

:root[data-theme="light"] #session-info-grl-cnt {
    color: var(--app-text-primary);
    background:
        radial-gradient(circle at 0% 0%, rgba(8, 168, 202, 0.16), transparent 46%),
        radial-gradient(circle at 100% 100%, rgba(73, 116, 191, 0.12), transparent 44%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.95), rgba(218, 236, 241, 0.96));
    border-color: rgba(8, 145, 180, 0.28);
    box-shadow: 0 10px 26px rgba(42, 86, 101, 0.16), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] #session-info-grl-cnt #prof-img img {
    border-color: #ffffff;
    box-shadow: 0 0 0 2px rgba(8, 145, 180, 0.28), 0 6px 16px rgba(42, 86, 101, 0.17);
}

:root[data-theme="light"] #session-info-grl-cnt #user-seession-info-cnt #usr-disp-name {
    color: var(--app-text-primary);
}

:root[data-theme="light"] #session-info-grl-cnt #user-seession-info-cnt #location-desc {
    color: var(--app-text-secondary);
}

:root[data-theme="light"] #session-info-grl-cnt #user-seession-info-cnt hr {
    background: linear-gradient(90deg, transparent, rgba(8, 145, 180, 0.34), transparent);
}

:root[data-theme="light"] #session-info-grl-cnt #session-icons .icon {
    background: linear-gradient(145deg, #ffffff, #d3eaf0);
    border-color: rgba(8, 145, 180, 0.34);
    box-shadow: 0 6px 15px rgba(42, 86, 101, 0.14), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] #session-info-grl-cnt #session-icons .icon > img {
    filter: brightness(0.72) saturate(1.5) hue-rotate(145deg);
}

:root[data-theme="light"] #session-info-grl-cnt #session-icons .icon:hover {
    background: linear-gradient(145deg, #ffffff, #c8e6ed);
    border-color: rgba(8, 145, 180, 0.55);
    box-shadow: 0 9px 20px rgba(42, 86, 101, 0.2), 0 0 14px rgba(8, 145, 180, 0.1), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .navmenu-top-row .language-selector-wrap,
:root[data-theme="light"] .navmenu-top-row .squad-selector-wrap {
    color-scheme: light;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(218, 236, 241, 0.96));
    border-color: rgba(8, 145, 180, 0.24);
    box-shadow: 0 8px 20px rgba(42, 86, 101, 0.13), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .navmenu-top-row .language-selector-wrap::before,
:root[data-theme="light"] .navmenu-top-row .squad-selector-wrap::before {
    background: linear-gradient(90deg, rgba(8, 145, 180, 0.08), transparent 28%, transparent 72%, rgba(255, 183, 62, 0.09));
}

:root[data-theme="light"] .navmenu-top-row .language-selector-wrap:hover,
:root[data-theme="light"] .navmenu-top-row .squad-selector-wrap:hover,
:root[data-theme="light"] .navmenu-top-row .language-selector-wrap:focus-within,
:root[data-theme="light"] .navmenu-top-row .squad-selector-wrap:focus-within {
    border-color: rgba(8, 145, 180, 0.46);
    box-shadow: 0 10px 24px rgba(42, 86, 101, 0.18), 0 0 0 3px rgba(8, 145, 180, 0.08), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .navmenu-top-row .language-selector-input,
:root[data-theme="light"] .navmenu-top-row .squad-selector-input {
    color: var(--app-text-primary);
}

:root[data-theme="light"] .navmenu-top-row .language-selector-input option,
:root[data-theme="light"] .navmenu-top-row .squad-selector-input option {
    color: var(--app-text-primary);
    background: #f6fbfc;
}

:root[data-theme="light"] .navmenu-top-row .language-selector-icon svg,
:root[data-theme="light"] .navmenu-top-row .squad-selector-icon svg {
    fill: #087fa4;
    filter: drop-shadow(0 2px 5px rgba(8, 127, 164, 0.18));
}

:root[data-theme="light"] .navmenu-top-row .language-selector-chevron svg,
:root[data-theme="light"] .navmenu-top-row .squad-selector-chevron svg {
    stroke: #3e6b7d;
    filter: none;
}

:root[data-theme="light"] .navmenu-top-row .language-selector-glow,
:root[data-theme="light"] .navmenu-top-row .squad-selector-glow {
    background: radial-gradient(circle, rgba(8, 145, 180, 0.12), transparent 70%);
}

:root[data-theme="light"] .navmenu-top-row .squad-selector-icon img {
    background: #ffffff;
    border-color: rgba(8, 145, 180, 0.28);
    box-shadow: 0 5px 14px rgba(42, 86, 101, 0.15), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .navmenu-top-row .language-selector-compact {
    color: #075f79;
}

:root[data-theme="light"] .navmenu-top-row .squad-selector-initials {
    color: #075f79;
    background: linear-gradient(145deg, #ffffff, #d5ebf0);
    border-color: rgba(8, 145, 180, 0.32);
    box-shadow: 0 5px 14px rgba(42, 86, 101, 0.14), inset 0 1px 0 #ffffff;
}

@media (min-width: 1200px) and (max-width: 1499px), (max-width: 620px) {
    :root[data-theme="light"] .navmenu-top-row .language-selector-input,
    :root[data-theme="light"] .navmenu-top-row .squad-selector-input {
        color: transparent;
    }
}

:root[data-theme="light"] .main-menu-cmd-cnt .dropdown-menu {
    color: var(--app-text-primary);
    color-scheme: light;
    background:
        radial-gradient(circle at 0% 0%, rgba(8, 175, 210, 0.12), transparent 22rem),
        radial-gradient(circle at 100% 100%, rgba(255, 187, 70, 0.09), transparent 20rem),
        linear-gradient(160deg, rgba(251, 254, 255, 0.99), rgba(226, 239, 243, 0.99));
    border-color: rgba(8, 145, 180, 0.3);
    border-radius: 0 0 20px 20px;
    scrollbar-color: rgba(8, 145, 180, 0.68) rgba(214, 231, 235, 0.86);
    box-shadow: 0 24px 58px rgba(34, 74, 89, 0.26), inset 0 1px 0 #ffffff;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}

:root[data-theme="light"] .main-menu-cmd-cnt .dropdown-menu::-webkit-scrollbar-track {
    background: linear-gradient(180deg, rgba(214, 231, 235, 0.72), rgba(239, 247, 248, 0.92));
    box-shadow: inset 0 0 0 1px rgba(8, 145, 180, 0.09);
}

:root[data-theme="light"] .main-menu-cmd-cnt .dropdown-menu::-webkit-scrollbar-thumb {
    border-color: rgba(237, 247, 249, 0.94);
    background: linear-gradient(180deg, #6ec8da, #0b91b5 56%, #3976ad);
    box-shadow: 0 0 0 1px rgba(8, 112, 143, 0.12), 0 5px 12px rgba(42, 86, 101, 0.18);
}

:root[data-theme="light"] .main-menu-cmd-cnt .main-menu-quick-actions {
    margin: 0.35rem 0.45rem 0.25rem;
    padding: 0.3rem !important;
    border: 1px solid rgba(8, 145, 180, 0.14);
    border-radius: 15px;
    background: rgba(255, 255, 255, 0.58);
}

:root[data-theme="light"] .main-menu-cmd-cnt .main-nav-list {
    padding-inline: 0.75rem !important;
}

:root[data-theme="light"] .main-menu-cmd-cnt .nav-link,
:root[data-theme="light"] .main-menu-cmd-cnt .nav-link.nav-btn,
:root[data-theme="light"] .main-menu-cmd-cnt .menu-node > .nav-link,
:root[data-theme="light"] .main-menu-cmd-cnt .menu-node > .nav-link.nav-btn {
    color: var(--app-text-primary);
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.82), rgba(225, 239, 243, 0.78));
    border-color: rgba(21, 127, 155, 0.18);
    box-shadow: 0 6px 15px rgba(42, 86, 101, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.92);
}

:root[data-theme="light"] .main-menu-cmd-cnt .nav-link:hover,
:root[data-theme="light"] .main-menu-cmd-cnt .nav-link:focus-visible,
:root[data-theme="light"] .main-menu-cmd-cnt .nav-link.nav-btn:hover,
:root[data-theme="light"] .main-menu-cmd-cnt .menu-node > .nav-link:hover,
:root[data-theme="light"] .main-menu-cmd-cnt .menu-node > .nav-link.nav-btn:hover,
:root[data-theme="light"] .main-menu-cmd-cnt .menu-node > .nav-link.nav-btn.is-open {
    color: #075f79;
    background: linear-gradient(145deg, #ffffff, #d4edf2);
    border-color: rgba(8, 145, 180, 0.38);
    box-shadow: 0 9px 20px rgba(42, 86, 101, 0.14), 0 0 0 2px rgba(8, 145, 180, 0.06), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .main-menu-cmd-cnt .nav-link.active,
:root[data-theme="light"] .main-menu-cmd-cnt .menu-node > a.active {
    color: #075f79;
    background: linear-gradient(135deg, rgba(207, 240, 247, 0.98), rgba(255, 241, 207, 0.94));
    border-color: rgba(8, 145, 180, 0.45);
    box-shadow: 0 9px 22px rgba(42, 86, 101, 0.14), 0 0 0 2px rgba(8, 145, 180, 0.07), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .main-menu-cmd-cnt .nav-link.home-link,
:root[data-theme="light"] .main-menu-cmd-cnt .logout-link {
    color: var(--app-text-primary);
    background: linear-gradient(145deg, #ffffff, #e1f0f3);
    border-color: rgba(8, 145, 180, 0.22);
    box-shadow: 0 6px 15px rgba(42, 86, 101, 0.09), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .main-menu-cmd-cnt .logout-link {
    background: linear-gradient(145deg, #ffffff, #eef0f8);
    border-color: rgba(91, 101, 176, 0.2);
}

:root[data-theme="light"] .main-menu-cmd-cnt .subMenuItem,
:root[data-theme="light"] .main-menu-cmd-cnt .subMenuItem-closed {
    border-left-color: rgba(8, 145, 180, 0.24);
}

:root[data-theme="light"] .main-menu-cmd-cnt .subMenuItem .nav-link {
    color: var(--app-text-secondary);
    background: rgba(255, 255, 255, 0.58);
    border-color: rgba(8, 145, 180, 0.14);
    box-shadow: none;
}

:root[data-theme="light"] .main-menu-cmd-cnt .subMenuItem .nav-link:hover,
:root[data-theme="light"] .main-menu-cmd-cnt .subMenuItem .nav-link.active {
    color: #075f79;
    background: rgba(211, 239, 245, 0.9);
    border-color: rgba(8, 145, 180, 0.32);
}

:root[data-theme="light"] .main-menu-cmd-cnt .menu-node.menu-node-locked .nav-link,
:root[data-theme="light"] .main-menu-cmd-cnt .menu-node > .nav-link.menu-link-locked {
    color: #70455e;
    background: linear-gradient(145deg, rgba(255, 250, 253, 0.94), rgba(243, 226, 237, 0.92));
    border-color: rgba(181, 64, 137, 0.24);
    box-shadow: inset 0 1px 0 #ffffff, 0 6px 15px rgba(114, 66, 94, 0.08);
}

:root[data-theme="light"] .main-menu-cmd-cnt .menu-lock-chip {
    color: #84355f;
    background: rgba(245, 211, 231, 0.82);
    border-color: rgba(181, 64, 137, 0.28);
    box-shadow: none;
}

:root[data-theme="light"] .main-menu-cmd-cnt .nav-link .bi,
:root[data-theme="light"] .main-menu-cmd-cnt .nav-link .custom-icon,
:root[data-theme="light"] .main-menu-cmd-cnt .nav-link .fa-solid,
:root[data-theme="light"] .main-menu-cmd-cnt .nav-link .fa-regular,
:root[data-theme="light"] .main-menu-cmd-cnt .nav-link .fa-brands,
:root[data-theme="light"] .main-menu-cmd-cnt .nav-link .icon-dot,
:root[data-theme="light"] .main-menu-cmd-cnt .nav-link .chev {
    color: #087fa4;
}

:root[data-theme="light"] .main-menu-cmd-cnt .menu-node.agent-main-nav-highlight .nav-link,
:root[data-theme="light"] .main-menu-cmd-cnt .nav-link.agent-main-nav-highlight {
    color: #60480b !important;
    background: linear-gradient(145deg, #fffdf4, #f7e6ab) !important;
    border-color: rgba(194, 142, 32, 0.52) !important;
    box-shadow: 0 0 0 3px rgba(236, 190, 77, 0.16), 0 12px 24px rgba(91, 70, 22, 0.14) !important;
}

:root[data-theme="light"] .main-menu-cmd-cnt .menu-node.agent-main-nav-highlight .menu-text,
:root[data-theme="light"] .main-menu-cmd-cnt .agent-main-nav-highlight .menu-text {
    color: #60480b;
}

/* Sunny is a global floating workspace, so it follows the active theme everywhere. */
:root[data-theme="light"] .sunny-agent-shell--floating {
    --agent-bg1: rgba(247, 252, 253, 0.98);
    --agent-bg2: rgba(226, 240, 244, 0.98);
    --agent-border: rgba(8, 145, 180, 0.24);
    --agent-border-strong: rgba(8, 145, 180, 0.42);
    --agent-text: var(--app-text-primary);
    --agent-text-soft: var(--app-text-secondary);
    --agent-neon: #087fa4;
    --agent-fuchsia: #b43c8e;
    --agent-violet: #4f6fab;
    --agent-accent: #087fa4;
    --agent-panel-shadow: 0 0 0 1px rgba(8, 145, 180, 0.12), 0 24px 58px rgba(35, 76, 91, 0.26);
    color: var(--app-text-primary);
    color-scheme: light;
}

:root[data-theme="light"] .sunny-agent-shell--floating .draggable {
    background: linear-gradient(155deg, #fbfeff, #e1f0f3);
    border: 1px solid rgba(8, 145, 180, 0.28);
}

:root[data-theme="light"] .sunny-agent-shell--floating .agent-workspace {
    background:
        radial-gradient(circle at 3% 0%, rgba(8, 175, 210, 0.13), transparent 19rem),
        radial-gradient(circle at 100% 100%, rgba(191, 70, 151, 0.08), transparent 18rem),
        linear-gradient(155deg, #f9fcfd, #e3f0f3);
}

:root[data-theme="light"] .sunny-agent-shell--floating .drag-handle {
    color: var(--app-text-primary);
    background:
        radial-gradient(circle at 12% 0%, rgba(8, 175, 210, 0.18), transparent 48%),
        radial-gradient(circle at 82% 0%, rgba(191, 70, 151, 0.11), transparent 42%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(218, 237, 242, 0.98));
    border-color: rgba(8, 145, 180, 0.28);
    border-bottom-color: rgba(8, 145, 180, 0.2);
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .sunny-agent-shell--floating .drag-handle::after {
    background: linear-gradient(90deg, transparent, rgba(8, 145, 180, 0.58), rgba(191, 70, 151, 0.3), transparent);
}

:root[data-theme="light"] .sunny-agent-shell--floating .handle-avatar {
    background: linear-gradient(145deg, #ffffff, #d9edf2);
    border-color: rgba(8, 145, 180, 0.4);
    box-shadow: 0 0 0 3px rgba(8, 145, 180, 0.1), 0 8px 20px rgba(42, 86, 101, 0.2);
}

:root[data-theme="light"] .sunny-agent-shell--floating .handle-avatar img {
    filter: drop-shadow(0 5px 10px rgba(42, 86, 101, 0.24));
}

:root[data-theme="light"] .sunny-agent-shell--floating .header-caption,
:root[data-theme="light"] .sunny-agent-shell--floating .conversation-context__trail {
    color: var(--app-text-primary);
}

:root[data-theme="light"] .sunny-agent-shell--floating .conversation-context,
:root[data-theme="light"] .sunny-agent-shell--floating .agent-runtime-selector__identity,
:root[data-theme="light"] .sunny-agent-shell--floating .agent-quick-actions__eyebrow,
:root[data-theme="light"] .sunny-agent-shell--floating .agent-history-panel__eyebrow {
    color: #087fa4;
}

:root[data-theme="light"] .sunny-agent-shell--floating .history-toggle,
:root[data-theme="light"] .sunny-agent-shell--floating .close-button {
    color: #426574;
    background: linear-gradient(145deg, #ffffff, #dcecf1);
    border-color: rgba(8, 145, 180, 0.25);
    box-shadow: 0 5px 14px rgba(42, 86, 101, 0.12), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .sunny-agent-shell--floating .history-toggle:hover,
:root[data-theme="light"] .sunny-agent-shell--floating .history-toggle.is-active,
:root[data-theme="light"] .sunny-agent-shell--floating .close-button:hover {
    color: #075f79;
    background: linear-gradient(145deg, #ffffff, #cce8ee);
    border-color: rgba(8, 145, 180, 0.46);
    box-shadow: 0 7px 17px rgba(42, 86, 101, 0.17), 0 0 0 3px rgba(8, 145, 180, 0.07);
}

:root[data-theme="light"] .sunny-agent-shell--floating .conversation-mode {
    color: #087fa4;
    background: rgba(255, 255, 255, 0.72);
    border-color: rgba(8, 145, 180, 0.27);
}

:root[data-theme="light"] .sunny-agent-shell--floating .conversation-mode select,
:root[data-theme="light"] .sunny-agent-shell--floating .conversation-mode--locked > span:not(.visually-hidden) {
    color: var(--app-text-primary);
}

:root[data-theme="light"] .sunny-agent-shell--floating .conversation-mode select option,
:root[data-theme="light"] .sunny-agent-shell--floating .agent-runtime-selector__field select option {
    color: var(--app-text-primary);
    background: #f7fbfc;
}

:root[data-theme="light"] .sunny-agent-shell--floating #AgentContainer {
    color: var(--app-text-primary);
    background:
        radial-gradient(circle at 24% 0%, rgba(8, 175, 210, 0.09), transparent 48%),
        radial-gradient(circle at 86% 20%, rgba(91, 103, 178, 0.07), transparent 44%),
        linear-gradient(180deg, var(--agent-bg1), var(--agent-bg2));
    border-color: var(--agent-border);
}

:root[data-theme="light"] .sunny-agent-shell--floating #AgentTextContainer {
    color: var(--app-text-primary);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.78), rgba(233, 244, 247, 0.72));
    border-color: rgba(8, 145, 180, 0.2);
    scrollbar-color: rgba(8, 145, 180, 0.62) rgba(214, 231, 235, 0.78);
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .sunny-agent-shell--floating .agent-avatar-container,
:root[data-theme="light"] .sunny-agent-shell--floating .agent-face-cnt {
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.86), rgba(215, 236, 241, 0.84));
    border-color: rgba(8, 145, 180, 0.22);
    box-shadow: 0 8px 20px rgba(42, 86, 101, 0.14), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .sunny-agent-shell--floating .agent-history-panel {
    color: var(--app-text-primary);
    background:
        radial-gradient(circle at 0 0, rgba(8, 175, 210, 0.12), transparent 52%),
        radial-gradient(circle at 100% 100%, rgba(191, 70, 151, 0.07), transparent 48%),
        linear-gradient(180deg, #f8fcfd, #e2f0f3);
    border-color: rgba(8, 145, 180, 0.25);
    border-right-color: rgba(8, 145, 180, 0.34);
    box-shadow: inset -1px 0 0 rgba(8, 145, 180, 0.08), 8px 0 24px rgba(42, 86, 101, 0.1);
}

:root[data-theme="light"] .sunny-agent-shell--floating .agent-history-panel__header h3,
:root[data-theme="light"] .sunny-agent-shell--floating .agent-history-state strong,
:root[data-theme="light"] .sunny-agent-shell--floating .agent-history-message__content {
    color: var(--app-text-primary);
}

:root[data-theme="light"] .sunny-agent-shell--floating .agent-history-panel__count,
:root[data-theme="light"] .sunny-agent-shell--floating .agent-history-search {
    color: #087fa4;
    background: rgba(255, 255, 255, 0.68);
    border-color: rgba(8, 145, 180, 0.24);
}

:root[data-theme="light"] .sunny-agent-shell--floating .agent-history-search input {
    color: var(--app-text-primary);
}

:root[data-theme="light"] .sunny-agent-shell--floating .agent-history-search input::placeholder,
:root[data-theme="light"] .sunny-agent-shell--floating .agent-history-state,
:root[data-theme="light"] .sunny-agent-shell--floating .agent-history-message__meta time {
    color: var(--app-text-muted);
}

:root[data-theme="light"] .sunny-agent-shell--floating .agent-history-message {
    color: var(--app-text-primary);
    background: rgba(255, 255, 255, 0.72);
    border-color: rgba(8, 145, 180, 0.16);
    box-shadow: 0 7px 17px rgba(42, 86, 101, 0.1);
}

:root[data-theme="light"] .sunny-agent-shell--floating .agent-history-message--user {
    background: linear-gradient(135deg, rgba(205, 239, 246, 0.92), rgba(246, 252, 253, 0.94));
    border-color: rgba(8, 145, 180, 0.26);
}

:root[data-theme="light"] .sunny-agent-shell--floating .agent-history-message--assistant {
    background: linear-gradient(135deg, rgba(236, 229, 245, 0.9), rgba(248, 252, 253, 0.94));
    border-color: rgba(129, 78, 159, 0.18);
}

:root[data-theme="light"] .sunny-agent-shell--floating .agent-history-message__meta {
    color: #087fa4;
}

:root[data-theme="light"] .sunny-agent-shell--floating .agent-quick-actions,
:root[data-theme="light"] .sunny-agent-shell--floating .agent-option-selector,
:root[data-theme="light"] .sunny-agent-shell--floating .agent-confirmation {
    color: var(--app-text-primary);
    background:
        radial-gradient(circle at 8% 0%, rgba(8, 175, 210, 0.1), transparent 36%),
        radial-gradient(circle at 96% 100%, rgba(191, 70, 151, 0.06), transparent 38%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.94), rgba(224, 239, 243, 0.96));
    border-color: rgba(8, 145, 180, 0.24);
    box-shadow: 0 10px 24px rgba(42, 86, 101, 0.12), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .sunny-agent-shell--floating .agent-quick-actions__header,
:root[data-theme="light"] .sunny-agent-shell--floating .agent-option-selector__header p,
:root[data-theme="light"] .sunny-agent-shell--floating .agent-option-selector__option-copy small,
:root[data-theme="light"] .sunny-agent-shell--floating .agent-confirmation__copy p,
:root[data-theme="light"] .sunny-agent-shell--floating .sales-advisor-actions__context {
    color: var(--app-text-secondary);
}

:root[data-theme="light"] .sunny-agent-shell--floating .agent-option-selector__header strong,
:root[data-theme="light"] .sunny-agent-shell--floating .agent-confirmation__copy strong,
:root[data-theme="light"] .sunny-agent-shell--floating .agent-quick-action__copy strong {
    color: var(--app-text-primary);
}

:root[data-theme="light"] .sunny-agent-shell--floating .agent-option-selector__header span:not(.agent-option-selector__signal),
:root[data-theme="light"] .sunny-agent-shell--floating .agent-confirmation__copy > span,
:root[data-theme="light"] .sunny-agent-shell--floating .sales-advisor-actions__context strong {
    color: #087fa4;
}

:root[data-theme="light"] .sunny-agent-shell--floating .agent-quick-action,
:root[data-theme="light"] .sunny-agent-shell--floating .agent-option-selector__option,
:root[data-theme="light"] .sunny-agent-shell--floating .sales-advisor-action {
    color: var(--app-text-primary);
    background: linear-gradient(115deg, rgba(var(--quick-action-color, 91, 181, 197), 0.1), transparent 54%), rgba(255, 255, 255, 0.75);
    border-color: rgba(var(--quick-action-color, 91, 181, 197), 0.28);
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .sunny-agent-shell--floating .agent-quick-action:hover:not(:disabled),
:root[data-theme="light"] .sunny-agent-shell--floating .agent-quick-action:focus-visible,
:root[data-theme="light"] .sunny-agent-shell--floating .agent-quick-action.is-active,
:root[data-theme="light"] .sunny-agent-shell--floating .agent-option-selector__option:hover:not(:disabled),
:root[data-theme="light"] .sunny-agent-shell--floating .agent-option-selector__option:focus-visible:not(:disabled),
:root[data-theme="light"] .sunny-agent-shell--floating .sales-advisor-action:hover:not(:disabled) {
    color: #075f79;
    background: linear-gradient(115deg, rgba(var(--quick-action-color, 91, 181, 197), 0.17), transparent 62%), #f8fcfd;
    box-shadow: 0 8px 20px rgba(42, 86, 101, 0.14), 0 0 0 2px rgba(8, 145, 180, 0.06);
}

:root[data-theme="light"] .sunny-agent-shell--floating .agent-quick-action__copy small {
    color: var(--app-text-muted);
}

:root[data-theme="light"] .sunny-agent-shell--floating .agent-option-selector__option.is-cancellation {
    color: var(--app-text-secondary);
    background: rgba(235, 244, 246, 0.82);
}

:root[data-theme="light"] .sunny-agent-shell--floating .agent-confirmation__button.is-secondary {
    color: var(--app-text-primary);
    background: linear-gradient(145deg, #ffffff, #dcecf1);
    border-color: rgba(8, 145, 180, 0.24);
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .sunny-agent-shell--floating .sales-advisor-actions,
:root[data-theme="light"] .sunny-agent-shell--floating .agent-runtime-selector {
    color: var(--app-text-primary);
    background: linear-gradient(100deg, rgba(8, 175, 210, 0.08), rgba(246, 251, 252, 0.96) 48%, rgba(191, 70, 151, 0.06));
    border-color: rgba(8, 145, 180, 0.2);
}

:root[data-theme="light"] .sunny-agent-shell--floating .agent-runtime-selector__field {
    color: var(--app-text-muted);
}

:root[data-theme="light"] .sunny-agent-shell--floating .agent-runtime-selector__field select {
    color: var(--app-text-primary);
    color-scheme: light;
    background: rgba(255, 255, 255, 0.86);
    border-color: rgba(8, 145, 180, 0.24);
}

:root[data-theme="light"] .sunny-agent-shell--floating .input-agent-cnt {
    color: var(--app-text-primary);
    background:
        radial-gradient(circle at 20% 0%, rgba(8, 175, 210, 0.09), transparent 55%),
        linear-gradient(180deg, rgba(244, 250, 251, 0.98), rgba(224, 239, 243, 0.98));
    border-color: rgba(8, 145, 180, 0.22);
}

:root[data-theme="light"] .sunny-agent-shell--floating .agent-composer-tab {
    color: var(--app-text-muted);
}

:root[data-theme="light"] .sunny-agent-shell--floating .agent-composer-tab.is-active {
    color: #075f79;
    background: rgba(255, 255, 255, 0.78);
    border-color: rgba(8, 145, 180, 0.22);
    border-bottom-color: rgba(255, 255, 255, 0.78);
}

:root[data-theme="light"] .sunny-agent-shell--floating .message-input {
    color: var(--app-text-primary);
    background: rgba(255, 255, 255, 0.88);
    border-color: rgba(8, 145, 180, 0.24);
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .sunny-agent-shell--floating .message-input::placeholder {
    color: var(--app-text-muted);
}

:root[data-theme="light"] .sunny-agent-shell--floating .message-input:focus {
    border-color: rgba(8, 145, 180, 0.48);
    box-shadow: 0 0 0 3px rgba(8, 145, 180, 0.09), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .sunny-agent-shell--floating .agent-attachment-chip,
:root[data-theme="light"] .sunny-agent-shell--floating .agent-file-dropzone {
    color: var(--app-text-primary);
    background: linear-gradient(135deg, rgba(205, 239, 246, 0.76), rgba(247, 251, 252, 0.9));
    border-color: rgba(8, 145, 180, 0.28);
}

:root[data-theme="light"] .sunny-agent-shell--floating .agent-file-dropzone__hint,
:root[data-theme="light"] .sunny-agent-shell--floating .agent-file-dropzone__paste {
    color: var(--app-text-secondary);
}

:root[data-theme="light"] .sunny-agent-shell--floating .agent-send-btn {
    color: #ffffff;
    background: linear-gradient(135deg, #078bae, #087fa4 58%, #6258a6);
    border-color: rgba(8, 112, 143, 0.4);
    box-shadow: 0 8px 18px rgba(8, 127, 164, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.25);
}

:root[data-theme="light"] .sunny-agent-shell--floating .agent-clear-btn {
    color: #70405e;
    background: linear-gradient(135deg, #fffafd, #eaddea);
    border-color: rgba(181, 64, 137, 0.24);
    box-shadow: 0 7px 16px rgba(95, 62, 84, 0.1), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .sunny-agent-shell--floating .agent-request-error {
    color: #75451d;
    background: linear-gradient(145deg, rgba(255, 244, 225, 0.96), rgba(250, 227, 197, 0.94));
    border-color: rgba(190, 118, 50, 0.34);
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .sunny-agent-shell--floating .agent-request-error__heading,
:root[data-theme="light"] .sunny-agent-shell--floating .agent-request-error summary {
    color: #81501f;
}

:root[data-theme="light"] .sunny-agent-shell--floating .agent-request-error__reference,
:root[data-theme="light"] .sunny-agent-shell--floating .agent-request-error pre {
    color: #765231;
}

:root[data-theme="light"] .sunny-agent-shell--floating .agent-request-error pre {
    background: rgba(255, 255, 255, 0.58);
}

:root[data-theme="light"] .sunny-agent-shell--floating .thinking-legend {
    color: var(--app-text-secondary);
}

:root[data-theme="light"] .sunny-agent-shell--floating .agent-sleeping {
    background: rgba(248, 252, 253, 0.88);
    border-color: rgba(8, 145, 180, 0.3);
    box-shadow: 0 12px 28px rgba(42, 86, 101, 0.2), inset 0 1px 0 #ffffff;
}

/* Business Network light theme: directory, feed, posts, jobs, and investments. */
:root[data-theme="light"] .job-search-page {
    --career-ink: var(--app-text-primary);
    --career-muted: var(--app-text-secondary);
    --career-subtle: var(--app-text-muted);
    --career-cyan: #078eae;
    --career-cyan-bright: #057b99;
    --career-blue: #197ca1;
    --career-amber: #b5791b;
    --career-green: #188765;
    --career-red: #b74755;
    --career-panel: rgba(255, 255, 255, 0.9);
    --career-panel-soft: rgba(235, 246, 248, 0.92);
    --career-line: rgba(21, 122, 151, 0.18);
    --career-line-strong: rgba(8, 145, 180, 0.38);
    color: var(--app-text-primary);
    background:
        linear-gradient(rgba(14, 132, 165, 0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(14, 132, 165, 0.035) 1px, transparent 1px),
        radial-gradient(circle at 8% -10%, rgba(30, 167, 194, 0.15), transparent 30%),
        radial-gradient(circle at 92% 5%, rgba(224, 168, 74, 0.12), transparent 23%),
        linear-gradient(150deg, #fbfdfe 0%, #edf6f8 48%, #e4f0f3 100%);
}

:root[data-theme="light"] .job-search-page::before {
    border-color: rgba(8, 145, 180, 0.13);
    box-shadow: 0 0 0 5rem rgba(8, 145, 180, 0.025), 0 0 0 10rem rgba(8, 145, 180, 0.018);
}

:root[data-theme="light"] .job-search-page::after {
    background: rgba(36, 152, 198, 0.07);
    box-shadow: 0 0 90px rgba(36, 152, 198, 0.1);
}

:root[data-theme="light"] .job-search-page :is(.career-hero, .search-command, .opportunity-detail, .loading-workspace, .empty-state) {
    color: var(--app-text-primary);
    background:
        radial-gradient(circle at 96% 0%, rgba(18, 165, 198, 0.09), transparent 34%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(229, 242, 245, 0.96));
    border-color: rgba(24, 126, 154, 0.2);
    box-shadow: 0 18px 44px rgba(41, 83, 98, 0.13), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .job-search-page :is(.opportunity-card, .opportunity-snapshot, .application-panel, .detail-section, .candidate-profile-section, .requirement-block, .snapshot-item, .application-assurance) {
    color: var(--app-text-primary);
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.94), rgba(234, 244, 247, 0.94));
    border-color: rgba(26, 128, 155, 0.17);
    box-shadow: 0 10px 27px rgba(41, 83, 98, 0.1), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .job-search-page .opportunity-card:hover,
:root[data-theme="light"] .job-search-page .opportunity-card.is-selected {
    border-color: rgba(8, 145, 180, 0.46);
    background: linear-gradient(145deg, #ffffff, #dff1f5);
    box-shadow: 0 16px 34px rgba(41, 83, 98, 0.17), 0 0 0 2px rgba(8, 145, 180, 0.07);
}

:root[data-theme="light"] .job-search-page :is(h1, h2, h3, h4, .card-position, .detail-employer, .requirement-entry strong, .application-timeline strong) {
    color: var(--app-text-primary);
    text-shadow: none;
}

:root[data-theme="light"] .job-search-page :is(.career-hero-copy > p, .confidence-row span, .card-summary, .card-facts, .opportunity-signal > span, .results-guidance, .detail-hero > p, .rich-description, .requirement-entry, .application-timeline small) {
    color: var(--app-text-secondary);
}

:root[data-theme="light"] .job-search-page :is(.search-field, .active-opportunities-toggle) {
    color: var(--app-text-primary);
    background: rgba(255, 255, 255, 0.82);
    border-color: rgba(24, 126, 154, 0.2);
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .job-search-page .search-field input {
    color: var(--app-text-primary);
    background: transparent;
}

:root[data-theme="light"] .job-search-page .search-field input::placeholder {
    color: var(--app-text-muted);
}

:root[data-theme="light"] .job-search-page :is(.refresh-button, .state-action, .footer-apply) {
    color: #075f79;
    background: linear-gradient(145deg, #ffffff, #dceff4);
    border-color: rgba(17, 137, 170, 0.28);
    box-shadow: 0 8px 20px rgba(41, 91, 107, 0.13), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .job-search-page .primary-action {
    color: #ffffff;
    background: linear-gradient(135deg, #078bae, #087fa4 58%, #6258a6);
    border-color: rgba(8, 112, 143, 0.42);
    box-shadow: 0 10px 24px rgba(8, 127, 164, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.24);
}

:root[data-theme="light"] .job-search-page .primary-action :is(strong, small) {
    color: #ffffff;
}

:root[data-theme="light"] .job-search-page .compact-employer-logo,
:root[data-theme="light"] .job-search-page .detail-employer-logo,
:root[data-theme="light"] .job-search-page .section-icon,
:root[data-theme="light"] .job-search-page .application-icon,
:root[data-theme="light"] .job-search-page .empty-icon {
    background: linear-gradient(145deg, #ffffff, #d9edf2);
    border-color: rgba(8, 145, 180, 0.24);
    box-shadow: 0 8px 20px rgba(41, 83, 98, 0.12), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .bha-shell {
    --bg0: #edf6f8;
    --card: rgba(255, 255, 255, 0.82);
    --line: rgba(24, 126, 154, 0.25);
    --line2: rgba(24, 126, 154, 0.16);
    --text: var(--app-text-primary);
    --muted: var(--app-text-secondary);
    --glowA: rgba(8, 145, 180, 0.28);
    --glowB: rgba(98, 88, 166, 0.22);
    color: var(--app-text-primary);
    background:
        radial-gradient(circle at 15% 10%, rgba(16, 170, 204, 0.13), transparent 40%),
        radial-gradient(circle at 85% 20%, rgba(98, 88, 166, 0.1), transparent 42%),
        linear-gradient(155deg, #fbfdfe, #e8f3f6);
    border-color: var(--line2);
    box-shadow: 0 24px 60px rgba(41, 83, 98, 0.15);
}

:root[data-theme="light"] .bha-shell :is(.bha-topbar, .bha-panel, .bha-modal) {
    color: var(--app-text-primary);
    background: rgba(255, 255, 255, 0.84);
    border-color: var(--line2);
    box-shadow: 0 16px 38px rgba(41, 83, 98, 0.12), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .bha-shell :is(.bha-badge, .bha-kpi, .bha-row, .bha-pill, .bha-empty, .bha-skel) {
    color: var(--app-text-primary);
    background: rgba(235, 245, 247, 0.86);
    border-color: var(--line2);
}

:root[data-theme="light"] .bha-shell :is(.bha-pageHeaderHost .subtitleText, .bha-panel__title, .bha-modal__title, .bha-kpi__value, .bha-empty__title) {
    color: var(--app-text-primary);
    text-shadow: none;
}

:root[data-theme="light"] .bha-shell :is(.bha-label, .bha-panel__meta, .bha-kpi__label, .bha-alert__sub, .bha-empty__sub) {
    color: var(--app-text-secondary);
}

:root[data-theme="light"] .bha-shell :is(.bha-input, input, select, textarea) {
    color: var(--app-text-primary);
    color-scheme: light;
    background: rgba(255, 255, 255, 0.9);
    border-color: rgba(24, 126, 154, 0.22);
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .bha-shell :is(input, textarea)::placeholder {
    color: var(--app-text-muted);
}

:root[data-theme="light"] .bha-shell :is(.bha-help__toggle, .bha-btn--ghost, .bha-label--ghost) {
    color: #075f79;
    background: linear-gradient(145deg, #ffffff, #dceff4);
    border-color: rgba(17, 137, 170, 0.28);
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .bha-shell .bha-help__bubble {
    color: var(--app-text-primary);
    background: rgba(250, 253, 254, 0.98);
    border-color: rgba(8, 145, 180, 0.22);
    box-shadow: 0 18px 40px rgba(41, 83, 98, 0.18);
}

:root[data-theme="light"] .bha-shell .bha-modalback,
:root[data-theme="light"] .bnfeed .bnfeed__modalback {
    background: rgba(31, 56, 68, 0.34);
    backdrop-filter: blur(8px);
}

:root[data-theme="light"] .bha-shell :is(.bha-scope-switch__track, .bha-scope-switch__thumb) {
    border-color: rgba(8, 145, 180, 0.28);
    box-shadow: 0 3px 10px rgba(41, 83, 98, 0.18);
}

:root[data-theme="light"] .bha-shell .bha-scope-switch__track {
    background: #cfe2e7;
}

:root[data-theme="light"] .bha-shell .bha-scope-switch {
    color: var(--app-text-primary);
    border-color: rgba(24, 126, 154, 0.22);
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(224, 240, 244, 0.92));
    box-shadow: inset 0 1px 0 #ffffff, 0 6px 16px rgba(41, 83, 98, 0.08);
}

:root[data-theme="light"] .bha-shell .bha-scope-switch:hover {
    border-color: rgba(8, 145, 180, 0.42);
    background: linear-gradient(145deg, #ffffff, #d8eef3);
    box-shadow: inset 0 1px 0 #ffffff, 0 9px 20px rgba(41, 83, 98, 0.13);
}

:root[data-theme="light"] .bha-shell .bha-scope-switch__copy strong {
    color: var(--app-text-primary);
}

:root[data-theme="light"] .bha-shell .bha-scope-switch__copy small {
    color: var(--app-text-secondary);
}

:root[data-theme="light"] .bha-shell .bha-scope-switch__thumb {
    background: #ffffff;
}

:root[data-theme="light"] .bha-shell .bha-scope-switch input:checked + .bha-scope-switch__track {
    background: linear-gradient(135deg, #0aa5c7, #087fa4);
}

:root[data-theme="light"] .bneditor,
:root[data-theme="light"] .bn-detail {
    --bn-bg0: #edf6f8;
    --bn-surface: rgba(255, 255, 255, 0.86);
    --bn-surface-strong: rgba(235, 245, 247, 0.96);
    --bn-line: rgba(24, 126, 154, 0.24);
    --bn-line2: rgba(24, 126, 154, 0.16);
    --bn-text: var(--app-text-primary);
    --bn-muted: var(--app-text-secondary);
    --bn-accent: #087fa4;
    --bn-accent-2: #6258a6;
    --bn-danger: #b74755;
    --bn-success: #188765;
    color: var(--app-text-primary);
}

:root[data-theme="light"] .bneditor :is(.bneditor__hero, .bneditor__panel, .bneditor__message),
:root[data-theme="light"] .bn-detail :is(.bn-detail__state, .bn-detail__hero, .bn-detail__main, .bn-detail__panel, .bn-detail__comments) {
    color: var(--app-text-primary);
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.94), rgba(232, 243, 246, 0.94));
    border-color: rgba(24, 126, 154, 0.17);
    box-shadow: 0 15px 36px rgba(41, 83, 98, 0.12), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .bneditor :is(.bneditor__field, .bneditor__group, .bneditor__media-item, .bneditor__dropzone, .bneditor__summary, .bneditor__external) {
    color: var(--app-text-primary);
    background: rgba(248, 252, 253, 0.88);
    border-color: rgba(24, 126, 154, 0.17);
}

:root[data-theme="light"] .bneditor :is(input, select, textarea),
:root[data-theme="light"] .bn-detail :is(input, select, textarea) {
    color: var(--app-text-primary);
    color-scheme: light;
    background: rgba(255, 255, 255, 0.92);
    border-color: rgba(24, 126, 154, 0.22);
}

:root[data-theme="light"] .bneditor :is(.bneditor__eyebrow, .bneditor__pill, .bneditor__tool, .bneditor__button--ghost) {
    color: #075f79;
    background: rgba(224, 240, 244, 0.9);
    border-color: rgba(8, 145, 180, 0.23);
}

:root[data-theme="light"] .bnfeed {
    --network-feed-bg:
        radial-gradient(circle at 8% 0%, rgba(16, 170, 204, 0.13), transparent 36%),
        radial-gradient(circle at 94% 8%, rgba(98, 88, 166, 0.09), transparent 32%),
        linear-gradient(155deg, #fbfdfe, #e8f3f6);
    --network-feed-surface: rgba(255, 255, 255, 0.84);
    --network-feed-surface-elevated: rgba(239, 248, 250, 0.96);
    --network-feed-input-border: rgba(24, 126, 154, 0.22);
    --network-feed-card-border: rgba(24, 126, 154, 0.16);
    --network-feed-text-color: var(--app-text-primary);
    --network-feed-title-color: #102b39;
    --network-feed-muted-text: var(--app-text-secondary);
    --network-feed-accent: #087fa4;
    --network-feed-accent-strong: #6258a6;
    --network-feed-accent-soft: rgba(8, 145, 180, 0.1);
    --network-feed-hover-overlay: rgba(8, 145, 180, 0.06);
    --network-feed-divider: rgba(24, 126, 154, 0.13);
    --network-feed-input-bg: rgba(255, 255, 255, 0.9);
    --network-feed-input-focus: 0 0 0 0.22rem rgba(8, 145, 180, 0.1), 0 12px 28px rgba(41, 83, 98, 0.12);
    --network-feed-button-primary-bg: linear-gradient(135deg, #11a9c8, #087fa4);
    --network-feed-button-primary-text: #ffffff;
    --network-feed-button-secondary-bg: rgba(255, 255, 255, 0.76);
    --network-feed-button-secondary-border: rgba(24, 126, 154, 0.2);
    --network-feed-glow-primary: 0 0 18px rgba(8, 145, 180, 0.1);
    --network-feed-glow-secondary: 0 0 24px rgba(98, 88, 166, 0.1);
    --network-feed-badge-bg: rgba(98, 88, 166, 0.1);
    --network-feed-badge-text: #574d93;
    --network-feed-card-shadow: 0 16px 36px rgba(41, 83, 98, 0.14);
    color: var(--app-text-primary);
    border-color: rgba(24, 126, 154, 0.16);
    box-shadow: 0 24px 60px rgba(41, 83, 98, 0.15);
}

/* Let the feed panels sit directly on the mode-aware application canvas. */
:root[data-theme="light"] .content > .page-header-title + .bnfeed {
    --network-feed-bg: transparent;
    border-color: transparent;
    box-shadow: none;
}

:root[data-theme="light"] .bnfeed :is(.bnfeed__hero, .bnfeed__metrics, .bnfeed__filters, .bnfeed__message, .bnfeed__empty, .bnfeed__loading, .bnfeed__modal) {
    color: var(--app-text-primary);
    border-color: rgba(24, 126, 154, 0.17);
    box-shadow: 0 15px 36px rgba(41, 83, 98, 0.12), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .bnfeed :is(input, select, textarea) {
    color: var(--app-text-primary);
    color-scheme: light;
    background: rgba(255, 255, 255, 0.9);
    border-color: rgba(24, 126, 154, 0.22);
}

:root[data-theme="light"] .bnfeed :is(input, textarea)::placeholder {
    color: var(--app-text-muted);
}

:root[data-theme="light"] :is(.bn-cardpost, .bh-postcard) {
    color: var(--app-text-primary);
    background:
        radial-gradient(circle at 96% 0%, rgba(8, 145, 180, 0.1), transparent 30%),
        linear-gradient(155deg, rgba(255, 255, 255, 0.97), rgba(229, 241, 244, 0.97));
    border-color: rgba(24, 126, 154, 0.18);
    box-shadow: 0 15px 34px rgba(41, 83, 98, 0.13), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] :is(.bn-cardpost, .bh-postcard):hover {
    border-color: rgba(8, 145, 180, 0.36);
    box-shadow: 0 19px 42px rgba(41, 83, 98, 0.17), 0 0 24px rgba(8, 145, 180, 0.08), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] :is(.bn-cardpost__surface, .bn-cardpost__body, .bh-postcard__body, .bh-comments-panel, .bh-comment-item, .bh-comment-composer) {
    color: var(--app-text-primary);
    background: rgba(249, 252, 253, 0.86);
    border-color: rgba(24, 126, 154, 0.15);
}

:root[data-theme="light"] :is(.bn-cardpost__title, .bn-cardpost__author, .bh-h3, .bh-comment-item__body, .bh-comment-item__text) {
    color: var(--app-text-primary);
}

:root[data-theme="light"] :is(.bn-cardpost__excerpt, .bn-cardpost__storymeta, .bn-cardpost__engagement, .bh-snippet, .bh-comment-item__meta, .bh-comment-counter, .comments-empty) {
    color: var(--app-text-secondary);
}

:root[data-theme="light"] .bn-gridboard::before {
    background-image:
        linear-gradient(rgba(8, 145, 180, 0.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(8, 145, 180, 0.04) 1px, transparent 1px);
}

:root[data-theme="light"] :is(.bn-user-avatar, .post-analytics-card, .post-analytics-card__mediaColumn, .post-analytics-card__visual) {
    color: var(--app-text-primary);
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.94), rgba(229, 241, 244, 0.94));
    border-color: rgba(24, 126, 154, 0.17);
    box-shadow: 0 12px 30px rgba(41, 83, 98, 0.12), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] :is(.bn-user-displayname, .post-analytics-card__title, .post-analytics-card__squad, .metric-box__value, .comment-item__author) {
    color: var(--app-text-primary);
}

:root[data-theme="light"] :is(.bn-user-username, .bn-user-meta, .post-analytics-card__meta, .post-analytics-card__snippet, .metric-box__label, .comment-item__date, .comment-item__body) {
    color: var(--app-text-secondary);
}

:root[data-theme="light"] :is(.post-analytics-card__body, .post-insights, .metric-box, .comments-panel, .comment-item, .post-analytics-card__replicate-menu, .post-analytics-card__replicate-target) {
    color: var(--app-text-primary);
    background: rgba(249, 252, 253, 0.9);
    border-color: rgba(24, 126, 154, 0.16);
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] :is(.bn-media--empty, .bn-media__external-preview, .bn-media__external-link) {
    color: var(--app-text-secondary);
    background: linear-gradient(145deg, #f7fbfc, #dfedf1);
    border-color: rgba(24, 126, 154, 0.18);
}

:root[data-theme="light"] :is(.bn-media__caption, .bn-media__count, .bn-media__external-preview-copy, .bn-media__external-link-copy) {
    color: var(--app-text-primary);
    background: rgba(248, 252, 253, 0.9);
    border-color: rgba(24, 126, 154, 0.16);
}

:root[data-theme="light"] :is(.bn-reactpicker__trigger, .bn-reactpicker__menu, .bn-reactpicker__option, .bn-reactsum__icon) {
    color: var(--app-text-primary);
    background: rgba(255, 255, 255, 0.94);
    border-color: rgba(24, 126, 154, 0.18);
    box-shadow: 0 10px 24px rgba(41, 83, 98, 0.14);
}

:root[data-theme="light"] .bn-reactpicker__option:hover,
:root[data-theme="light"] .bn-reactpicker__option.active {
    color: #075f79;
    background: #e1f1f4;
}

:root[data-theme="light"] :is(.bn-comments__item, .bn-commenteditor) {
    color: var(--app-text-primary);
    background: rgba(247, 251, 252, 0.92);
    border-color: rgba(24, 126, 154, 0.16);
}

:root[data-theme="light"] :is(.bn-comments__author, .bn-comments__text) {
    color: var(--app-text-primary);
}

:root[data-theme="light"] :is(.bn-comments__meta, .bn-comments--empty, .bn-commenteditor__counter) {
    color: var(--app-text-secondary);
}

:root[data-theme="light"] .bn-commenteditor__input {
    color: var(--app-text-primary);
    background: #ffffff;
    border-color: rgba(24, 126, 154, 0.21);
}

:root[data-theme="light"] .bn-detail {
    background:
        radial-gradient(circle at 15% 10%, rgba(16, 170, 204, 0.12), transparent 40%),
        radial-gradient(circle at 85% 20%, rgba(98, 88, 166, 0.08), transparent 42%),
        linear-gradient(155deg, #fbfdfe, #e8f3f6);
    border-color: rgba(24, 126, 154, 0.16);
    box-shadow: 0 24px 60px rgba(41, 83, 98, 0.15);
}

:root[data-theme="light"] .bn-detail :is(.bn-detail__title, .bn-detail__author, .bn-detail__article) {
    color: var(--app-text-primary);
}

:root[data-theme="light"] .bn-detail :is(.bn-detail__lede, .bn-detail__date, .bn-detail__meta) {
    color: var(--app-text-secondary);
}

:root[data-theme="light"] .bn-directory {
    --bn-bg-0: #f8fcfd;
    --bn-bg-1: #edf6f8;
    --bn-bg-2: #e3f0f3;
    --bn-panel: rgba(255, 255, 255, 0.84);
    --bn-panel-soft: rgba(235, 245, 247, 0.86);
    --bn-panel-strong: rgba(250, 253, 254, 0.96);
    --bn-border: rgba(24, 126, 154, 0.16);
    --bn-border-strong: rgba(8, 145, 180, 0.36);
    --bn-text: var(--app-text-primary);
    --bn-muted: var(--app-text-secondary);
    --bn-cyan: #087fa4;
    --bn-blue: #326fa8;
    --bn-violet: #6258a6;
    --bn-pink: #b54089;
    --bn-success: #188765;
    --bn-warning: #a86c12;
    --bn-danger: #b74755;
    --bn-shadow: 0 24px 60px rgba(41, 83, 98, 0.16);
    --bn-shadow-soft: 0 14px 34px rgba(41, 83, 98, 0.12);
    color: var(--app-text-primary);
    background:
        radial-gradient(circle at 3% 2%, rgba(8, 145, 180, 0.11), transparent 24rem),
        radial-gradient(circle at 97% 15%, rgba(98, 88, 166, 0.08), transparent 28rem),
        linear-gradient(160deg, #fbfdfe, #e6f2f5);
    border-color: rgba(24, 126, 154, 0.12);
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .bn-directory::before {
    background-image:
        linear-gradient(rgba(8, 145, 180, 0.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(8, 145, 180, 0.045) 1px, transparent 1px);
}

:root[data-theme="light"] .bn-directory :is(.bn-directory__hero, .bn-directory__filters, .bn-directory__card, .bn-directory__empty, .bn-directory__alert) {
    color: var(--app-text-primary);
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.95), rgba(230, 242, 245, 0.95));
    border-color: rgba(24, 126, 154, 0.17);
    box-shadow: var(--bn-shadow-soft), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .bn-directory :is(.bn-directory__metrics article, .bn-directory__meta > span, .bn-directory__meta > a) {
    color: var(--app-text-primary);
    background: rgba(248, 252, 253, 0.88);
    border-color: rgba(24, 126, 154, 0.16);
}

:root[data-theme="light"] .bn-directory :is(input, select) {
    color: var(--app-text-primary);
    color-scheme: light;
    background: rgba(255, 255, 255, 0.92);
    border-color: rgba(24, 126, 154, 0.22);
}

:root[data-theme="light"] .bn-directory select option {
    color: var(--app-text-primary);
    background: #ffffff;
}

:root[data-theme="light"] .bn-directory .bn-directory__info {
    background:
        radial-gradient(circle at 100% 0%, var(--bn-info-glow), transparent 43%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.9), rgba(234, 244, 247, 0.9));
    border-color: rgba(24, 126, 154, 0.15);
    box-shadow: 0 10px 24px rgba(41, 83, 98, 0.1), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .bn-directory :is(.bn-directory__card h3, .bn-directory__metrics strong, .bn-directory__info-label, .bn-directory__richtext) {
    color: var(--app-text-primary);
}

:root[data-theme="light"] .investment-marketplace {
    --ink: var(--app-text-primary);
    --muted: var(--app-text-secondary);
    --cyan: #087fa4;
    --cyan-soft: #b9dde6;
    --gold: #a86c12;
    --panel: #f8fcfd;
    --panel-2: #e8f3f6;
    color: var(--app-text-primary);
    background:
        radial-gradient(circle at 84% -15%, rgba(8, 145, 180, 0.14), transparent 34%),
        radial-gradient(circle at 8% 28%, rgba(224, 168, 74, 0.1), transparent 26%),
        linear-gradient(155deg, #fbfdfe 0%, #edf6f8 48%, #e4f0f3 100%);
}

:root[data-theme="light"] .investment-marketplace :is(.investment-marketplace__header, .investment-filters, .opportunity-card, .proposal-portfolio) {
    color: var(--app-text-primary);
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.95), rgba(230, 242, 245, 0.95));
    border-color: rgba(24, 126, 154, 0.18);
    box-shadow: 0 16px 38px rgba(41, 83, 98, 0.12), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .investment-marketplace :is(h1, h2, h3, strong, .opportunity-card__body h3, .investment-state strong) {
    color: var(--app-text-primary);
    text-shadow: none;
}

:root[data-theme="light"] .investment-marketplace :is(.investment-marketplace__header p, .opportunity-card__body p, .opportunity-card__footer, .proposal-portfolio__heading p, .investment-state, .opportunity-card__identity div span) {
    color: var(--app-text-secondary);
}

:root[data-theme="light"] .investment-marketplace :is(.investment-view-switch, .investment-search, .investment-filters input, .investment-filters select, .proposal-list article) {
    color: var(--app-text-primary);
    color-scheme: light;
    background: rgba(255, 255, 255, 0.88);
    border-color: rgba(24, 126, 154, 0.2);
}

:root[data-theme="light"] .investment-marketplace :is(.investment-icon-button, .investment-help-button, .investment-filter-clear) {
    color: #075f79;
    background: linear-gradient(145deg, #ffffff, #dceff4);
    border-color: rgba(17, 137, 170, 0.27);
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .opportunity-window {
    color: var(--app-text-primary);
    background: #f5fafb;
}

:root[data-theme="light"] .opportunity-window :is(.opportunity-window__hero, .opportunity-window__tabs, .profile-block-grid article) {
    color: var(--app-text-primary);
    background: linear-gradient(145deg, #ffffff, #e5f1f4);
    border-color: rgba(24, 126, 154, 0.18);
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .opportunity-window :is(h2, .profile-block-grid p) {
    color: var(--app-text-primary);
}

:root[data-theme="light"] .opportunity-window :is(.opportunity-window__hero p, .opportunity-window__target span, .opportunity-window__target small, .opportunity-window__footer p) {
    color: var(--app-text-secondary);
}

:root[data-theme="light"] .proposal-editor {
    color: var(--app-text-primary);
    background: #f5fafb;
}

:root[data-theme="light"] .proposal-editor .proposal-editor__intro {
    color: var(--app-text-primary);
    background: linear-gradient(145deg, #ffffff, #e5f1f4);
    border-color: rgba(24, 126, 154, 0.18);
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .proposal-editor :is(.proposal-editor__intro h3, .proposal-editor__switches strong) {
    color: var(--app-text-primary);
}

:root[data-theme="light"] .proposal-editor :is(.proposal-editor__intro p, .proposal-field > span, .proposal-editor__switches small, .proposal-editor__submit) {
    color: var(--app-text-secondary);
}

:root[data-theme="light"] .proposal-editor .proposal-field :is(input, select, textarea) {
    color: var(--app-text-primary);
    color-scheme: light;
    background: rgba(255, 255, 255, 0.94);
    border-color: rgba(24, 126, 154, 0.22);
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .proposal-editor .proposal-editor__switches label {
    color: var(--app-text-primary);
    background: rgba(248, 252, 253, 0.9);
    border-color: rgba(24, 126, 154, 0.16);
}

:root[data-theme="light"] .proposal-editor .proposal-editor__switches label > span {
    background: #cfe2e7;
    border-color: rgba(24, 126, 154, 0.3);
    box-shadow: inset 0 1px 2px rgba(41, 83, 98, 0.12);
}

:root[data-theme="light"] .proposal-editor .proposal-editor__switches label > span::after {
    background: #ffffff;
    box-shadow: 0 2px 7px rgba(41, 83, 98, 0.24);
}

:root[data-theme="light"] .proposal-editor .proposal-editor__switches input:checked + span {
    background: linear-gradient(135deg, #20aeaa, #087fa4);
    border-color: rgba(8, 127, 164, 0.42);
}

:root[data-theme="light"] .proposal-editor .proposal-editor__switches input:checked + span::after {
    background: #ffffff;
    box-shadow: 0 2px 8px rgba(6, 89, 111, 0.34);
}

:root[data-theme="light"] .proposal-editor .proposal-editor__acknowledgements {
    color: var(--app-text-primary);
    background: rgba(255, 245, 222, 0.72);
    border-color: rgba(168, 108, 18, 0.22);
}

:root[data-theme="light"] .proposal-editor .proposal-editor__acknowledgements label {
    color: var(--app-text-secondary);
}

:root[data-theme="light"] .contacts-invitations {
    color: var(--app-text-primary);
}

:root[data-theme="light"] .contacts-invitations :is(.contacts-invitations__hero, .contacts-invitations__panel, .contacts-invitations__metric, .contacts-invitations__card, .contacts-invitations__empty, .contacts-invitations__status) {
    color: var(--app-text-primary);
    background:
        radial-gradient(circle at top right, rgba(8, 145, 180, 0.08), transparent 36%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.95), rgba(230, 242, 245, 0.95));
    border-color: rgba(24, 126, 154, 0.18);
    box-shadow: 0 15px 35px rgba(41, 83, 98, 0.12), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .contacts-invitations :is(.contacts-invitations__input, input, select, textarea, .contacts-invitations__link-box) {
    color: var(--app-text-primary);
    color-scheme: light;
    background: rgba(255, 255, 255, 0.9);
    border-color: rgba(24, 126, 154, 0.21);
}

:root[data-theme="light"] .contacts-invitations :is(.contacts-invitations__title-row, .contacts-invitations__section-title-row, .contacts-invitations__identity-copy, .contacts-invitations__fact) {
    color: var(--app-text-primary);
}

:root[data-theme="light"] .contacts-invitations :is(.contacts-invitations__meta, .contacts-invitations__section-kicker, .contacts-invitations__field label) {
    color: var(--app-text-secondary);
}

:root[data-theme="light"] .contacts-invitations :is(.contacts-invitations__button--ghost, .contacts-invitations__help-trigger) {
    color: #075f79;
    background: linear-gradient(145deg, #ffffff, #dceff4);
    border-color: rgba(17, 137, 170, 0.27);
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .contacts-invitations .contacts-invitations__help-bubble {
    color: var(--app-text-primary);
    background: rgba(250, 253, 254, 0.98);
    border-color: rgba(8, 145, 180, 0.22);
    box-shadow: 0 18px 40px rgba(41, 83, 98, 0.18);
}

/* Business Network nested component completion pass. */
:root[data-theme="light"] .job-search-page :is(.detail-hero, .detail-footer) {
    color: var(--app-text-primary);
    background:
        radial-gradient(circle at 95% 5%, rgba(196, 139, 40, 0.1), transparent 24%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(227, 241, 245, 0.96));
    border-color: rgba(24, 126, 154, 0.18);
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .job-search-page :is(.detail-hero h2, .detail-footer h3, .snapshot-item strong, .application-panel-heading h3, .loading-workspace strong, .empty-state h3) {
    color: var(--app-text-primary);
}

:root[data-theme="light"] .job-search-page :is(.card-facts > span, .application-timeline > span, .skill-cloud span, .language-list span) {
    color: var(--app-text-secondary);
    background: rgba(244, 250, 251, 0.92);
    border-color: rgba(24, 126, 154, 0.15);
}

:root[data-theme="light"] .job-search-page .toggle-track {
    background: #cbdfe4;
    border-color: rgba(24, 126, 154, 0.28);
    box-shadow: inset 0 1px 3px rgba(41, 83, 98, 0.16);
}

:root[data-theme="light"] .job-search-page .toggle-thumb {
    background: #ffffff;
    box-shadow: 0 2px 8px rgba(41, 83, 98, 0.25);
}

:root[data-theme="light"] .job-search-page .active-opportunities-toggle input:checked + .toggle-track {
    background: linear-gradient(135deg, #18a6bd, #087fa4);
    border-color: rgba(8, 127, 164, 0.46);
}

:root[data-theme="light"] .job-search-page .toggle-copy strong,
:root[data-theme="light"] .job-search-page .rich-description strong {
    color: var(--app-text-primary);
}

:root[data-theme="light"] .job-search-page .opportunity-list {
    scrollbar-color: rgba(8, 145, 180, 0.52) rgba(221, 237, 241, 0.86);
}

:root[data-theme="light"] .bha-shell :is(.bha-panel__head, .bha-modal__head) {
    color: var(--app-text-primary);
    background: rgba(232, 243, 246, 0.88);
    border-color: rgba(24, 126, 154, 0.16);
}

:root[data-theme="light"] .bha-shell :is(.bha-btn, .bha-btn--primary, .bha-btn--neon, .bha-pill) {
    color: #075f79;
    background: linear-gradient(145deg, #ffffff, #dceff4);
    border-color: rgba(17, 137, 170, 0.25);
    box-shadow: 0 7px 17px rgba(41, 83, 98, 0.1), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .bha-shell .bha-btn:hover:not(:disabled) {
    border-color: rgba(8, 145, 180, 0.4);
    box-shadow: 0 10px 23px rgba(41, 83, 98, 0.16), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .bha-shell .bha-alert--success {
    color: #17634e;
    background: linear-gradient(90deg, rgba(202, 242, 226, 0.82), rgba(226, 246, 241, 0.92));
    border-color: rgba(24, 135, 101, 0.24);
}

:root[data-theme="light"] .bha-shell .bha-alert--danger {
    color: #8a3945;
    background: linear-gradient(90deg, rgba(255, 229, 233, 0.9), rgba(250, 240, 242, 0.94));
    border-color: rgba(183, 71, 85, 0.24);
}

:root[data-theme="light"] .bha-shell .bha-skel {
    background: linear-gradient(90deg, #dcecef, #f8fcfd, #dcecef);
    background-size: 220% 100%;
}

:root[data-theme="light"] .bneditor :is(.bneditor__switch-row, .bneditor__media-preview, .bneditor__media-tools) {
    color: var(--app-text-primary);
    background: rgba(244, 250, 251, 0.9);
    border-color: rgba(24, 126, 154, 0.16);
}

:root[data-theme="light"] .bneditor .bneditor__switch-slider {
    background: #cbdfe4;
    border-color: rgba(24, 126, 154, 0.28);
    box-shadow: inset 0 1px 3px rgba(41, 83, 98, 0.16);
}

:root[data-theme="light"] .bneditor .bneditor__switch-slider::before {
    background: #ffffff;
    box-shadow: 0 2px 8px rgba(41, 83, 98, 0.25);
}

:root[data-theme="light"] .bneditor .bneditor__switch input:checked + .bneditor__switch-slider {
    background: linear-gradient(135deg, #18a6bd, #087fa4);
    border-color: rgba(8, 127, 164, 0.46);
}

:root[data-theme="light"] .bneditor :is(.bneditor__button, .bneditor__tool, .bneditor__dropzone-chip) {
    color: #075f79;
    background: linear-gradient(145deg, #ffffff, #dceff4);
    border-color: rgba(17, 137, 170, 0.25);
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .bneditor .bneditor__button--primary {
    color: #ffffff;
    background: linear-gradient(135deg, #109fbe, #087fa4 58%, #6258a6);
    border-color: rgba(8, 112, 143, 0.42);
    box-shadow: 0 9px 21px rgba(8, 127, 164, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.24);
}

:root[data-theme="light"] .bneditor .bneditor__message--success {
    color: #17634e;
    background: rgba(220, 246, 236, 0.92);
    border-color: rgba(24, 135, 101, 0.24);
}

:root[data-theme="light"] .bneditor :is(.bneditor__message--error, .bneditor__validation) {
    color: #8a3945;
    background: rgba(255, 235, 238, 0.92);
    border-color: rgba(183, 71, 85, 0.24);
}

:root[data-theme="light"] .post-analytics-card :is(.mini-flag, .insight-chip, .card-btn, .card-iconbtn) {
    color: var(--app-text-primary);
    background: rgba(249, 252, 253, 0.92);
    border-color: rgba(24, 126, 154, 0.17);
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .post-analytics-card .post-analytics-card__meta .post-analytics-card__squad {
    color: #075f79;
    background: linear-gradient(90deg, rgba(214, 239, 244, 0.92), rgba(236, 241, 250, 0.9));
    border-color: rgba(8, 145, 180, 0.22);
}

:root[data-theme="light"] .post-analytics-card .post-analytics-card__squad strong,
:root[data-theme="light"] .post-analytics-card :is(.post-analytics-card__replicate-heading strong, .post-analytics-card__replicate-target-copy strong, .comments-panel__head) {
    color: var(--app-text-primary);
}

:root[data-theme="light"] .post-analytics-card .post-analytics-card__replicate-toggle {
    color: #075f79;
    background: linear-gradient(145deg, #ffffff, #dceff4);
    border-color: rgba(8, 145, 180, 0.28);
    box-shadow: 0 7px 17px rgba(41, 83, 98, 0.13);
}

:root[data-theme="light"] .post-analytics-card .post-analytics-card__replicate-menu {
    color: var(--app-text-primary);
    background:
        radial-gradient(circle at 100% 0%, rgba(181, 64, 137, 0.08), transparent 42%),
        linear-gradient(155deg, rgba(255, 255, 255, 0.99), rgba(229, 241, 244, 0.99));
    border-color: rgba(8, 145, 180, 0.24);
    box-shadow: 0 20px 46px rgba(41, 83, 98, 0.2), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .post-analytics-card :is(.post-analytics-card__replicate-heading small, .post-analytics-card__replicate-target-copy small) {
    color: var(--app-text-secondary);
}

:root[data-theme="light"] .post-analytics-card .post-analytics-card__replicate-target {
    color: var(--app-text-primary);
    background: rgba(248, 252, 253, 0.92);
    border-color: rgba(24, 126, 154, 0.16);
}

:root[data-theme="light"] .post-analytics-card .post-analytics-card__replicate-target:hover:not(:disabled) {
    background: #e0f2f3;
    border-color: rgba(24, 135, 101, 0.35);
}

:root[data-theme="light"] .post-analytics-card .metric-box--engagement {
    background: radial-gradient(circle at 20% 0%, rgba(98, 88, 166, 0.1), transparent 60%), rgba(248, 252, 253, 0.92);
    border-color: rgba(98, 88, 166, 0.2);
}

:root[data-theme="light"] .post-analytics-card .post-analytics-card__actions {
    background: rgba(232, 243, 246, 0.78);
    border-color: rgba(24, 126, 154, 0.16);
}

:root[data-theme="light"] .post-analytics-card :is(.comments-empty, .comment-item) {
    color: var(--app-text-secondary);
    background: rgba(244, 250, 251, 0.92);
    border-color: rgba(24, 126, 154, 0.15);
}

:root[data-theme="light"] .bnfeed :is(.bnfeed__empty, .bnfeed__loading, .bnfeed__modal) {
    color: var(--app-text-primary);
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.97), rgba(229, 241, 244, 0.97));
}

:root[data-theme="light"] .bnfeed .bnfeed__modalhead {
    color: var(--app-text-primary);
    background: rgba(232, 243, 246, 0.86);
    border-color: rgba(24, 126, 154, 0.16);
}

:root[data-theme="light"] .bnfeed .bnfeed__helpBubble {
    color: var(--app-text-primary);
    background: linear-gradient(180deg, #ffffff, #e7f2f5);
    border-color: rgba(24, 126, 154, 0.18);
    box-shadow: 0 16px 36px rgba(41, 83, 98, 0.16);
}

:root[data-theme="light"] .bn-cardpost:not(.bn-cardpost--lead) .bn-cardpost__head,
:root[data-theme="light"] .bn-cardpost:not(.bn-cardpost--lead) .bn-cardpost__foot {
    color: var(--app-text-primary);
    background: rgba(242, 249, 250, 0.92);
    border-color: rgba(24, 126, 154, 0.15);
}

:root[data-theme="light"] .bn-cardpost:not(.bn-cardpost--lead) .bn-cardpost__badge {
    color: #176076;
    background: rgba(215, 238, 243, 0.9);
    border-color: rgba(8, 145, 180, 0.2);
}

:root[data-theme="light"] .bn-cardpost:not(.bn-cardpost--lead) .bn-cardpost__badge--promoted {
    color: #8a3269;
    background: rgba(249, 226, 241, 0.92);
    border-color: rgba(181, 64, 137, 0.23);
}

:root[data-theme="light"] .bn-cardpost:not(.bn-cardpost--lead) .bn-cardpost__media {
    background: #dce9ed;
    border-color: rgba(24, 126, 154, 0.14);
}

:root[data-theme="light"] .bn-cardpost:not(.bn-cardpost--lead) .bn-cardpost__media::after {
    background: linear-gradient(180deg, transparent, rgba(35, 72, 85, 0.14));
}

:root[data-theme="light"] .bn-cardpost:not(.bn-cardpost--lead) :is(.bn-cardpost__storymeta, .bn-cardpost__engagement) {
    color: var(--app-text-secondary);
}

:root[data-theme="light"] .bn-cardpost:not(.bn-cardpost--lead) .bn-cardpost__engagement {
    background: rgba(232, 243, 246, 0.88);
    border-color: rgba(24, 126, 154, 0.15);
}

:root[data-theme="light"] .bn-cardpost:not(.bn-cardpost--lead) .bn-cardpost__engagement strong {
    color: var(--app-text-primary);
}

:root[data-theme="light"] .bn-cardpost:not(.bn-cardpost--lead) .bn-cardpost__tool,
:root[data-theme="light"] .bn-cardpost:not(.bn-cardpost--lead) .bn-reactpicker__trigger {
    color: #075f79;
    background: linear-gradient(145deg, #ffffff, #dceff4);
    border-color: rgba(17, 137, 170, 0.23);
}

:root[data-theme="light"] .bn-cardpost:not(.bn-cardpost--lead) .bn-user-avatar {
    color: var(--app-text-primary);
    background: rgba(255, 255, 255, 0.86);
    border-color: rgba(24, 126, 154, 0.15);
}

:root[data-theme="light"] .bn-cardpost--promoted:not(.bn-cardpost--lead) {
    background:
        radial-gradient(circle at 94% 0%, rgba(181, 64, 137, 0.1), transparent 30%),
        linear-gradient(155deg, rgba(255, 255, 255, 0.97), rgba(243, 230, 240, 0.94));
    border-color: rgba(181, 64, 137, 0.2);
}

:root[data-theme="light"] .bn-cardpost__feedback:not(.bn-cardpost__feedback--error) {
    color: #17634e;
    background: rgba(220, 246, 236, 0.97);
    border-color: rgba(24, 135, 101, 0.25);
    box-shadow: 0 10px 24px rgba(41, 83, 98, 0.15);
}

:root[data-theme="light"] .bn-cardpost__feedback--error {
    color: #8a3945;
    background: rgba(255, 235, 238, 0.98);
    border-color: rgba(183, 71, 85, 0.26);
}

:root[data-theme="light"] .bn-user-avatar {
    color: var(--app-text-primary);
}

:root[data-theme="light"] .bn-user-avatar::before {
    background: linear-gradient(120deg, rgba(255, 255, 255, 0.72), rgba(255, 255, 255, 0.08) 45%, transparent 70%);
}

:root[data-theme="light"] .bn-avatar-image {
    background: #dbe9ed;
    box-shadow: 0 0 0 2px rgba(8, 145, 180, 0.08), 0 7px 17px rgba(41, 83, 98, 0.16);
}

:root[data-theme="light"] .bn-status-dot {
    border-color: #ffffff;
}

:root[data-theme="light"] :is(.bn-line-skeleton, .bn-avatar-skeleton) {
    background: linear-gradient(90deg, #d8e8ec, #f7fbfc, #d8e8ec);
    background-size: 220% 100%;
}

:root[data-theme="light"] .bn-media__tile {
    background: linear-gradient(180deg, #eef6f8, #dce9ed);
    border-color: rgba(24, 126, 154, 0.16);
    box-shadow: 0 12px 28px rgba(41, 83, 98, 0.12);
}

:root[data-theme="light"] :is(.bn-media__image, .bn-media__video, .bn-media__frame) {
    background: #d7e5e9;
}

:root[data-theme="light"] :is(.bn-media__external-preview-provider, .bn-media__external-link-domain, .bn-media__nav, .bn-media__count) {
    color: var(--app-text-primary);
    background: rgba(250, 253, 254, 0.9);
    border-color: rgba(24, 126, 154, 0.19);
    box-shadow: 0 8px 20px rgba(41, 83, 98, 0.16);
    backdrop-filter: blur(10px);
}

:root[data-theme="light"] .bn-media__external-link-icon {
    color: #087fa4;
    background: rgba(255, 255, 255, 0.88);
    border-color: rgba(8, 145, 180, 0.26);
    box-shadow: 0 8px 20px rgba(41, 83, 98, 0.14);
}

:root[data-theme="light"] .bn-media__caption,
:root[data-theme="light"] .bn-media__external-link-copy small {
    color: var(--app-text-secondary);
}

:root[data-theme="light"] .bn-media__dot {
    background: rgba(85, 125, 140, 0.24);
    border-color: rgba(24, 126, 154, 0.2);
}

:root[data-theme="light"] .bn-media__dot.is-active {
    background: #087fa4;
    border-color: #49bfd7;
}

:root[data-theme="light"] .bn-reactpicker__menu {
    color: var(--app-text-primary);
    background: rgba(250, 253, 254, 0.98);
    border-color: rgba(24, 126, 154, 0.19);
    box-shadow: 0 17px 38px rgba(41, 83, 98, 0.19);
}

:root[data-theme="light"] .bn-reactsum {
    color: var(--app-text-primary);
}

:root[data-theme="light"] .bn-reactsum--empty,
:root[data-theme="light"] .bn-reactsum__label {
    color: var(--app-text-secondary);
}

:root[data-theme="light"] .bn-comments__edit {
    color: var(--app-text-primary);
    background: #ffffff;
    border-color: rgba(24, 126, 154, 0.22);
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .bn-comments__tool {
    color: #075f79;
    background: linear-gradient(145deg, #ffffff, #dceff4);
    border-color: rgba(17, 137, 170, 0.23);
}

:root[data-theme="light"] .bn-comments__tool--primary,
:root[data-theme="light"] .bn-commenteditor__button {
    color: #ffffff;
    background: linear-gradient(135deg, #109fbe, #087fa4 58%, #6258a6);
    border-color: rgba(8, 112, 143, 0.42);
}

:root[data-theme="light"] .bn-comments__tool--danger {
    color: #9a3b4a;
    background: #fff0f2;
    border-color: rgba(183, 71, 85, 0.26);
}

:root[data-theme="light"] .bh-postcard :is(.bh-postcard__postid, .bh-stat, .bh-reaction-btn, .bh-reaction-chip, .bh-expand-btn, .bh-inline-action) {
    color: var(--app-text-primary);
    background: rgba(247, 251, 252, 0.92);
    border-color: rgba(24, 126, 154, 0.17);
}

:root[data-theme="light"] .bh-postcard :is(.bh-mediaempty, .bh-comments-panel, .bh-comment-composer, .bh-comment-item) {
    color: var(--app-text-primary);
    background: rgba(244, 250, 251, 0.9);
    border-color: rgba(24, 126, 154, 0.16);
}

:root[data-theme="light"] .bh-postcard .bh-comment-input {
    color: var(--app-text-primary);
    background: #ffffff;
    border-color: rgba(24, 126, 154, 0.22);
}

:root[data-theme="light"] .bh-postcard :is(.bh-comment-item__text, .bh-h3) {
    color: var(--app-text-primary);
}

:root[data-theme="light"] .bh-postcard :is(.bh-comment-item__meta, .bh-snippet, .bh-comment-counter, .bh-comments-empty) {
    color: var(--app-text-secondary);
}

:root[data-theme="light"] .bn-detail .bn-detail__media {
    background: linear-gradient(180deg, #eef6f8, #dce9ed);
    border-color: rgba(24, 126, 154, 0.16);
}

:root[data-theme="light"] .bn-detail :is(.bn-detail__back, .bn-detail__badge--region) {
    color: #075f79;
    background: rgba(240, 248, 250, 0.92);
    border-color: rgba(24, 126, 154, 0.19);
}

:root[data-theme="light"] .bn-detail .bn-detail__feedback:not(.bn-detail__feedback--error) {
    color: #17634e;
    background: rgba(220, 246, 236, 0.94);
    border-color: rgba(24, 135, 101, 0.24);
}

:root[data-theme="light"] .bn-detail :is(.bn-detail__feedback--error, .bn-detail__state--error) {
    color: #8a3945;
    background: rgba(255, 235, 238, 0.94);
    border-color: rgba(183, 71, 85, 0.24);
}

:root[data-theme="light"] .bn-directory .bn-directory__title-row h2 {
    color: var(--app-text-primary);
    background: none;
    -webkit-background-clip: border-box;
    background-clip: border-box;
    -webkit-text-fill-color: currentColor;
    text-shadow: none;
}

:root[data-theme="light"] .bn-directory :is(.bn-directory__help-button, .bn-directory__refresh, .bn-directory__clear) {
    color: #075f79;
    background: linear-gradient(145deg, #ffffff, #dceff4);
    border-color: rgba(17, 137, 170, 0.25);
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .bn-directory .bn-directory__help-bubble {
    color: var(--app-text-primary);
    background:
        radial-gradient(circle at 100% 0%, rgba(98, 88, 166, 0.08), transparent 42%),
        rgba(250, 253, 254, 0.98);
    border-color: rgba(24, 126, 154, 0.19);
    box-shadow: 0 20px 46px rgba(41, 83, 98, 0.2), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .bn-directory .bn-directory__help-bubble::before {
    background: #f5fafb;
    border-color: rgba(24, 126, 154, 0.18);
}

:root[data-theme="light"] .bn-directory .bn-directory__card-head {
    background:
        linear-gradient(115deg, rgba(8, 145, 180, 0.07), transparent 32%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.92), rgba(229, 241, 244, 0.9));
    border-color: rgba(24, 126, 154, 0.15);
}

:root[data-theme="light"] .bn-directory .bn-directory__media {
    background: linear-gradient(145deg, #e7f2f5, #d5e6eb);
    border-color: rgba(24, 126, 154, 0.18);
}

:root[data-theme="light"] .bn-directory :is(.bn-directory__status, .bn-directory__country, .bn-directory__domain) {
    color: var(--app-text-secondary) !important;
    background: rgba(248, 252, 253, 0.9);
    border-color: rgba(24, 126, 154, 0.15);
}

:root[data-theme="light"] .bn-directory .bn-directory__richtext :is(strong, b) {
    color: var(--app-text-primary);
}

:root[data-theme="light"] .bn-directory .bn-directory__alert {
    color: #8a3945;
    background:
        radial-gradient(circle at 0 50%, rgba(183, 71, 85, 0.08), transparent 25%),
        linear-gradient(145deg, #fff7f8, #f4e8eb);
    border-color: rgba(183, 71, 85, 0.24);
}

:root[data-theme="light"] .investment-marketplace :is(.investment-message, .proposal-status) {
    color: #17634e;
    background: rgba(220, 246, 236, 0.92);
    border-color: rgba(24, 135, 101, 0.24);
}

:root[data-theme="light"] .investment-marketplace .investment-message--error {
    color: #8a3945;
    background: rgba(255, 235, 238, 0.94);
    border-color: rgba(183, 71, 85, 0.25);
}

:root[data-theme="light"] .investment-marketplace :is(.opportunity-tags span, .opportunity-card__metrics) {
    color: var(--app-text-secondary);
    background: rgba(240, 248, 250, 0.74);
    border-color: rgba(24, 126, 154, 0.14);
}

:root[data-theme="light"] .investment-marketplace :is(.proposal-list__subject strong, .proposal-list__terms strong, .opportunity-card__metrics strong) {
    color: var(--app-text-primary);
}

:root[data-theme="light"] .investment-marketplace :is(.proposal-list__reference small, .proposal-list__subject span, .proposal-list__terms span, .opportunity-card__metrics span) {
    color: var(--app-text-muted);
}

:root[data-theme="light"] .investment-marketplace .proposal-withdraw {
    color: #9a3b4a;
    background: #fff0f2;
    border-color: rgba(183, 71, 85, 0.26);
}

:root[data-theme="light"] .opportunity-window .opportunity-window__tabs button {
    color: var(--app-text-secondary);
}

:root[data-theme="light"] .opportunity-window .opportunity-window__tabs button.active {
    color: #075f79;
    background: linear-gradient(135deg, #d8f1f4, #fff0c9);
}

:root[data-theme="light"] .contacts-invitations :is(.contacts-invitations__title-row h3, .contacts-invitations__section-head h4, .contacts-invitations__metric strong, .contacts-invitations__title-line h5, .contacts-invitations__fact strong, .contacts-invitations__empty strong) {
    color: var(--app-text-primary);
}

:root[data-theme="light"] .contacts-invitations .contacts-invitations__section-kicker {
    color: #087fa4;
    background: rgba(214, 239, 244, 0.82);
    border-color: rgba(8, 145, 180, 0.18);
}

:root[data-theme="light"] .contacts-invitations :is(.contacts-invitations__chip, .contacts-invitations__fact, .contacts-invitations__link-box) {
    color: var(--app-text-primary);
    background: rgba(248, 252, 253, 0.9);
    border-color: rgba(24, 126, 154, 0.16);
}

:root[data-theme="light"] .contacts-invitations .contacts-invitations__chip.is-active {
    color: #ffffff;
    background: linear-gradient(135deg, #087fa4, #1aabc3);
    border-color: rgba(8, 112, 143, 0.38);
}

:root[data-theme="light"] .contacts-invitations .contacts-invitations__status--success {
    color: #17634e;
    background: rgba(220, 246, 236, 0.94);
    border-color: rgba(24, 135, 101, 0.24);
}

:root[data-theme="light"] .contacts-invitations .contacts-invitations__status--error {
    color: #8a3945;
    background: rgba(255, 235, 238, 0.94);
    border-color: rgba(183, 71, 85, 0.25);
}

:root[data-theme="light"] .job-search-page :is(.clear-search, .review-cue) {
    color: #087fa4;
}

:root[data-theme="light"] .job-search-page :is(.compact-status, .detail-status) {
    background: rgba(248, 252, 253, 0.9);
    border-color: rgba(24, 126, 154, 0.18);
}

:root[data-theme="light"] .job-search-page :is(.compact-status.closed, .detail-status.closed) {
    color: #9a3b4a;
    background: #fff0f2;
    border-color: rgba(183, 71, 85, 0.24);
}

:root[data-theme="light"] .job-search-page :is(.compact-status.open, .detail-status.open, .compact-status.applied) {
    color: #17634e;
    background: #e4f6ef;
    border-color: rgba(24, 135, 101, 0.22);
}

:root[data-theme="light"] .post-analytics-card :is(.post-analytics-card__visualEmpty, .metric-box__icon, .post-analytics-card__replicate-target-icon) {
    color: #087fa4;
    background: rgba(218, 239, 244, 0.86);
    border-color: rgba(8, 145, 180, 0.18);
}

:root[data-theme="light"] .bh-postcard .bh-postcard__media {
    background: linear-gradient(180deg, #eef6f8, #dce9ed);
    border-color: rgba(24, 126, 154, 0.16);
}

:root[data-theme="light"] .bh-postcard :is(.bh-badge2, .bh-badge2--muted) {
    color: #075f79;
    background: rgba(220, 239, 244, 0.9);
    border-color: rgba(8, 145, 180, 0.2);
}

:root[data-theme="light"] .bh-postcard :is(.bh-stat--accent, .bh-reaction-btn.active) {
    color: #574d93;
    background: rgba(231, 226, 248, 0.9);
    border-color: rgba(98, 88, 166, 0.23);
}

:root[data-theme="light"] .bh-postcard .bh-inline-action {
    color: #087fa4;
}

:root[data-theme="light"] .bh-postcard .bh-inline-action:hover {
    color: #056985;
}

:root[data-theme="light"] .bh-postcard .bh-inline-feedback--ok {
    color: #17634e;
    background: rgba(220, 246, 236, 0.94);
    border-color: rgba(24, 135, 101, 0.24);
}

:root[data-theme="light"] .bh-postcard .bh-inline-feedback--error {
    color: #8a3945;
    background: rgba(255, 235, 238, 0.94);
    border-color: rgba(183, 71, 85, 0.25);
}

:root[data-theme="light"] .bh-postcard .bh-btn--neon {
    color: #ffffff;
    background: linear-gradient(135deg, #109fbe, #087fa4 58%, #6258a6);
    border-color: rgba(8, 112, 143, 0.42);
    box-shadow: 0 9px 21px rgba(8, 127, 164, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.24);
}

:root[data-theme="light"] .bn-detail .bn-detail__badges span {
    color: var(--app-text-secondary);
    background: rgba(244, 250, 251, 0.92);
    border-color: rgba(24, 126, 154, 0.16);
}

:root[data-theme="light"] .contacts-invitations .general-container-selector,
:root[data-theme="light"] .contacts-invitations .selector-container {
    --selector-bg: rgba(255, 255, 255, 0.94);
    --selector-bg-hover: #e1f0f4;
    --selector-panel-bg: #f7fbfc;
    --selector-border: rgba(25, 132, 160, 0.2);
    --selector-border-strong: rgba(8, 145, 180, 0.46);
    --selector-text: #173f50;
    --selector-muted: #678391;
    --selector-badge-bg: rgba(24, 167, 193, 0.13);
    --selector-shadow: 0 16px 34px rgba(42, 86, 101, 0.16);
    color: var(--app-text-primary);
}

:root[data-theme="light"] .contacts-invitations .contacts-invitations__button:not(.contacts-invitations__button--warning) {
    color: #ffffff;
    background: linear-gradient(135deg, #109fbe, #087fa4);
    border-color: rgba(8, 112, 143, 0.4);
    box-shadow: 0 8px 18px rgba(8, 127, 164, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.22);
}

:root[data-theme="light"] .contacts-invitations .contacts-invitations__button--ghost {
    color: #075f79;
    background: linear-gradient(145deg, #ffffff, #dceff4);
    border-color: rgba(17, 137, 170, 0.25);
}

:root[data-theme="light"] .contacts-invitations .contacts-invitations__button--warning {
    color: #9a3b4a;
    background: #fff0f2;
    border-color: rgba(183, 71, 85, 0.27);
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .contacts-invitations :is(.contacts-invitations__metric span, .contacts-invitations__field span, .contacts-invitations__fact span, .contacts-invitations__link-box span) {
    color: var(--app-text-muted);
}

:root[data-theme="light"] .contacts-invitations .contacts-invitations__link-box a {
    color: #087fa4;
}

:root[data-theme="light"] .contacts-invitations .contacts-invitations__badge--pending {
    color: #315a88;
    background: #e2eefb;
}

:root[data-theme="light"] .contacts-invitations .contacts-invitations__badge--joined {
    color: #17634e;
    background: #dcf4eb;
}

:root[data-theme="light"] .contacts-invitations .contacts-invitations__badge--answered {
    color: #7c571a;
    background: #fff1cf;
}

:root[data-theme="light"] .contacts-invitations .contacts-invitations__badge--cancelled {
    color: #8a3945;
    background: #fbe4e8;
}

/* Transactional accounting analysis: compact inquiry workspace and report controls. */
:root[data-theme="light"] .taa-shell {
    --taa-bg:
        radial-gradient(circle at 7% 0%, rgba(16, 174, 205, 0.12), transparent 31rem),
        radial-gradient(circle at 96% 12%, rgba(255, 190, 73, 0.08), transparent 28rem),
        linear-gradient(155deg, #f8fcfd, #e8f3f6 60%, #e1eef2);
    --taa-panel: rgba(255, 255, 255, 0.84);
    --taa-panel-border: rgba(24, 126, 154, 0.18);
    --taa-text: #173f50;
    --taa-muted: #557481;
    --taa-accent: #087fa4;
    --taa-accent-deep: #d9edf2;
    --taa-good: #16734f;
    --taa-bad: #b52d4a;
    color-scheme: light;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

:root[data-theme="light"] .taa-shell :is(.taa-hero, .taa-panel, .taa-kpis, .taa-banner, .taa-loading) {
    color: var(--taa-text);
    background:
        radial-gradient(circle at 96% 0%, rgba(8, 145, 180, 0.065), transparent 34%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(231, 243, 246, 0.94));
    border-color: var(--taa-panel-border);
    box-shadow: 0 14px 32px rgba(42, 86, 101, 0.12), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .taa-shell .taa-hero {
    background:
        radial-gradient(circle at 8% -80%, rgba(8, 145, 180, 0.16), transparent 46%),
        linear-gradient(100deg, #ffffff, #e2f0f3);
}

:root[data-theme="light"] .taa-shell .taa-hero__copy .subtitleText {
    color: #007fa8;
    text-shadow: 0 1px 0 #ffffff, 0 0 16px rgba(0, 169, 211, 0.14);
}

:root[data-theme="light"] .taa-shell :is(.taa-eyebrow, .taa-panel__eyebrow, .taa-focus__label) {
    color: #437180;
}

:root[data-theme="light"] .taa-shell .taa-hero__focus {
    color: #173f50;
    border-color: rgba(8, 145, 180, 0.2);
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(216, 237, 242, 0.94));
    box-shadow: inset 0 1px 0 #ffffff, 0 7px 16px rgba(42, 86, 101, 0.09);
}

:root[data-theme="light"] .taa-shell :is(.taa-contextHelpToggle, .taa-reportHelpToggle, .taa-helpToggle) {
    color: #087fa4;
    border-color: rgba(8, 145, 180, 0.28);
    background: linear-gradient(145deg, #ffffff, #d8edf2);
    box-shadow: 0 6px 15px rgba(42, 86, 101, 0.12), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .taa-shell :is(
    .taa-contextHelpToggle:hover,
    .taa-contextHelpToggle:focus-visible,
    .taa-reportHelpToggle:hover,
    .taa-reportHelpToggle:focus-visible,
    .taa-contextHelpToggle[aria-expanded="true"],
    .taa-reportHelpToggle[aria-expanded="true"],
    .taa-helpToggle:hover,
    .taa-helpToggle:focus-visible
) {
    color: #056783;
    border-color: rgba(8, 145, 180, 0.5);
    background: linear-gradient(145deg, #ffffff, #c7e7ee);
    box-shadow: 0 8px 19px rgba(42, 86, 101, 0.16), 0 0 0 3px rgba(8, 145, 180, 0.08);
}

:root[data-theme="light"] .taa-shell .taa-reportCard {
    color: #244d5d;
    border-color: rgba(24, 126, 154, 0.17);
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.93), rgba(229, 241, 244, 0.9));
    box-shadow: 0 6px 15px rgba(42, 86, 101, 0.08), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .taa-shell .taa-reportCard:hover {
    border-color: rgba(8, 145, 180, 0.34);
    box-shadow: 0 10px 22px rgba(42, 86, 101, 0.14), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .taa-shell .taa-reportCard--active {
    color: #075f79;
    border-color: rgba(8, 145, 180, 0.55);
    background:
        radial-gradient(circle at 100% 0%, rgba(255, 193, 75, 0.12), transparent 35%),
        linear-gradient(145deg, #f9feff, #cee9ef);
    box-shadow: 0 0 0 2px rgba(8, 145, 180, 0.1), 0 11px 24px rgba(42, 86, 101, 0.15), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .taa-shell :is(.taa-panel__header h2, .taa-focus__value, .taa-helpBubble strong, .taa-dropdownItem strong, .taa-kpi strong, .taa-editor__meta strong) {
    color: #173f50;
}

:root[data-theme="light"] .taa-shell :is(.taa-panel__header p, .taa-field > span, .taa-kpi span, .taa-dropdownItem span, .taa-helpBubble span, .taa-inlineToggle, .taa-empty) {
    color: var(--taa-muted);
}

:root[data-theme="light"] .taa-shell :is(.taa-field input, .taa-field select) {
    color: #173f50;
    color-scheme: light;
    border-color: rgba(24, 126, 154, 0.23);
    background: rgba(255, 255, 255, 0.96);
    box-shadow: inset 0 1px 2px rgba(42, 86, 101, 0.05), 0 2px 7px rgba(42, 86, 101, 0.05);
}

:root[data-theme="light"] .taa-shell :is(.taa-field input, .taa-field select):focus {
    border-color: rgba(8, 145, 180, 0.62);
    box-shadow: 0 0 0 3px rgba(8, 145, 180, 0.1), inset 0 1px 0 #ffffff;
    outline: 0;
}

:root[data-theme="light"] .taa-shell .taa-field select option {
    color: #173f50;
    background: #ffffff;
}

:root[data-theme="light"] .taa-shell .taa-field input::placeholder {
    color: #78909a;
}

:root[data-theme="light"] .taa-shell :is(.taa-helpBubble, .taa-dropdownMenu) {
    color: #173f50;
    border-color: rgba(8, 145, 180, 0.25);
    background:
        radial-gradient(circle at 8% 0%, rgba(8, 145, 180, 0.09), transparent 38%),
        rgba(251, 254, 255, 0.985);
    box-shadow: 0 20px 44px rgba(42, 86, 101, 0.22), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .taa-shell .taa-helpBubble__section {
    border-color: rgba(8, 145, 180, 0.16);
    background: rgba(216, 238, 243, 0.68);
}

:root[data-theme="light"] .taa-shell .taa-mainHelp {
    color: #ffffff;
    border-color: rgba(5, 120, 151, 0.44);
    background: linear-gradient(135deg, #19b8ce, #087fa4 60%, #2775aa);
    box-shadow: 0 8px 19px rgba(8, 127, 164, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.34);
}

:root[data-theme="light"] .taa-shell .taa-helpBubble .taa-mainHelp span,
:root[data-theme="light"] .taa-shell .taa-mainHelp i {
    color: #ffffff;
    -webkit-text-fill-color: #ffffff;
    text-shadow: 0 1px 2px rgba(4, 58, 81, 0.42);
}

:root[data-theme="light"] .taa-shell .uxbtn--primary {
    color: #ffffff;
    border-color: rgba(5, 120, 151, 0.42);
    background: linear-gradient(135deg, #20b8cd, #087fa4 62%, #327cad);
    box-shadow: 0 9px 20px rgba(8, 127, 164, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.34);
}

:root[data-theme="light"] .taa-shell .uxbtn--secondary {
    color: #3658a0;
    border-color: rgba(74, 104, 183, 0.26);
    background: linear-gradient(145deg, #ffffff, #e1e8fa);
    box-shadow: 0 8px 18px rgba(68, 97, 170, 0.13), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .taa-shell .uxbtn--accent {
    color: #125c3e;
    border-color: rgba(39, 148, 102, 0.3);
    background: linear-gradient(135deg, #dff7e9, #a9e2c3);
    box-shadow: 0 8px 18px rgba(45, 134, 88, 0.14), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .taa-shell :is(.uxbtn--ghost, .uxbtn--report) {
    color: #315b6b;
    border-color: rgba(24, 126, 154, 0.22);
    background: linear-gradient(145deg, #ffffff, #dcecf1);
    box-shadow: 0 7px 17px rgba(42, 86, 101, 0.1), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .taa-shell .taa-dropdownCaret {
    color: #087fa4;
}

:root[data-theme="light"] .taa-shell .taa-dropdownItem {
    color: #173f50;
    border-color: rgba(24, 126, 154, 0.12);
    background: rgba(255, 255, 255, 0.7);
}

:root[data-theme="light"] .taa-shell .taa-dropdownItem:hover {
    border-color: rgba(8, 145, 180, 0.28);
    background: rgba(218, 239, 244, 0.84);
    box-shadow: 0 8px 18px rgba(42, 86, 101, 0.12);
}

:root[data-theme="light"] .taa-shell .taa-kpi {
    color: #173f50;
    border-color: rgba(24, 126, 154, 0.13);
    background: rgba(255, 255, 255, 0.68);
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .taa-shell :is(.taa-kpi--debit, .taa-kpi--balanced) {
    border-color: rgba(32, 139, 91, 0.22);
    background: linear-gradient(145deg, #f7fdf9, #dff3e7);
}

:root[data-theme="light"] .taa-shell :is(.taa-kpi--debit span, .taa-kpi--debit strong, .taa-kpi--balanced span, .taa-kpi--balanced strong) {
    color: #176542;
}

:root[data-theme="light"] .taa-shell .taa-kpi--credit {
    border-color: rgba(8, 127, 164, 0.22);
    background: linear-gradient(145deg, #f8fdff, #dceff5);
}

:root[data-theme="light"] .taa-shell :is(.taa-kpi--credit span, .taa-kpi--credit strong) {
    color: #096985;
}

:root[data-theme="light"] .taa-shell .taa-kpi--unbalanced {
    border-color: rgba(181, 45, 74, 0.24);
    background: linear-gradient(145deg, #fffafa, #f8e2e7);
}

:root[data-theme="light"] .taa-shell :is(.taa-kpi--unbalanced span, .taa-kpi--unbalanced strong) {
    color: #a72d47;
}

:root[data-theme="light"] .taa-shell :is(.taa-tableWrap, .taa-editor__meta, .taa-empty, .taa-inlineToggle) {
    color: #173f50;
    border-color: rgba(24, 126, 154, 0.16);
    background: rgba(250, 253, 254, 0.86);
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .taa-shell .taa-table {
    color: #244d5d;
    background: rgba(255, 255, 255, 0.72);
}

:root[data-theme="light"] .taa-shell .taa-table th {
    color: #416b79;
    border-color: rgba(24, 126, 154, 0.13);
    background: rgba(224, 240, 244, 0.98);
}

:root[data-theme="light"] .taa-shell .taa-table td {
    border-color: rgba(24, 126, 154, 0.1);
}

:root[data-theme="light"] .taa-shell .taa-table tbody tr:hover {
    background: rgba(8, 145, 180, 0.07);
}

:root[data-theme="light"] .taa-shell .taa-table__row--selected {
    background: rgba(8, 145, 180, 0.13);
}

:root[data-theme="light"] .taa-shell .taa-table__row--issue {
    background: rgba(181, 45, 74, 0.08);
}

:root[data-theme="light"] .taa-shell .taa-badge--good {
    color: #126943;
    border-color: rgba(30, 142, 91, 0.24);
    background: rgba(55, 190, 137, 0.12);
}

:root[data-theme="light"] .taa-shell .taa-badge--bad {
    color: #a72d47;
    border-color: rgba(181, 45, 74, 0.22);
    background: rgba(213, 72, 101, 0.1);
}

:root[data-theme="light"] .taa-shell .taa-switch__track {
    border-color: rgba(24, 126, 154, 0.25);
    background: #d9e7eb;
    box-shadow: inset 0 1px 2px rgba(42, 86, 101, 0.14);
}

:root[data-theme="light"] .taa-shell .taa-switch__track::after {
    background: #ffffff;
    box-shadow: 0 3px 9px rgba(42, 86, 101, 0.24);
}

:root[data-theme="light"] .taa-shell .taa-switch input:checked + .taa-switch__track {
    border-color: rgba(8, 145, 180, 0.45);
    background: linear-gradient(135deg, #22b8c9, #087fa4);
}

:root[data-theme="light"] .taa-shell .taa-switch input:checked + .taa-switch__track::after {
    background: #ffffff;
}

:root[data-theme="light"] .taa-shell .taa-banner--error {
    border-color: rgba(181, 45, 74, 0.28);
    background: linear-gradient(145deg, #fffafa, #f8e3e8);
}

/* Keep the interpretation editor coherent when it is embedded in the light analysis workspace. */
:root[data-theme="light"] .taa-shell .acctinterp {
    --acctinterp-bg:
        radial-gradient(circle at 7% 0%, rgba(8, 145, 180, 0.1), transparent 28rem),
        linear-gradient(155deg, #f8fcfd, #e8f3f6);
    --acctinterp-panel: rgba(255, 255, 255, 0.86);
    --acctinterp-panel-border: rgba(24, 126, 154, 0.17);
    --acctinterp-text: #173f50;
    --acctinterp-muted: #557481;
    --acctinterp-accent: #087fa4;
    --acctinterp-accent-deep: #dceff4;
    --acctinterp-success: #16734f;
    --acctinterp-warning: #8a611c;
    --acctinterp-danger: #b52d4a;
    color-scheme: light;
}

:root[data-theme="light"] .taa-shell .acctinterp :is(
    .acctinterp__hero,
    .acctinterp__panel,
    .acctinterp__summary,
    .acctinterp__state,
    .acctinterp__feedback
) {
    color: var(--acctinterp-text);
    border-color: var(--acctinterp-panel-border);
    background: rgba(255, 255, 255, 0.84);
    box-shadow: 0 12px 28px rgba(42, 86, 101, 0.11), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .taa-shell .acctinterp .acctinterp__actions--sticky {
    border-color: var(--acctinterp-panel-border);
    background: rgba(240, 248, 250, 0.94);
    box-shadow: 0 12px 26px rgba(42, 86, 101, 0.13), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .taa-shell .acctinterp :is(.acctinterp__title, .acctinterp__panelHeader h3, .acctinterp__splitHeader h4, .acctinterp__cellValue) {
    color: #173f50;
}

:root[data-theme="light"] .taa-shell .acctinterp :is(
    .acctinterp__eyebrow,
    .acctinterp__panelEyebrow,
    .acctinterp__contextLabel,
    .acctinterp__subtitle,
    .acctinterp__metric span,
    .acctinterp__facts dt,
    .acctinterp__sectionMeta,
    .acctinterp__splitHeader p,
    .acctinterp__validation p,
    .acctinterp__empty
) {
    color: var(--acctinterp-muted);
}

:root[data-theme="light"] .taa-shell .acctinterp :is(.acctinterp__miniAction, .acctinterp__deleteButton, .acctinterp__helpToggle) {
    color: #315b6b;
    border-color: rgba(24, 126, 154, 0.22);
    background: linear-gradient(145deg, #ffffff, #dcecf1);
    box-shadow: 0 5px 13px rgba(42, 86, 101, 0.1), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .taa-shell .acctinterp .acctinterp__miniActionIcon {
    color: #087fa4;
    background: rgba(8, 145, 180, 0.1);
}

:root[data-theme="light"] .taa-shell .acctinterp :is(.acctinterp__totalCard, .acctinterp__factValue, .acctinterp__selectedPanel) {
    color: #173f50;
    border-color: rgba(24, 126, 154, 0.15);
    background: linear-gradient(145deg, #ffffff, #e8f3f6);
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .taa-shell .acctinterp .acctinterp__totalCard--debit {
    border-color: rgba(32, 139, 91, 0.25);
    background: linear-gradient(145deg, #f9fefb, #dff3e7);
    box-shadow: inset 4px 0 0 rgba(32, 139, 91, 0.7), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .taa-shell .acctinterp .acctinterp__totalCard--credit {
    border-color: rgba(8, 127, 164, 0.25);
    background: linear-gradient(145deg, #f9fdff, #dceff5);
    box-shadow: inset 4px 0 0 rgba(8, 127, 164, 0.68), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .taa-shell .acctinterp .acctinterp__totalCard--credit dd {
    color: #096985;
}

:root[data-theme="light"] .taa-shell .acctinterp :is(.acctinterp__input, .acctinterp__select, .acctinterp__textarea) {
    color: #173f50;
    color-scheme: light;
    border-color: rgba(24, 126, 154, 0.22);
    background: #ffffff;
    box-shadow: inset 0 1px 2px rgba(42, 86, 101, 0.05);
}

:root[data-theme="light"] .taa-shell .acctinterp .acctinterp__select option {
    color: #173f50;
    background: #ffffff;
}

:root[data-theme="light"] .taa-shell .acctinterp :is(.acctinterp__tableWrap, .acctinterp__splitList) {
    border-color: rgba(24, 126, 154, 0.14);
    background: rgba(247, 252, 253, 0.9);
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .taa-shell .acctinterp .acctinterp__sectionButton {
    color: #244d5d;
    border-color: rgba(24, 126, 154, 0.16);
    background: linear-gradient(145deg, #ffffff, #e7f2f5);
    box-shadow: 0 5px 13px rgba(42, 86, 101, 0.08), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .taa-shell .acctinterp .acctinterp__sectionButton--active {
    color: #075f79;
    border-color: rgba(8, 145, 180, 0.5);
    background: linear-gradient(145deg, #f9feff, #cfe9ef);
    box-shadow: 0 0 0 3px rgba(8, 145, 180, 0.09), 0 10px 22px rgba(42, 86, 101, 0.14), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .taa-shell .acctinterp :is(.acctinterp__sectionTitle, .acctinterp__sectionButton--active .acctinterp__sectionTitle, .acctinterp__sectionButton--active .acctinterp__sectionAmount) {
    color: #173f50;
}

:root[data-theme="light"] .taa-shell .acctinterp :is(.acctinterp__sectionCode, .acctinterp__sectionAmount, .acctinterp__detailsToggle) {
    color: #087fa4;
}

:root[data-theme="light"] .taa-shell .acctinterp :is(.acctinterp__sectionFacts span, .acctinterp__selectedFacts span) {
    color: #315b6b;
    border-color: rgba(24, 126, 154, 0.16);
    background: rgba(216, 238, 243, 0.7);
}

:root[data-theme="light"] .taa-shell .acctinterp .acctinterp__table {
    color: #244d5d;
    background: rgba(255, 255, 255, 0.74);
}

:root[data-theme="light"] .taa-shell .acctinterp .acctinterp__table th {
    color: #416b79;
    background: rgba(224, 240, 244, 0.98);
}

:root[data-theme="light"] .taa-shell .acctinterp .acctinterp__table:not(.acctinterp__table--editor) td {
    background: rgba(255, 255, 255, 0.7);
}

:root[data-theme="light"] .taa-shell .acctinterp .acctinterp__lineRow--debit td {
    background: rgba(220, 243, 230, 0.62);
}

:root[data-theme="light"] .taa-shell .acctinterp .acctinterp__lineRow--credit td {
    background: rgba(220, 239, 247, 0.64);
}

:root[data-theme="light"] .taa-shell .acctinterp :is(.acctinterp__empty, .acctinterp__validation) {
    border-color: rgba(24, 126, 154, 0.14);
    background: rgba(255, 255, 255, 0.68);
}

:root[data-theme="light"] .taa-shell .acctinterp .acctinterp__actionCard--ghost {
    color: #315b6b;
    border-color: rgba(24, 126, 154, 0.22);
    background: linear-gradient(145deg, #ffffff, #dcecf1);
}

:root[data-theme="light"] .taa-shell .acctinterp .acctinterp__actionCard--primary {
    color: #ffffff;
    border-color: rgba(5, 120, 151, 0.42);
    background: linear-gradient(135deg, #20b8cd, #087fa4 62%, #327cad);
    box-shadow: 0 9px 20px rgba(8, 127, 164, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.34);
}

:root[data-theme="light"] .taa-shell .acctinterp .acctinterp__helpBubble {
    color: #173f50;
    border-color: rgba(8, 145, 180, 0.23);
    background: rgba(251, 254, 255, 0.985);
    box-shadow: 0 18px 36px rgba(42, 86, 101, 0.2);
}

:root[data-theme="light"] .taa-shell .acctinterp .acctinterp__helpBubble::before {
    border-color: rgba(8, 145, 180, 0.23);
    background: rgba(251, 254, 255, 0.985);
}

/* CRM Customer Management: workspace, dashboards, records, and nested tools. */
:root[data-theme="light"] :is(.crm-record-theme-zone, .crm-marketing-theme-zone, .lead-workspace__dashboard) {
    min-width: 0;
    color: var(--app-text-primary);
    background: transparent;
}

:root[data-theme="light"] .crm-shell {
    --crm-cyan: #087fa4;
    --crm-blue: #197ca1;
    --crm-pink: #b54089;
    --crm-ink: #142a37;
    color: var(--app-text-primary);
    background:
        radial-gradient(circle at 8% 0%, rgba(8, 145, 180, 0.11), transparent 29rem),
        radial-gradient(circle at 96% 18%, rgba(98, 88, 166, 0.07), transparent 26rem),
        linear-gradient(155deg, #fbfdfe, #e8f3f6);
}

:root[data-theme="light"] .crm-shell :is(.crm-hero, .crm-toolbar, .crm-filterPanel, .crm-panel, .crm-kpi, .crm-stage, .crm-banner) {
    color: var(--app-text-primary);
    background:
        radial-gradient(circle at 96% 0%, rgba(8, 145, 180, 0.075), transparent 34%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(231, 243, 246, 0.96));
    border-color: rgba(24, 126, 154, 0.18);
    box-shadow: 0 15px 34px rgba(41, 83, 98, 0.12), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .crm-shell .crm-hero {
    background:
        radial-gradient(circle at 8% -70%, rgba(8, 145, 180, 0.18), transparent 44%),
        linear-gradient(100deg, #ffffff, #e4f1f4);
}

:root[data-theme="light"] .crm-shell .crm-hero__title .subtitleText {
    color: #007fa8;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.95), 0 0 16px rgba(0, 169, 211, 0.16);
}

:root[data-theme="light"] .crm-shell :is(.crm-sectionHeader h2, .crm-stage__header strong, .crm-card__top h3, .crm-detailCard__header h3, .crm-fact strong, .crm-moveBox__header strong, .crm-emptyState strong, .crm-leadActionMenu > button strong, .crm-helpBubble strong) {
    color: var(--app-text-primary);
    text-shadow: none;
}

:root[data-theme="light"] .crm-shell :is(.crm-sectionHeader p, .crm-filterAdvanced__intro p, .crm-stage__header span, .crm-stage__metrics span, .crm-card__title, .crm-card__meta, .crm-card__next, .crm-reminder__reason, .crm-reminder__meta, .crm-moveBox__header span, .crm-selectionGuide, .crm-emptyState, .crm-stage__empty, .crm-leadActionMenu__intro span, .crm-leadActionMenu > button small, .crm-helpBubble span) {
    color: var(--app-text-secondary);
}

:root[data-theme="light"] .crm-shell :is(.crm-field span, .crm-inlineField span, .crm-fact span, .crm-kpi span, .crm-inspectorLink__copy small) {
    color: var(--app-text-muted);
}

:root[data-theme="light"] .crm-shell :is(.crm-field input, .crm-field select, .crm-inlineField input) {
    color: var(--app-text-primary);
    color-scheme: light;
    background: rgba(255, 255, 255, 0.94);
    border-color: rgba(24, 126, 154, 0.22);
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .crm-shell .crm-field select option {
    color: var(--app-text-primary);
    background: #ffffff;
}

:root[data-theme="light"] .crm-shell :is(.crm-field--switchInline, .crm-moveBox, .crm-fact, .crm-detailCard, .crm-selectionGuide__step, .crm-emptyState, .crm-stage__empty, .crm-inspectorLink, .crm-loading) {
    color: var(--app-text-primary);
    background: rgba(246, 251, 252, 0.9);
    border-color: rgba(24, 126, 154, 0.16);
}

:root[data-theme="light"] .crm-shell :is(.crm-filterToggle, .crm-helpToggle, .crm-hero__helpButton, .crm-btn--secondary, .crm-btn--ghost, .crm-inspectorLink__close) {
    color: #075f79;
    background: linear-gradient(145deg, #ffffff, #dceff4);
    border-color: rgba(17, 137, 170, 0.26);
    box-shadow: 0 7px 18px rgba(41, 83, 98, 0.1), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .crm-shell .crm-btn--accent {
    color: #ffffff;
    border-color: rgba(190, 29, 126, 0.44);
    background:
        radial-gradient(circle at 18% 0%, rgba(255, 255, 255, 0.34), transparent 38%),
        linear-gradient(122deg, #c72787 0%, #ed4fa5 54%, #d82d91 100%);
    box-shadow: 0 9px 22px rgba(183, 35, 124, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.38);
    text-shadow: 0 1px 2px rgba(99, 8, 61, 0.3);
}

:root[data-theme="light"] .crm-shell .crm-btn--accent:hover:not(:disabled) {
    border-color: rgba(181, 18, 113, 0.62);
    background:
        radial-gradient(circle at 18% 0%, rgba(255, 255, 255, 0.42), transparent 40%),
        linear-gradient(122deg, #d32991 0%, #f45db0 54%, #df3399 100%);
    box-shadow: 0 12px 28px rgba(183, 35, 124, 0.3), 0 0 0 3px rgba(229, 55, 155, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.44);
}

:root[data-theme="light"] .crm-shell .crm-btn--accent + .crm-helpToggle {
    color: #a40f69;
    border-color: rgba(190, 29, 126, 0.3);
    border-left-color: rgba(190, 29, 126, 0.2);
    background: linear-gradient(145deg, #fffafd, #f9dce9);
    box-shadow: 0 7px 18px rgba(142, 35, 100, 0.12), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .crm-shell .crm-btn--accent + .crm-helpToggle:hover,
:root[data-theme="light"] .crm-shell .crm-btn--accent + .crm-helpToggle:focus-visible {
    color: #851052;
    border-color: rgba(190, 29, 126, 0.48);
    background: linear-gradient(145deg, #ffffff, #f6cade);
}

:root[data-theme="light"] .crm-shell :is(.crm-helpBubble, .crm-leadActionMenu) {
    color: var(--app-text-primary);
    background:
        radial-gradient(circle at 10% 0%, rgba(8, 145, 180, 0.09), transparent 36%),
        rgba(250, 253, 254, 0.985);
    border-color: rgba(8, 145, 180, 0.24);
    box-shadow: 0 19px 42px rgba(41, 83, 98, 0.2);
}

:root[data-theme="light"] .crm-shell .crm-leadActionMenu > button {
    color: var(--app-text-primary);
    background: transparent;
}

:root[data-theme="light"] .crm-shell .crm-leadActionMenu > button:hover,
:root[data-theme="light"] .crm-shell .crm-leadActionMenu > button:focus-visible {
    background: rgba(218, 239, 244, 0.86);
    border-color: rgba(8, 145, 180, 0.23);
}

:root[data-theme="light"] .crm-shell .crm-leadActionMenu > button > i,
:root[data-theme="light"] .crm-shell .crm-hero__mark,
:root[data-theme="light"] .crm-shell .crm-inspectorLink__icon {
    color: #087fa4;
    background: linear-gradient(145deg, #f8fcfd, #d8edf2);
    border-color: rgba(8, 145, 180, 0.24);
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .crm-shell .crm-inspectorLink__copy strong {
    color: var(--app-text-primary);
}

:root[data-theme="light"] .crm-shell .crm-panel--active {
    background:
        radial-gradient(circle at 0% 0%, rgba(8, 145, 180, 0.12), transparent 31%),
        linear-gradient(145deg, #ffffff, #e6f2f5);
    border-color: rgba(8, 145, 180, 0.3);
}

:root[data-theme="light"] .crm-shell .crm-panel--active .crm-inspectorLink {
    background: linear-gradient(100deg, rgba(213, 241, 241, 0.92), rgba(232, 243, 247, 0.96));
    border-color: rgba(8, 145, 180, 0.25);
}

:root[data-theme="light"] .crm-shell .crm-panel--active::after {
    background: #ffffff;
}

:root[data-theme="light"] .crm-shell :is(.crm-card, .crm-reminder) {
    color: var(--app-text-primary);
    background: linear-gradient(145deg, #ffffff, #e8f3f6);
    border-color: rgba(24, 126, 154, 0.17);
    box-shadow: 0 10px 25px rgba(41, 83, 98, 0.11), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .crm-shell :is(.crm-card:hover, .crm-card--selected, .crm-reminder:hover, .crm-reminder--selected) {
    background: linear-gradient(145deg, #ffffff, #dceff3);
    border-color: rgba(8, 145, 180, 0.4);
    box-shadow: 0 14px 31px rgba(41, 83, 98, 0.16), 0 0 0 2px rgba(8, 145, 180, 0.06);
}

:root[data-theme="light"] .crm-shell .crm-board__overlay {
    background: rgba(226, 239, 243, 0.78);
    border-color: rgba(24, 126, 154, 0.14);
}

:root[data-theme="light"] .crm-shell .crm-board__overlayMessage {
    color: var(--app-text-primary);
    background: rgba(250, 253, 254, 0.94);
    border-color: rgba(24, 126, 154, 0.18);
    box-shadow: 0 12px 30px rgba(41, 83, 98, 0.15);
}

:root[data-theme="light"] .crm-shell .crm-board__overlayMessage h1,
:root[data-theme="light"] .crm-shell .crm-kpi strong {
    color: var(--app-text-primary);
}

:root[data-theme="light"] .crm-shell .crm-banner--error {
    color: #7c2f3c;
    background:
        radial-gradient(circle at top left, rgba(207, 71, 92, 0.12), transparent 31%),
        linear-gradient(145deg, #fff9fa, #f8e8eb);
    border-color: rgba(183, 71, 85, 0.25);
}

:root[data-theme="light"] .crm-shell .crm-switch__track {
    background: #c9dde3;
    border-color: rgba(24, 126, 154, 0.3);
    box-shadow: inset 0 1px 3px rgba(41, 83, 98, 0.16);
}

:root[data-theme="light"] .crm-shell .crm-switch__track::after {
    background: #ffffff;
    box-shadow: 0 2px 8px rgba(41, 83, 98, 0.24);
}

:root[data-theme="light"] .crm-shell .crm-switch input:checked + .crm-switch__track {
    background: linear-gradient(135deg, #19a9b7, #087fa4);
    border-color: rgba(8, 127, 164, 0.45);
}

:root[data-theme="light"] .crm-performance-shell {
    --crm-cyan: #087fa4;
    --crm-blue: #197ca1;
    --crm-mint: #188765;
    color: var(--app-text-primary);
    background:
        radial-gradient(circle at 92% 3%, rgba(8, 145, 180, 0.13), transparent 24rem),
        radial-gradient(circle at 8% 38%, rgba(24, 135, 101, 0.07), transparent 28rem),
        linear-gradient(145deg, #fbfdfe, #e8f3f6 48%, #e2eef1);
}

:root[data-theme="light"] .crm-performance-shell :is(.crm-performance-header, .crm-filter-rail, .crm-state, .crm-kpi, .crm-panel) {
    color: var(--app-text-primary);
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(231, 243, 246, 0.96));
    border-color: rgba(24, 126, 154, 0.18);
    box-shadow: 0 15px 34px rgba(41, 83, 98, 0.12), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .crm-performance-shell :is(.crm-performance-heading h1, .crm-panel-heading h2, .crm-kpi > strong, .crm-health-metrics > div strong, .crm-mix-row > div:last-child, .crm-attention-list button) {
    color: var(--app-text-primary);
}

:root[data-theme="light"] .crm-performance-shell :is(.crm-performance-heading p, .crm-context-strip, .crm-panel-note, .crm-legend, .crm-filter-rail label > span, .crm-kpi-label, .crm-kpi-detail, .crm-stage-row > div > span, .crm-health-metrics > div span, .crm-health-metrics > div small, .crm-mix-row > div:last-child span, .crm-scorecard td > small, .crm-person > div span, .crm-ranked-list small, .crm-attention-list button small, .crm-state span, .crm-empty) {
    color: var(--app-text-secondary);
}

:root[data-theme="light"] .crm-performance-shell :is(.crm-filter-rail input, .crm-filter-rail select) {
    color: var(--app-text-primary);
    color-scheme: light;
    background: rgba(255, 255, 255, 0.94);
    border-color: rgba(24, 126, 154, 0.22);
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .crm-performance-shell .crm-filter-rail select option {
    color: var(--app-text-primary);
    background: #ffffff;
}

:root[data-theme="light"] .crm-performance-shell :is(.crm-period-presets, .crm-action--quiet, .crm-health-metrics > div, .crm-attention-list button, .crm-empty) {
    color: var(--app-text-primary);
    background: rgba(245, 250, 251, 0.92);
    border-color: rgba(24, 126, 154, 0.16);
}

:root[data-theme="light"] .crm-performance-shell .crm-period {
    color: var(--app-text-secondary);
}

:root[data-theme="light"] .crm-performance-shell .crm-period.is-active {
    color: #ffffff;
    background: linear-gradient(135deg, #109fbe, #087fa4);
}

:root[data-theme="light"] .crm-performance-shell .crm-attention-list button:hover {
    color: var(--app-text-primary);
    background: #e3f1f4;
    border-color: rgba(8, 145, 180, 0.35);
}

:root[data-theme="light"] .crm-performance-shell .crm-state--error {
    color: #8a3945;
    background: linear-gradient(145deg, #fffafa, #f8e8eb);
    border-color: rgba(183, 71, 85, 0.28);
}

:root[data-theme="light"] .crm-performance-shell :is(.crm-scorecard th, .crm-scorecard td, .crm-stage-row, .crm-ranked-list > div:not(.crm-empty), .crm-trend-chart) {
    border-color: rgba(24, 126, 154, 0.14);
}

:root[data-theme="light"] .crm-performance-shell .crm-scorecard tbody tr:hover {
    background: rgba(8, 145, 180, 0.055);
}

:root[data-theme="light"] .lead-workspace {
    --lead-cyan: #087fa4;
    color: var(--app-text-primary);
}

:root[data-theme="light"] .lead-workspace :is(.lead-workspace__header, .lead-workspace--loading, .lead-workspace--unavailable) {
    color: var(--app-text-primary);
    background:
        radial-gradient(circle at 12% 0%, rgba(8, 145, 180, 0.11), transparent 36%),
        linear-gradient(110deg, #ffffff, #e5f2f5);
    border-color: rgba(24, 126, 154, 0.19);
    box-shadow: 0 14px 32px rgba(41, 83, 98, 0.12), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .lead-workspace :is(h1, .lead-workspace__button) {
    color: var(--app-text-primary);
}

:root[data-theme="light"] .lead-workspace p {
    color: var(--app-text-secondary);
}

:root[data-theme="light"] .lead-workspace .lead-workspace__mark {
    color: #087fa4;
    background: linear-gradient(145deg, #ffffff, #d7ebf0);
    border-color: rgba(8, 145, 180, 0.26);
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .lead-workspace .lead-workspace__button:not(.lead-workspace__button--primary) {
    color: #075f79;
    background: linear-gradient(145deg, #ffffff, #dceff4);
    border-color: rgba(17, 137, 170, 0.26);
    box-shadow: inset 0 1px 0 #ffffff;
}

/* E-Flyer keeps email content colors intact while the design studio follows the app theme. */
:root[data-theme="light"] .ef-studio {
    --ef-bg: #edf6f8;
    --ef-panel: #f8fcfd;
    --ef-panel-strong: #e7f2f5;
    --ef-line: rgba(24, 126, 154, 0.2);
    --ef-cyan: #087fa4;
    --ef-mint: #188765;
    --ef-text: var(--app-text-primary);
    --ef-muted: var(--app-text-secondary);
    color: var(--app-text-primary);
    background:
        radial-gradient(circle at 14% 0%, rgba(8, 145, 180, 0.12), transparent 28%),
        radial-gradient(circle at 92% 4%, rgba(181, 64, 137, 0.07), transparent 24%),
        linear-gradient(180deg, #fbfdfe, #e6f2f5);
}

:root[data-theme="light"] .ef-studio * {
    scrollbar-color: rgba(8, 145, 180, 0.58) rgba(220, 236, 240, 0.88);
}

:root[data-theme="light"] .ef-studio *::-webkit-scrollbar-track {
    background: rgba(220, 236, 240, 0.88);
    border-color: rgba(24, 126, 154, 0.13);
}

:root[data-theme="light"] .ef-studio *::-webkit-scrollbar-thumb {
    border-color: #e8f3f6;
    box-shadow: 0 0 9px rgba(8, 145, 180, 0.24);
}

:root[data-theme="light"] .ef-studio *::-webkit-scrollbar-corner {
    background: #e8f3f6;
}

:root[data-theme="light"] .ef-studio :is(.ef-studio__hero, .ef-toolbar, .ef-language-rail, .ef-validation, .ef-preview__controls, .ef-studio__state, .ef-toolbox__heading, .ef-toolbox__group, .ef-inspector__header, .ef-inspector__section) {
    color: var(--app-text-primary);
    background:
        radial-gradient(circle at 96% 0%, rgba(8, 145, 180, 0.075), transparent 34%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.97), rgba(230, 242, 245, 0.97));
    border-color: rgba(24, 126, 154, 0.18);
    box-shadow: 0 14px 32px rgba(41, 83, 98, 0.11), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .ef-studio .ef-studio__mark {
    color: #087fa4;
    background: linear-gradient(145deg, #ffffff, #d7ebf0);
    border-color: rgba(8, 145, 180, 0.28);
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .ef-studio :is(.ef-studio__identity h1, .ef-toolbox__heading strong, .ef-toolbox__item strong, .ef-inspector__header strong, .ef-inspector__switch strong, .ef-preview__heading strong, .ef-validation header strong, .ef-canvas__empty strong) {
    color: var(--app-text-primary);
}

:root[data-theme="light"] .ef-studio :is(.ef-studio__identity p, .ef-studio__hero-status small, .ef-language-rail__label small, .ef-toolbox__heading small, .ef-toolbox__group p, .ef-toolbox__item small, .ef-toolbox__tags code, .ef-inspector__header small, .ef-inspector__section label, .ef-inspector__section label > small, .ef-inspector__switch small, .ef-preview__controls section p, .ef-preview__controls section label span, .ef-studio__state small, .ef-canvas-ruler, .ef-canvas__empty) {
    color: var(--app-text-secondary);
}

:root[data-theme="light"] .ef-studio :is(.ef-action, .ef-design-picker, .ef-toolbar__mode, .ef-toolbar__mode button, .ef-language-rail__tabs button, .ef-language-rail__add select, .ef-language-rail__add button, .ef-preview__devices button, .ef-preview__format button, .ef-toolbox__layout, .ef-toolbox__item, .ef-toolbox__tags button, .ef-inspector__switch, .ef-inspector__actions button) {
    color: var(--app-text-primary);
    background: rgba(247, 251, 252, 0.92);
    border-color: rgba(24, 126, 154, 0.18);
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .ef-studio :is(.ef-toolbar__mode button.is-active, .ef-language-rail__tabs button.is-active, .ef-preview__devices button.is-active, .ef-preview__format button.is-active) {
    color: #ffffff;
    background: linear-gradient(135deg, #109fbe, #087fa4 58%, #6258a6);
    border-color: rgba(8, 112, 143, 0.42);
}

:root[data-theme="light"] .ef-studio :is(.ef-design-picker select, .ef-language-rail__add select, .ef-inspector__section input, .ef-inspector__section textarea, .ef-inspector__section select, .ef-preview__controls input) {
    color: var(--app-text-primary);
    color-scheme: light;
    background: rgba(255, 255, 255, 0.95);
    border-color: rgba(24, 126, 154, 0.22);
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .ef-studio :is(.ef-design-picker option, .ef-language-rail select option, .ef-inspector__section option) {
    color: var(--app-text-primary);
    background: #ffffff;
}

:root[data-theme="light"] .ef-studio .ef-workspace__stage {
    border-color: rgba(24, 126, 154, 0.2);
    box-shadow: 0 15px 34px rgba(41, 83, 98, 0.13), inset 0 1px 0 rgba(255, 255, 255, 0.7);
}

:root[data-theme="light"] .ef-studio .ef-canvas {
    border-color: rgba(8, 145, 180, 0.3);
    box-shadow: 0 24px 58px rgba(41, 83, 98, 0.22), 0 0 0 10px rgba(221, 237, 241, 0.72);
}

:root[data-theme="light"] .ef-studio .ef-canvas__empty {
    color: var(--app-text-secondary);
    background: radial-gradient(circle at top, rgba(8, 145, 180, 0.09), transparent 60%);
    border-color: rgba(8, 145, 180, 0.35);
}

:root[data-theme="light"] .ef-studio :is(.ef-row__handle, .ef-block__chrome, .ef-canvas-ruler strong) {
    color: var(--app-text-secondary);
    background: rgba(248, 252, 253, 0.96);
    border-color: rgba(8, 145, 180, 0.25);
    box-shadow: 0 6px 16px rgba(41, 83, 98, 0.12);
}

:root[data-theme="light"] .ef-studio .ef-preview__stage {
    background:
        radial-gradient(circle at top, rgba(8, 145, 180, 0.1), transparent 35%),
        #e5f1f4;
    border-color: rgba(24, 126, 154, 0.18);
}

:root[data-theme="light"] .ef-studio .ef-preview__device {
    background: #f8fcfd;
    border-color: rgba(24, 126, 154, 0.22);
    box-shadow: 0 28px 66px rgba(41, 83, 98, 0.22);
}

:root[data-theme="light"] .ef-studio .ef-preview__device-bar {
    color: var(--app-text-secondary);
    background: #edf6f8;
}

:root[data-theme="light"] .ef-studio .ef-validation__ready {
    color: #17634e;
    background: rgba(220, 246, 236, 0.94);
    border-color: rgba(24, 135, 101, 0.24);
}

:root[data-theme="light"] .ef-studio .ef-validation__list button {
    color: #7c571a;
    background: rgba(255, 241, 207, 0.92);
    border-color: rgba(168, 108, 18, 0.22);
}

:root[data-theme="light"] .ef-studio .ef-validation__list button.is-error {
    color: #8a3945;
    background: rgba(255, 235, 238, 0.94);
    border-color: rgba(183, 71, 85, 0.25);
}

:root[data-theme="light"] .ef-studio .ef-notice {
    color: #17634e;
    background: rgba(220, 246, 236, 0.96);
    border-color: rgba(24, 135, 101, 0.28);
}

:root[data-theme="light"] .ef-studio .ef-notice.is-error {
    color: #8a3945;
    background: rgba(255, 235, 238, 0.96);
    border-color: rgba(183, 71, 85, 0.28);
}

/* Subscription gates can replace any CRM tool, so they must follow the global palette too. */
:root[data-theme="light"] .feature-access-promo {
    color: var(--app-text-primary);
    background:
        radial-gradient(circle at 8% 6%, rgba(199, 54, 145, 0.11), transparent 27%),
        radial-gradient(circle at 92% 22%, rgba(8, 145, 180, 0.14), transparent 31%),
        linear-gradient(140deg, #fbfdfe 0%, #eaf4f6 54%, #f5f0f6 100%);
    border-color: rgba(24, 126, 154, 0.22);
    box-shadow: 0 24px 58px rgba(41, 83, 98, 0.17), inset 0 1px 0 rgba(255, 255, 255, 0.94);
}

:root[data-theme="light"] .feature-access-promo__eyebrow {
    color: #087fa4;
}

:root[data-theme="light"] .feature-access-promo :is(.feature-access-promo__title, .feature-access-promo__context strong, .feature-access-promo__benefits-title) {
    color: var(--app-text-primary);
}

:root[data-theme="light"] .feature-access-promo :is(.feature-access-promo__summary, .feature-access-promo__context span, .feature-access-promo__benefit) {
    color: var(--app-text-secondary);
}

:root[data-theme="light"] .feature-access-promo :is(.feature-access-promo__chip, .feature-access-promo__signal, .feature-access-promo__context, .feature-access-promo__benefits) {
    color: var(--app-text-primary);
    background: rgba(249, 252, 253, 0.82);
    border-color: rgba(24, 126, 154, 0.18);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.88);
}

:root[data-theme="light"] .feature-access-promo__chip--locked {
    color: #84355f;
    background: rgba(255, 226, 241, 0.88);
    border-color: rgba(176, 55, 119, 0.25);
}

:root[data-theme="light"] .feature-access-promo__chip--accent {
    color: #135d72;
    background: linear-gradient(135deg, rgba(201, 244, 247, 0.9), rgba(237, 224, 249, 0.86));
    border-color: rgba(24, 126, 154, 0.24);
}

:root[data-theme="light"] .feature-access-promo__signal {
    background:
        radial-gradient(circle at 50% 46%, rgba(8, 145, 180, 0.14), transparent 43%),
        linear-gradient(145deg, rgba(249, 253, 254, 0.96), rgba(225, 239, 244, 0.84));
}

:root[data-theme="light"] .feature-access-promo__signal span {
    color: #315467;
}

:root[data-theme="light"] .feature-access-promo__signal-orbit {
    border-color: rgba(8, 145, 180, 0.28);
    box-shadow: 0 0 34px rgba(8, 145, 180, 0.12), inset 0 0 28px rgba(199, 54, 145, 0.08);
}

:root[data-theme="light"] .feature-access-promo__btn--ghost {
    color: #174258;
    background: rgba(249, 252, 253, 0.9);
    border-color: rgba(24, 126, 154, 0.24);
}

/* Customer Service: Help Desk shell and every nested case/ticket workspace. */
:root[data-theme="light"] .customer-service-theme-zone {
    color: var(--app-text-primary);
}

:root[data-theme="light"] .customer-service-theme-zone :is(.hdm-nav__item, .hdm-nav__help, .hdm-hero, .hdm-feedback, .hdm-filters, .hdm-filters__bubble, .hdm-grid, .hdm-stats__card, .hdm-empty, .hdm-casews__empty, .hdm-casews__surface, .hdm-casews__header, .hdm-casews__card, .hdm-casews__actionsurface, .hdm-casews__bubble, .hdm-casews__tabs, .hdm-casews__metaitem, .hdm-casews__customfield, .hdm-detail__empty, .hdm-detail__header, .hdm-detail__card, .hdm-ttgrid, .hdm-ttgrid__item, .hdm-ttgrid__empty, .hdm-ttws__empty, .hdm-ttws__surface, .hdm-ttws__header, .hdm-ttws__card, .hdm-ttws__fieldcard, .hdm-ttws__bubble, .hdm-timeline__body) {
    color: var(--app-text-primary);
    background:
        radial-gradient(circle at 96% 0%, rgba(8, 145, 180, 0.07), transparent 34%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.97), rgba(231, 243, 246, 0.96));
    border-color: rgba(24, 126, 154, 0.18);
    box-shadow: 0 14px 32px rgba(41, 83, 98, 0.11), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .customer-service-theme-zone .hdm-nav__item--active {
    color: #075f79;
    background: linear-gradient(145deg, #ffffff, #dceff4);
    border-color: rgba(8, 145, 180, 0.38);
    box-shadow: 0 12px 27px rgba(41, 83, 98, 0.15), inset 0 -3px 0 rgba(8, 145, 180, 0.65);
}

:root[data-theme="light"] .customer-service-theme-zone :is(.hdm-nav__title, .hdm-hero h2, .hdm-filters__header h3, .hdm-grid__header h3, .hdm-grid__case-title, .hdm-stats__value, .hdm-casews__header h3, .hdm-casews__sectionhead h4, .hdm-casews__sectionhead h6, .hdm-detail__header h3, .hdm-detail__card h4, .hdm-ttgrid__header h3, .hdm-ttgrid__item h4, .hdm-ttgrid__empty h4, .hdm-ttws__header h3, .hdm-ttws__sectionhead h4, .hdm-ttws__sectionhead h6, .hdm-ttws__fieldcardhead h5, .hdm-timeline__text) {
    color: var(--app-text-primary);
    text-shadow: none;
}

:root[data-theme="light"] .customer-service-theme-zone :is(.hdm-casews__field label, .hdm-casews__meta dt, .hdm-casews__meta dd, .hdm-ttws__field label, .hdm-ttws__fieldcard label) {
    color: var(--app-text-primary);
}

:root[data-theme="light"] .customer-service-theme-zone :is(.hdm-grid__count, .hdm-grid__empty, .hdm-grid__case-meta, .hdm-grid__case-desc, .hdm-grid__assigned small, .hdm-grid__date small, .hdm-grid__messages small, .hdm-stats__label, .hdm-casews__empty, .hdm-casews__helper, .hdm-casews__hint, .hdm-casews__meta, .hdm-detail__empty, .hdm-detail__header p, .hdm-detail__hint, .hdm-ttgrid__metrics, .hdm-ttgrid__empty, .hdm-ttws__empty, .hdm-ttws__hint, .hdm-timeline__empty, .hdm-timeline__meta) {
    color: var(--app-text-secondary);
}

:root[data-theme="light"] .customer-service-theme-zone :is(.hdm-casews__eyebrow, .hdm-detail__eyebrow, .hdm-ttws__eyebrow, .hdm-ttgrid__count) {
    color: #087fa4;
}

:root[data-theme="light"] .customer-service-theme-zone :is(.hdm-hero__help, .hdm-filters__help, .hdm-casews__help, .hdm-ttws__help, .hdm-btn--ghost) {
    color: #075f79;
    background: linear-gradient(145deg, #ffffff, #dceff4);
    border-color: rgba(17, 137, 170, 0.26);
    box-shadow: 0 7px 18px rgba(41, 83, 98, 0.1), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .customer-service-theme-zone :is(.hdm-filters__input, .hdm-casews__input, .hdm-casews__textarea, .hdm-detail__input, .hdm-detail__textarea, .hdm-ttws__input, .hdm-ttws__textarea, .message-input),
:root[data-theme="light"] .customer-service-theme-zone :is(.hdm-filters__field, .hdm-casews__field, .hdm-detail, .hdm-ttws__field) :is(input, select, textarea) {
    color: var(--app-text-primary) !important;
    color-scheme: light;
    background-color: #ffffff !important;
    background-image: none !important;
    border-color: rgba(24, 126, 154, 0.23) !important;
    box-shadow: inset 0 1px 0 #ffffff !important;
}

:root[data-theme="light"] .customer-service-theme-zone select option {
    color: var(--app-text-primary) !important;
    background: #ffffff !important;
}

:root[data-theme="light"] .customer-service-theme-zone :is(.hdm-filters__field, .hdm-casews__field, .hdm-casews__customfield, .hdm-ttws__field) select option {
    color: var(--app-text-primary) !important;
    background: #ffffff !important;
}

:root[data-theme="light"] .customer-service-theme-zone :is(.hdm-casews__customfield label, .hdm-casews__boolean) {
    color: var(--app-text-primary);
}

:root[data-theme="light"] .customer-service-theme-zone .hdm-casews__customfield p {
    color: var(--app-text-secondary);
}

:root[data-theme="light"] .customer-service-theme-zone .hdm-grid__table th {
    color: #315467;
    background: #e4f1f4;
    border-color: rgba(24, 126, 154, 0.16);
}

:root[data-theme="light"] .customer-service-theme-zone .hdm-grid__table td {
    color: var(--app-text-primary);
    border-color: rgba(24, 126, 154, 0.12);
}

:root[data-theme="light"] .customer-service-theme-zone .hdm-grid__row:hover {
    background: rgba(8, 145, 180, 0.07);
}

:root[data-theme="light"] .customer-service-theme-zone .hdm-grid__row--selected {
    background: rgba(8, 145, 180, 0.13);
}

:root[data-theme="light"] .customer-service-theme-zone :is(.hdm-chip, .hdm-casews__tab, .hdm-ttgrid__state) {
    color: #315467;
    background: rgba(238, 247, 249, 0.96);
    border-color: rgba(24, 126, 154, 0.2);
}

:root[data-theme="light"] .customer-service-theme-zone :is(.hdm-feedback--info, .hdm-casews__message--info, .hdm-ttws__message--info) {
    color: #17634e;
    background: rgba(220, 246, 236, 0.96);
    border-color: rgba(24, 135, 101, 0.25);
}

:root[data-theme="light"] .customer-service-theme-zone :is(.hdm-feedback--error, .hdm-casews__message--error, .hdm-ttws__message--error) {
    color: #8a3945;
    background: rgba(255, 235, 238, 0.96);
    border-color: rgba(183, 71, 85, 0.25);
}

:root[data-theme="light"] .customer-service-theme-zone .messages-feed :is(.new-message-card, .message-card) {
    color: var(--app-text-primary);
    background: #ffffff;
    border: 1px solid rgba(24, 126, 154, 0.14);
    box-shadow: 0 9px 22px rgba(41, 83, 98, 0.11);
}

:root[data-theme="light"] .customer-service-theme-zone .messages-feed .messages-container .btn-toggle-messages {
    color: #315467;
    background: #eaf4f6;
    border-color: rgba(24, 126, 154, 0.2);
}

:root[data-theme="dark"] .customer-service-theme-zone .messages-feed :is(.new-message-card, .message-card) {
    color: var(--app-text-primary);
    background: linear-gradient(145deg, #0d1c31, #091426);
    border: 1px solid var(--app-border);
}

:root[data-theme="dark"] .customer-service-theme-zone .messages-feed .message-input {
    color: var(--app-text-primary);
    background: #071421;
    border-color: var(--app-border);
}

:root[data-theme="dark"] .customer-service-theme-zone .messages-feed .messages-container .btn-toggle-messages {
    color: var(--app-text-secondary);
    background: #10243d;
    border-color: var(--app-border);
}

/* Contact Us inbox. */
:root[data-theme="light"] .cu-page {
    color: var(--app-text-primary);
}

:root[data-theme="light"] .cu-page .glass,
:root[data-theme="light"] .cu-page :is(.stat, .chip, .badge, .icon-btn, .stamp, .pill) {
    color: var(--app-text-primary);
    background:
        radial-gradient(circle at 12% 0%, rgba(8, 145, 180, 0.07), transparent 34%),
        rgba(249, 252, 253, 0.96);
    border-color: rgba(24, 126, 154, 0.18);
    box-shadow: 0 12px 28px rgba(41, 83, 98, 0.11), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .cu-page :is(.cu-title__headline, .stat__value, .cu-subject, .cu-empty__title, .cu-loading__title) {
    color: var(--app-text-primary);
}

:root[data-theme="light"] .cu-page :is(.cu-title__sub, .cu-label, .stat__label, .cu-meta, .cu-loading__sub, .cu-empty__sub, .stamp) {
    color: var(--app-text-secondary);
}

:root[data-theme="light"] .cu-page .cu-input {
    color: var(--app-text-primary);
    color-scheme: light;
    background: #ffffff;
    border-color: rgba(24, 126, 154, 0.23);
}

:root[data-theme="light"] .cu-page .btn {
    color: #075f79;
    background: linear-gradient(145deg, #ffffff, #dceff4);
    border-color: rgba(17, 137, 170, 0.26);
    box-shadow: 0 7px 18px rgba(41, 83, 98, 0.1), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .cu-page .chip.active {
    color: #075f79;
    background: rgba(210, 238, 244, 0.94);
    border-color: rgba(8, 145, 180, 0.38);
}

:root[data-theme="light"] .cu-page .cu-message {
    color: var(--app-text-secondary);
}

/* Service bookings and nested agenda selectors. */
:root[data-theme="light"] .booking-shell {
    --bk-surface: #f8fcfd;
    --bk-surface-hi: #e8f2f5;
    --bk-line: rgba(24, 126, 154, 0.2);
    --bk-text: var(--app-text-primary);
    --bk-muted: var(--app-text-secondary);
    --bk-cyan: #087fa4;
    --bk-teal: #188765;
    color: var(--app-text-primary);
    background: transparent;
}

:root[data-theme="light"] .booking-shell :is(.booking-hero, .booking-editor, .booking-card, .booking-summary > div, .booking-tabs, .booking-empty, .booking-list-toolbar, .booking-service-note, .booking-contact, .booking-inline-warning) {
    color: var(--app-text-primary);
    background:
        radial-gradient(circle at 96% 0%, rgba(8, 145, 180, 0.07), transparent 34%),
        linear-gradient(145deg, #ffffff, #e8f3f6);
    border-color: rgba(24, 126, 154, 0.18);
    box-shadow: 0 14px 32px rgba(41, 83, 98, 0.11), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .booking-shell :is(.booking-editor select, .booking-editor input, .booking-editor textarea, .booking-list-toolbar select) {
    color: var(--app-text-primary);
    color-scheme: light;
    background: #ffffff;
    border-color: rgba(24, 126, 154, 0.23);
}

:root[data-theme="light"] .booking-shell select option {
    color: var(--app-text-primary);
    background: #ffffff;
}

:root[data-theme="light"] .booking-shell :is(.booking-secondary, .booking-icon, .booking-list-refresh, .booking-filter-reset, .booking-entity-field__add) {
    color: #075f79;
    background: linear-gradient(145deg, #ffffff, #dceff4);
    border-color: rgba(17, 137, 170, 0.26);
}

:root[data-theme="light"] .booking-shell :is(.booking-card p, .booking-card small, .booking-service-note small, .booking-contact small, .booking-editor label > span, .booking-list-toolbar span) {
    color: var(--app-text-secondary);
}

:root[data-theme="light"] .booking-shell .booking-card__entity {
    color: #075f79 !important;
}

:root[data-theme="light"] .booking-shell .booking-alert.is-success {
    color: #17634e;
    background: rgba(220, 246, 236, 0.96);
    border-color: rgba(24, 135, 101, 0.25);
}

:root[data-theme="light"] .booking-shell :is(.booking-alert.is-error, .booking-empty.is-error, .booking-danger) {
    color: #8a3945;
    background: rgba(255, 235, 238, 0.96);
    border-color: rgba(183, 71, 85, 0.25);
}

:root[data-theme="light"] .booking-shell :is(.booking-tabs button, .booking-service-note__toggle, .booking-status, .booking-invoiced) {
    color: #315467;
    background: rgba(239, 247, 249, 0.96);
    border-color: rgba(24, 126, 154, 0.2);
}

:root[data-theme="light"] .booking-shell .booking-tabs button.active {
    color: #075f79;
    background: #d7edf2;
    border-color: rgba(8, 145, 180, 0.38);
}

:root[data-theme="light"] .booking-shell :is(.booking-entity-selector, .booking-service-selector) {
    --selector-bg: #ffffff;
    --selector-bg-hover: #edf7f9;
    --selector-panel-bg: #f9fcfd;
    --selector-border: rgba(24, 126, 154, 0.24);
    --selector-border-strong: rgba(8, 127, 164, 0.48);
    --selector-text: #173342;
    --selector-muted: #607985;
    --selector-surface: #ffffff;
    --selector-surface-hover: #edf7f9;
    --selector-surface-panel: #f9fcfd;
    --selector-surface-border: rgba(24, 126, 154, 0.24);
    --selector-surface-border-strong: rgba(8, 127, 164, 0.48);
    --selector-surface-text: #173342;
    --selector-surface-muted: #607985;
    color-scheme: light;
}

:root[data-theme="light"] .booking-shell :is(.booking-entity-selector, .booking-service-selector) :is(.search-item-edit, .panel-search-lst, .selector-results-list, .selector-result-option, .selector-results-empty, .selector-empty-help) {
    color: #173342;
    border-color: #b9d7df;
}

:root[data-theme="light"] .booking-shell :is(.booking-entity-selector, .booking-service-selector) .search-item-edit {
    background: #ffffff;
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .booking-shell :is(.booking-entity-selector, .booking-service-selector) .selector-caption,
:root[data-theme="light"] .booking-shell :is(.booking-entity-selector, .booking-service-selector) .selector-shell.is-blocked .selector-caption {
    color: #173342 !important;
    font-weight: 700;
    opacity: 1;
    text-shadow: none;
}

:root[data-theme="light"] .booking-shell :is(.booking-entity-selector, .booking-service-selector) .selector-icon {
    color: #075f79;
    border: 1px solid #b9d7df;
    background: #e5f4f7;
}

:root[data-theme="light"] .booking-shell :is(.booking-entity-selector, .booking-service-selector) .selector-badge {
    color: #075f79;
    background: #dceff3;
}

:root[data-theme="light"] .booking-shell :is(.booking-entity-selector, .booking-service-selector) :is(.panel-search-lst, .selector-results-list) {
    background: rgba(249, 252, 253, 0.98);
    box-shadow: 0 18px 34px rgba(36, 82, 99, 0.18);
}

:root[data-theme="light"] .booking-shell :is(.booking-entity-selector, .booking-service-selector) .selector-result-option {
    background: #ffffff;
}

:root[data-theme="light"] .booking-shell :is(.booking-entity-selector, .booking-service-selector) .selector-result-option:hover,
:root[data-theme="light"] .booking-shell :is(.booking-entity-selector, .booking-service-selector) .selector-result-option:focus,
:root[data-theme="light"] .booking-shell :is(.booking-entity-selector, .booking-service-selector) .selector-result-option.is-selected {
    color: #075f79;
    border-color: #75bac9;
    background: #e2f3f6;
}

:root[data-theme="light"] .booking-shell .booking-primary {
    color: #ffffff;
    border: 1px solid #087fa4;
    background: linear-gradient(135deg, #087fa4, #15927e);
    box-shadow: 0 8px 18px rgba(8, 127, 164, 0.2);
}

:root[data-theme="light"] .booking-shell .booking-primary:hover:not(:disabled),
:root[data-theme="light"] .booking-shell .booking-primary:focus-visible {
    color: #ffffff;
    border-color: #075f79;
    background: linear-gradient(135deg, #075f79, #147a58);
    box-shadow: 0 10px 22px rgba(8, 127, 164, 0.26);
}

:root[data-theme="light"] .booking-shell .booking-primary:disabled {
    color: #607985;
    border-color: #c2d8de;
    background: #dce8eb;
    box-shadow: none;
    opacity: 1;
}

:root[data-theme="light"] .booking-shell :is(.booking-hero h1, .booking-editor h2, .booking-card h3, .booking-empty strong, .booking-mode__caption, .booking-contact > span, .booking-notes > span) {
    color: #173342;
}

:root[data-theme="light"] .booking-shell :is(.booking-hero p, .booking-contact small, .booking-service-note__description) {
    color: #587480;
}

:root[data-theme="light"] .booking-shell :is(.booking-editor input, .booking-editor select, .booking-editor textarea)::placeholder {
    color: #78909a;
    opacity: 1;
}

:root[data-theme="light"] .booking-shell :is(.booking-editor input, .booking-editor select, .booking-editor textarea):focus {
    border-color: #33a9bd;
    box-shadow: 0 0 0 3px rgba(8, 145, 180, 0.12);
}

:root[data-theme="light"] .booking-shell .booking-tabs button.is-active {
    color: #ffffff;
    background: linear-gradient(135deg, #087fa4, #15927e);
    box-shadow: 0 5px 12px rgba(8, 127, 164, 0.18);
}

:root[data-theme="light"] .booking-shell .booking-switch span {
    border: 1px solid #afcdd5;
    background: #d7e5e9;
}

:root[data-theme="light"] .booking-shell .booking-switch span::after {
    background: #ffffff;
    box-shadow: 0 1px 4px rgba(36, 82, 99, 0.22);
}

:root[data-theme="light"] .booking-shell .booking-switch input:checked + span {
    border-color: #147a58;
    background: #15927e;
}

:root[data-theme="light"] .booking-shell .booking-card.cancelled .booking-status {
    color: #8c2945;
    border-color: #e3b6c2;
    background: #fbe8ed;
}

/* Quick person creation is a nested booking workflow. */
:root[data-theme="light"] .booking-shell .quick-person {
    color: #173342;
    border-color: #b8d7df;
    background: linear-gradient(145deg, #ffffff, #e8f3f6);
    box-shadow: 0 14px 30px rgba(36, 82, 99, 0.13), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .booking-shell .quick-person :is(h3, .quick-person__head span) {
    color: #173342;
}

:root[data-theme="light"] .booking-shell .quick-person :is(p, label span) {
    color: #587480;
}

:root[data-theme="light"] .booking-shell .quick-person input {
    color: #173342;
    border-color: #b9d7df;
    background: #ffffff;
}

:root[data-theme="light"] .booking-shell .quick-person input:focus {
    border-color: #33a9bd;
    box-shadow: 0 0 0 3px rgba(8, 145, 180, 0.12);
}

:root[data-theme="light"] .booking-shell .quick-person :is(.quick-person__close, .quick-person__cancel) {
    color: #075f79;
    border-color: #a9d0d9;
    background: linear-gradient(180deg, #ffffff, #deedf1);
}

:root[data-theme="light"] .booking-shell .quick-person .quick-person__save {
    color: #ffffff;
    border-color: #087fa4;
    background: linear-gradient(135deg, #087fa4, #15927e);
}

:root[data-theme="light"] .booking-shell .quick-person .quick-person__message {
    color: #146347;
    border: 1px solid #a9d5c4;
    background: #e5f5ee;
}

:root[data-theme="light"] .booking-shell .quick-person .quick-person__message.is-error {
    color: #8c2945;
    border-color: #e3b6c2;
    background: #fbe8ed;
}

/* Production and Service Reports. */
:root[data-theme="light"] .production-report-workspace {
    color: var(--app-text-primary);
}

:root[data-theme="light"] .production-report-workspace :is(.production-report-hero, .production-report-toolbar, .production-report-empty, .production-report-card, .production-report-editor, .production-report-editor > header, .production-report-editor > footer, .production-report-sections, .production-report-question) {
    color: var(--app-text-primary);
    background:
        radial-gradient(circle at 96% 0%, rgba(8, 145, 180, 0.07), transparent 34%),
        linear-gradient(145deg, #ffffff, #e8f3f6);
    border-color: rgba(24, 126, 154, 0.2);
    box-shadow: 0 14px 32px rgba(41, 83, 98, 0.11), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .production-report-workspace :is(.production-report-hero h1, .production-report-editor h2, .production-report-card h2, .production-report-empty strong, .production-report-question label) {
    color: var(--app-text-primary);
}

:root[data-theme="light"] .production-report-workspace :is(.production-report-hero p, .production-report-editor p, .production-report-empty span, .production-report-card dd, .production-report-question small, .production-report-switch em) {
    color: var(--app-text-secondary);
}

:root[data-theme="light"] .production-report-workspace :is(.production-report-help, .production-report-statuses button, .production-report-cancel, .production-report-close, .production-report-sections button) {
    color: #075f79;
    background: linear-gradient(145deg, #ffffff, #dceff4);
    border-color: rgba(17, 137, 170, 0.26);
}

:root[data-theme="light"] .production-report-workspace :is(.production-report-filter, .production-report-question input:not([type="checkbox"]), .production-report-question select, .production-report-question textarea) {
    color: var(--app-text-primary);
    color-scheme: light;
    background: #ffffff;
    border-color: rgba(24, 126, 154, 0.23);
}

:root[data-theme="light"] .production-report-workspace .production-report-filter input {
    color: var(--app-text-primary);
}

:root[data-theme="light"] .production-report-workspace .production-report-overlay {
    background: rgba(214, 230, 234, 0.68);
}

:root[data-theme="light"] .production-report-workspace .production-report-message {
    color: #075f79;
    background: #e5f3f6;
    border-color: rgba(8, 145, 180, 0.25);
}

:root[data-theme="light"] .production-report-workspace .production-report-message.is-error {
    color: #8a3945;
    background: #ffebee;
    border-color: rgba(183, 71, 85, 0.25);
}

:root[data-theme="light"] .production-report-workspace :is(.production-report-status, .production-report-reference) {
    color: #315467;
    background: rgba(239, 247, 249, 0.96);
    border: 1px solid rgba(24, 126, 154, 0.18);
}

:root[data-theme="light"] .production-report-workspace :is(.production-report-statuses .is-draft, .production-report-status.is-draft) {
    color: #755d12;
    background: #fff7d8;
    border-color: rgba(174, 136, 21, 0.25);
}

:root[data-theme="light"] .production-report-workspace :is(.production-report-statuses .is-completed, .production-report-status.is-completed) {
    color: #17634e;
    background: #dcf6ec;
    border-color: rgba(24, 135, 101, 0.25);
}

:root[data-theme="light"] .production-report-workspace :is(.production-report-statuses .is-unavailable, .production-report-status.is-unavailable) {
    color: #8a3945;
    background: #ffebee;
    border-color: rgba(183, 71, 85, 0.25);
}

:root[data-theme="light"] .production-report-workspace .production-report-sections button.is-active {
    color: #075f79;
    background: #d7edf2;
    border-color: rgba(8, 145, 180, 0.38);
}

:root[data-theme="light"] .production-report-workspace :is(.production-report-card dt, .production-report-kicker) {
    color: #087fa4;
}

/* Keep unavailable report states readable after the dark component stylesheet loads. */
:root[data-theme="light"] .production-report-workspace .production-report-card__warning {
    color: #9b2844;
    font-size: .78rem;
    font-weight: 600;
    line-height: 1.45;
}

:root[data-theme="light"] .production-report-workspace .production-report-card dl div {
    border-top-color: rgba(24, 126, 154, 0.18);
}

:root[data-theme="light"] .production-report-workspace .production-report-card dd {
    color: #315467;
}

:root[data-theme="light"] .production-report-workspace .production-report-print-icon {
    color: #075f79;
    background: linear-gradient(145deg, #ffffff, #d7edf2);
    border-color: rgba(17, 137, 170, 0.34);
    box-shadow: 0 7px 16px rgba(41, 83, 98, 0.13), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .production-report-workspace .production-report-print-icon::after {
    border-color: rgba(8, 145, 180, 0.12);
}

:root[data-theme="light"] .production-report-workspace :is(.production-report-open, .production-report-refresh, .production-report-save, .production-report-print) {
    color: #ffffff;
    background: linear-gradient(135deg, #0798ba, #2878df);
    box-shadow: 0 8px 18px rgba(15, 117, 177, 0.22);
}

:root[data-theme="light"] .production-report-workspace :is(.production-report-open, .production-report-print-icon):disabled {
    color: #5c6f79;
    background: #e7eef1;
    border-color: rgba(83, 112, 124, 0.2);
    box-shadow: none;
    opacity: 1;
}

:root[data-theme="light"] .production-report-workspace .production-report-filter > i {
    color: #057f9f;
}

:root[data-theme="light"] .production-report-workspace .production-report-filter input::placeholder {
    color: #627d8a;
    opacity: 1;
}

:root[data-theme="light"] .production-report-workspace .production-report-question :is(input:not([type="checkbox"]), select, textarea)::placeholder {
    color: #627d8a;
    opacity: 1;
}

/* My Todo List and its nested recurring schedule editor. */
:root[data-theme="light"] .todo-theme-zone .todo-grid {
    --bg0: #eef6f8;
    --bg1: #f8fcfd;
    --bg2: #e8f2f5;
    --card: rgba(255, 255, 255, 0.96);
    --card2: rgba(231, 243, 246, 0.96);
    --text: var(--app-text-primary);
    --muted: var(--app-text-secondary);
    --accent: #087fa4;
    --accent2: #6258a6;
    --line: rgba(24, 126, 154, 0.2);
    --shadow: 0 22px 60px rgba(41, 83, 98, 0.15);
    --shadow2: 0 10px 28px rgba(41, 83, 98, 0.11);
    color: var(--app-text-primary);
    background:
        radial-gradient(800px 360px at 10% 0%, rgba(8, 145, 180, 0.12), transparent 56%),
        radial-gradient(800px 420px at 90% 0%, rgba(98, 88, 166, 0.08), transparent 61%),
        linear-gradient(180deg, #fbfdfe, #e7f2f5);
    border-color: rgba(24, 126, 154, 0.2);
    box-shadow: var(--shadow), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .todo-theme-zone :is(.card, .card.create, .card.list, .todo-item, .empty, .toast, .checkbox, .todo-help-bubble) {
    color: var(--app-text-primary);
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.97), rgba(232, 243, 246, 0.96));
    border-color: rgba(24, 126, 154, 0.18);
    box-shadow: 0 12px 28px rgba(41, 83, 98, 0.11), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .todo-theme-zone :is(.todo-guide-button, .todo-help, .btn:not(.primary)) {
    color: #075f79 !important;
    background: linear-gradient(145deg, #ffffff, #dceff4);
    border-color: rgba(17, 137, 170, 0.26);
    box-shadow: 0 7px 18px rgba(41, 83, 98, 0.1), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .todo-theme-zone :is(.todo-inline-hint, .todo-help-bubble span, .muted, .desc, .meta, .loading, .empty, .empty-sub, .toast-text) {
    color: var(--app-text-secondary) !important;
}

:root[data-theme="light"] .todo-theme-zone :is(.todo-help-bubble strong, .empty-title, .title-row .title, .card header h2, .card-title h2) {
    color: var(--app-text-primary);
}

:root[data-theme="light"] .todo-theme-zone .todo-grid :is(input, textarea, select, .input, .form-control),
:root[data-theme="light"] .todo-theme-zone .card.create :is(input, textarea, select, .input, .form-control, .valid, .modified.valid, .modified.invalid) {
    color: var(--app-text-primary) !important;
    color-scheme: light;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-color: rgba(24, 126, 154, 0.23) !important;
}

:root[data-theme="light"] .todo-theme-zone select option {
    color: var(--app-text-primary) !important;
    background: #ffffff !important;
}

:root[data-theme="light"] .todo-theme-zone :is(.badge, .chip) {
    color: #315467;
    background: rgba(239, 247, 249, 0.96);
    border-color: rgba(24, 126, 154, 0.2);
}

:root[data-theme="light"] .todo-theme-zone .checkbox span::before {
    background: #d4e6ea;
    border-color: rgba(24, 126, 154, 0.26);
}

:root[data-theme="light"] .todo-theme-zone .todo-grid :is(label, label.form-label) {
    color: var(--app-text-primary) !important;
}

:root[data-theme="light"] .todo-theme-zone .todo-grid :is(input, textarea)::placeholder {
    color: #6c8794 !important;
    -webkit-text-fill-color: #6c8794 !important;
}

:root[data-theme="light"] .todo-theme-zone .todo-grid :is(input[type="date"], input[type="datetime-local"])::-webkit-calendar-picker-indicator {
    filter: none;
}

:root[data-theme="light"] .todo-theme-zone .todo-item.selected .title-row .title {
    color: var(--app-text-primary);
}

:root[data-theme="light"] .todo-theme-zone .btn-image {
    filter: none;
}

:root[data-theme="light"] .todo-theme-zone :is(.validation-message, .validation-errors) {
    color: #a33c4b;
}

:root[data-theme="light"] .todo-theme-zone .task-schedule-shell {
    --task-bg: linear-gradient(145deg, #ffffff, #e8f3f6);
    --task-card: linear-gradient(145deg, #f8fcfd, #e6f2f5);
    --task-border: rgba(24, 126, 154, 0.2);
    --task-text: var(--app-text-primary);
    --task-text-soft: var(--app-text-secondary);
    --task-accent: #109fbe;
    --task-accent-strong: #087fa4;
    --task-success: #17634e;
    --task-danger: #8a3945;
}

:root[data-theme="light"] .todo-theme-zone .task-schedule-shell :is(.task-schedule-topbar, .task-schedule-card, .task-schedule-banner, .task-schedule-history__item, .task-schedule-field--switch) {
    color: var(--app-text-primary);
    background: var(--task-bg);
    border-color: var(--task-border);
    box-shadow: 0 12px 28px rgba(41, 83, 98, 0.1), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .todo-theme-zone .task-schedule-input {
    color: var(--app-text-primary);
    color-scheme: light;
    background: #ffffff;
    border-color: rgba(24, 126, 154, 0.23);
}

:root[data-theme="light"] .todo-theme-zone select.task-schedule-input option {
    color: var(--app-text-primary);
    background: #ffffff;
}

:root[data-theme="light"] .todo-theme-zone .task-schedule-save--soft {
    color: #075f79;
    background: #e8f3f6;
    border-color: rgba(17, 137, 170, 0.24);
}

:root[data-theme="light"] .todo-theme-zone .task-schedule-switch input[type="checkbox"] {
    background: #c9dde3;
    border-color: rgba(24, 126, 154, 0.3);
    box-shadow: inset 0 1px 3px rgba(41, 83, 98, 0.16);
}

/* Hiring Center: applicant review is nested inside the shared job-posting document. */
:root[data-theme="light"] .operations-theme-zone .job-applicants-view :is(.applicants-header, .state-panel, .applicant-card, .metric-card, .fact-chip, .summary-box, .mini-stat, .detail-section, .detail-item, .evaluation-box) {
    color: var(--app-text-primary);
    background:
        radial-gradient(circle at 96% 0%, rgba(8, 145, 180, 0.07), transparent 34%),
        linear-gradient(145deg, #ffffff, #e8f3f6);
    border-color: rgba(24, 126, 154, 0.18);
    box-shadow: 0 14px 32px rgba(41, 83, 98, 0.11), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .operations-theme-zone .job-applicants-view :is(.header-copy h3, .metric-value, .state-title, .name-row h4, .score-value, .mini-stat-value, .detail-section-title, .detail-item-head strong) {
    color: var(--app-text-primary);
}

:root[data-theme="light"] .operations-theme-zone .job-applicants-view :is(.header-copy p, .metric-label, .state-text, .location-row, .score-caption, .mini-stat-label, .summary-box p, .detail-item-head span, .detail-item p) {
    color: var(--app-text-secondary);
}

:root[data-theme="light"] .operations-theme-zone .job-applicants-view :is(.premium-select, .premium-textarea) {
    color: var(--app-text-primary);
    color-scheme: light;
    background: #ffffff;
    border-color: rgba(24, 126, 154, 0.23);
}

:root[data-theme="light"] .operations-theme-zone .job-applicants-view .premium-select option {
    color: var(--app-text-primary);
    background: #ffffff;
}

:root[data-theme="light"] .operations-theme-zone .job-applicants-view :is(.status-pill, .tag-chip, .inline-state, .score-star-btn, .premium-btn.ghost) {
    color: #315467;
    background: rgba(239, 247, 249, 0.96);
    border-color: rgba(24, 126, 154, 0.2);
}

:root[data-theme="light"] .operations-theme-zone .job-applicants-view :is(.section-mini-title, .header-copy .eyebrow, .detail-section-title i, .fact-chip i) {
    color: #087fa4;
}

:root[data-theme="light"] :is(.settings-theme-zone, .hiring-theme-zone, .customer-service-theme-zone) {
    min-width: 0;
}

/* Settings: agent knowledge and instruction editors. */
:root[data-theme="light"] .agent-settings-theme-zone {
    color: var(--app-text-primary);
}

:root[data-theme="light"] .agent-settings-theme-zone :is(#tabContainer, #cardGeneralScript, .card, .card-body, .table_container) {
    color: var(--app-text-primary);
    background:
        radial-gradient(circle at 96% 0%, rgba(8, 145, 180, 0.07), transparent 34%),
        linear-gradient(145deg, #ffffff, #e8f3f6);
    border-color: rgba(24, 126, 154, 0.18);
    box-shadow: 0 14px 32px rgba(41, 83, 98, 0.11), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .agent-settings-theme-zone :is(.nav-tabs, .nav-link) {
    border-color: rgba(24, 126, 154, 0.18);
}

:root[data-theme="light"] .agent-settings-theme-zone .nav-link {
    color: #315467;
    background: rgba(248, 252, 253, 0.86);
}

:root[data-theme="light"] .agent-settings-theme-zone .nav-link.active {
    color: #075f79;
    background: linear-gradient(145deg, #ffffff, #dceff4);
    border-color: rgba(8, 145, 180, 0.34);
}

:root[data-theme="light"] .agent-settings-theme-zone :is(#labelGeneralScript, label) {
    color: var(--app-text-primary);
}

:root[data-theme="light"] .agent-settings-theme-zone :is(#generalScript, input, textarea, select) {
    color: var(--app-text-primary);
    color-scheme: light;
    background: #ffffff;
    border-color: rgba(24, 126, 154, 0.23);
}

:root[data-theme="light"] .agent-settings-theme-zone select option {
    color: var(--app-text-primary);
    background: #ffffff;
}

:root[data-theme="light"] .agent-settings-theme-zone table {
    color: var(--app-text-primary);
    background: #f8fcfd;
}

:root[data-theme="light"] .agent-settings-theme-zone table :is(th, td) {
    border-color: rgba(24, 126, 154, 0.18);
}

:root[data-theme="light"] .agent-settings-theme-zone .table-striped tr:nth-child(odd) {
    background: #f8fcfd;
}

:root[data-theme="light"] .agent-settings-theme-zone .table-striped tr:nth-child(even) {
    background: #e8f3f6;
}

:root[data-theme="light"] .agent-settings-theme-zone .table-striped tr:hover {
    color: #075f79;
    background: #d8edf2;
}

/* Shared route heading and featured Business Network story. */
:root[data-theme="light"] .content > .page-header-title {
    display: block;
    box-sizing: border-box;
    width: 100%;
    min-height: 2.15rem;
    margin: 1rem 0 0;
    padding: 0.36rem 0.85rem 0.3rem;
    color: #087fa4;
    background:
        radial-gradient(circle at 12% 0%, rgba(8, 145, 180, 0.1), transparent 28%),
        linear-gradient(90deg, rgba(248, 252, 253, 0.98), rgba(229, 242, 245, 0.94));
    border-top: 1px solid rgba(255, 255, 255, 0.9);
    border-bottom: 1px solid rgba(24, 126, 154, 0.16);
    text-shadow: 0 1px 0 #ffffff;
    box-shadow: inset 0 1px 0 #ffffff, 0 5px 16px rgba(41, 83, 98, 0.08);
}

:root[data-theme="light"] .bn-cardpost.bn-cardpost--lead {
    color: var(--app-text-primary);
    background:
        radial-gradient(circle at 12% 12%, rgba(21, 169, 197, 0.14), transparent 31%),
        radial-gradient(circle at 92% 88%, rgba(181, 64, 137, 0.09), transparent 34%),
        linear-gradient(145deg, #f9fcfd, #dfedf1);
    border-color: rgba(24, 126, 154, 0.22);
    box-shadow: 0 20px 46px rgba(41, 83, 98, 0.18), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .bn-cardpost.bn-cardpost--lead::after {
    background:
        linear-gradient(180deg, rgba(247, 252, 253, 0.04) 0%, transparent 28%, rgba(232, 243, 246, 0.34) 48%, rgba(235, 245, 247, 0.98) 100%),
        radial-gradient(circle at 85% 10%, rgba(8, 145, 180, 0.08), transparent 30%);
}

:root[data-theme="light"] .bn-cardpost.bn-cardpost--lead .bn-cardpost__media {
    background: linear-gradient(145deg, #edf6f8, #d6e8ec);
}

:root[data-theme="light"] .bn-cardpost.bn-cardpost--lead .bn-cardpost__body,
:root[data-theme="light"] .bn-cardpost.bn-cardpost--lead .bn-cardpost__head {
    color: var(--app-text-primary);
    background: transparent;
    border-color: transparent;
}

:root[data-theme="light"] .bn-cardpost.bn-cardpost--lead .bn-cardpost__badges {
    background: rgba(248, 252, 253, 0.9);
    border-color: rgba(24, 126, 154, 0.18);
    box-shadow: 0 7px 18px rgba(41, 83, 98, 0.12);
}

:root[data-theme="light"] .bn-cardpost.bn-cardpost--lead .bn-cardpost__badge {
    color: #176076;
    background: rgba(215, 238, 243, 0.94);
    border-color: rgba(8, 145, 180, 0.2);
}

:root[data-theme="light"] .bn-cardpost.bn-cardpost--lead .bn-cardpost__badge--promoted {
    color: #8a3269;
    background: rgba(249, 226, 241, 0.96);
    border-color: rgba(181, 64, 137, 0.23);
}

:root[data-theme="light"] .bn-cardpost.bn-cardpost--lead :is(.bn-cardpost__storymeta, .bn-cardpost__excerpt) {
    color: var(--app-text-secondary);
    text-shadow: none;
}

:root[data-theme="light"] .bn-cardpost.bn-cardpost--lead .bn-cardpost__surface,
:root[data-theme="light"] .bn-cardpost.bn-cardpost--lead .bn-cardpost__title button {
    color: var(--app-text-primary);
    background: transparent;
    text-shadow: none;
}

:root[data-theme="light"] .bn-cardpost.bn-cardpost--lead .bn-cardpost__foot {
    color: var(--app-text-primary);
    background: rgba(248, 252, 253, 0.9);
    border-color: rgba(24, 126, 154, 0.18);
    box-shadow: 0 9px 22px rgba(41, 83, 98, 0.14), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .bn-cardpost.bn-cardpost--lead .bn-cardpost__engagement > span {
    color: var(--app-text-secondary);
    background: rgba(227, 241, 244, 0.9);
    border-color: rgba(24, 126, 154, 0.15);
}

:root[data-theme="light"] .bn-cardpost.bn-cardpost--lead .bn-cardpost__engagement strong {
    color: var(--app-text-primary);
}

:root[data-theme="light"] .bn-cardpost.bn-cardpost--lead .bn-cardpost__tool,
:root[data-theme="light"] .bn-cardpost.bn-cardpost--lead .bn-reactpicker__trigger {
    color: #075f79;
    background: linear-gradient(145deg, #ffffff, #dceff4);
    border-color: rgba(17, 137, 170, 0.24);
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .bn-cardpost.bn-cardpost--lead .bn-user-avatar {
    color: var(--app-text-primary);
    background: rgba(255, 255, 255, 0.9);
    border-color: rgba(24, 126, 154, 0.16);
    box-shadow: 0 8px 20px rgba(41, 83, 98, 0.14), inset 0 1px 0 #ffffff;
}

/* Communications workspaces: API setup, shared files, and mail delivery control. */
:root[data-theme="light"] .communications-theme-zone {
    color: var(--app-text-primary);
}

:root[data-theme="light"] .api-connection-theme-zone {
    min-height: calc(100vh - 9rem);
}

/* Shared Files Manager */
:root[data-theme="light"] .shared-files-theme-zone.sfx-shell {
    color: var(--app-text-primary);
    min-height: calc(100vh - 9rem);
    background: transparent;
}

:root[data-theme="light"] .shared-files-theme-zone :is(.sfx-hero, .sfx-card) {
    color: var(--app-text-primary);
    border-color: rgba(22, 127, 157, 0.19);
    background:
        radial-gradient(circle at 100% 0%, rgba(27, 183, 219, 0.08), transparent 36%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.97), rgba(231, 242, 245, 0.96));
    box-shadow: 0 17px 38px rgba(37, 79, 94, 0.13), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .shared-files-theme-zone :is(.sfx-card__header h2, .sfx-subsection h3, .sfx-title-row h2, .sfx-list__title, .sfx-dropzone__content strong) {
    color: var(--app-text-primary);
}

:root[data-theme="light"] .shared-files-theme-zone :is(.sfx-card__eyebrow, .sfx-list__meta, .sfx-list__dot, .sfx-actions__hint, .sfx-history__meta, .sfx-history__comment, .sfx-upload-name, .sfx-inline-note, .sfx-empty, .sfx-loading, .sfx-dropzone__content span) {
    color: var(--app-text-secondary);
}

:root[data-theme="light"] .shared-files-theme-zone :is(.sfx-subsection, .sfx-inline-detail, .sfx-actions) {
    border-color: rgba(22, 127, 157, 0.14);
}

:root[data-theme="light"] .shared-files-theme-zone .sfx-help-btn {
    color: #075f79;
    border-color: rgba(17, 137, 170, 0.25);
    background: linear-gradient(145deg, #ffffff, #dceff4);
    box-shadow: 0 6px 16px rgba(41, 83, 98, 0.11), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .shared-files-theme-zone .sfx-help-bubble {
    color: var(--app-text-primary);
    border-color: rgba(22, 127, 157, 0.23);
    background: linear-gradient(145deg, #ffffff, #e1f0f3);
    box-shadow: 0 18px 40px rgba(37, 79, 94, 0.18), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .shared-files-theme-zone .sfx-help-bubble strong {
    color: var(--app-text-primary);
}

:root[data-theme="light"] .shared-files-theme-zone .sfx-help-bubble span {
    color: var(--app-text-secondary);
}

:root[data-theme="light"] .shared-files-theme-zone .sfx-callout {
    color: var(--app-text-secondary);
    background: rgba(22, 165, 197, 0.09);
    border-color: rgba(17, 137, 170, 0.2);
}

:root[data-theme="light"] .shared-files-theme-zone .sfx-callout strong {
    color: var(--app-text-primary);
}

:root[data-theme="light"] .shared-files-theme-zone .sfx-scope-chip,
:root[data-theme="light"] .shared-files-theme-zone .sfx-badge {
    color: #7a5608;
    background: rgba(255, 190, 77, 0.16);
    border-color: rgba(169, 116, 6, 0.22);
}

:root[data-theme="light"] .shared-files-theme-zone .sfx-icon-btn {
    border-color: rgba(22, 127, 157, 0.23);
    background: linear-gradient(145deg, #ffffff, #dceff4);
    box-shadow: 0 9px 20px rgba(41, 83, 98, 0.13), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .shared-files-theme-zone .sfx-icon-btn:hover {
    border-color: rgba(8, 145, 180, 0.4);
    background: linear-gradient(145deg, #ffffff, #d2eaf0);
    box-shadow: 0 12px 25px rgba(41, 83, 98, 0.17), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .shared-files-theme-zone .sfx-mode-toggle {
    color: var(--app-text-primary);
    border-color: rgba(22, 127, 157, 0.16);
    background: rgba(255, 255, 255, 0.62);
}

:root[data-theme="light"] .shared-files-theme-zone :is(.sfx-mode-toggle, .sfx-check) input[type="checkbox"] {
    background: #c6dce2;
    border-color: rgba(36, 125, 151, 0.3);
    box-shadow: inset 0 2px 5px rgba(42, 86, 101, 0.16);
}

:root[data-theme="light"] .shared-files-theme-zone :is(.sfx-mode-toggle, .sfx-check) input[type="checkbox"]::after {
    background: #ffffff;
    box-shadow: 0 3px 8px rgba(42, 86, 101, 0.24);
}

:root[data-theme="light"] .shared-files-theme-zone :is(.sfx-mode-toggle, .sfx-check) input[type="checkbox"]:checked {
    background: linear-gradient(135deg, #16b8cf, #087fa4);
    border-color: rgba(7, 117, 147, 0.55);
    box-shadow: 0 0 0 3px rgba(8, 145, 180, 0.1), inset 0 2px 5px rgba(7, 83, 104, 0.18);
}

:root[data-theme="light"] .shared-files-theme-zone :is(.sfx-form-grid label, .sfx-filter-grid label, .sfx-detail-grid, .sfx-check, .sfx-field-label) {
    color: var(--app-text-secondary);
}

:root[data-theme="light"] .shared-files-theme-zone .sfx-collapsible__toggle {
    color: var(--app-text-primary);
    border-color: rgba(22, 127, 157, 0.18);
    background: rgba(255, 255, 255, 0.68);
}

:root[data-theme="light"] .shared-files-theme-zone :is(.sfx-input, .sfx-textarea) {
    color: var(--app-text-primary) !important;
    -webkit-text-fill-color: var(--app-text-primary) !important;
    border-color: rgba(22, 127, 157, 0.22) !important;
    background: rgba(255, 255, 255, 0.9) !important;
    box-shadow: inset 0 1px 2px rgba(42, 86, 101, 0.06) !important;
}

:root[data-theme="light"] .shared-files-theme-zone :is(.sfx-input, .sfx-textarea):focus {
    border-color: rgba(8, 145, 180, 0.52) !important;
    box-shadow: 0 0 0 3px rgba(8, 145, 180, 0.1) !important;
}

:root[data-theme="light"] .shared-files-theme-zone select.sfx-input option {
    color: var(--app-text-primary);
    background: #f7fbfc;
}

:root[data-theme="light"] .shared-files-theme-zone .sfx-btn--soft {
    color: #075f79;
    border-color: rgba(17, 137, 170, 0.23);
    background: linear-gradient(145deg, #ffffff, #dceff4);
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .shared-files-theme-zone .sfx-btn--primary {
    color: #ffffff;
    background: linear-gradient(135deg, #087fa4, #18afbd);
    box-shadow: 0 8px 19px rgba(8, 127, 164, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.22);
}

:root[data-theme="light"] .shared-files-theme-zone .sfx-list__item,
:root[data-theme="light"] .shared-files-theme-zone .sfx-history__item {
    color: var(--app-text-primary);
    border-color: rgba(22, 127, 157, 0.15);
    background: rgba(255, 255, 255, 0.7);
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .shared-files-theme-zone .sfx-list__item.active {
    border-color: rgba(176, 119, 13, 0.32);
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.92), rgba(255, 244, 218, 0.78));
    box-shadow: 0 11px 25px rgba(41, 83, 98, 0.12), 0 0 0 1px rgba(176, 119, 13, 0.08);
}

:root[data-theme="light"] .shared-files-theme-zone .sfx-file-pill,
:root[data-theme="light"] .shared-files-theme-zone .sfx-upload-row {
    color: var(--app-text-primary);
    border-color: rgba(22, 127, 157, 0.16);
    background: rgba(255, 255, 255, 0.65);
}

:root[data-theme="light"] .shared-files-theme-zone :is(.sfx-file-link, .sfx-file-pill__link) {
    color: #087fa4;
}

:root[data-theme="light"] .shared-files-theme-zone .sfx-file-pill__link--muted {
    color: var(--app-text-muted);
}

:root[data-theme="light"] .shared-files-theme-zone :is(.sfx-file-pill__delete, .sfx-remove) {
    color: #a72b3a;
    background: rgba(201, 58, 76, 0.11);
    border: 1px solid rgba(184, 45, 64, 0.18);
}

:root[data-theme="light"] .shared-files-theme-zone .sfx-dropzone {
    border-color: rgba(22, 127, 157, 0.3);
    background:
        radial-gradient(circle at center, rgba(27, 183, 219, 0.09), transparent 45%),
        linear-gradient(145deg, #f9fcfd, #e6f2f4);
    box-shadow: inset 0 1px 0 #ffffff, 0 10px 25px rgba(41, 83, 98, 0.1);
}

:root[data-theme="light"] .shared-files-theme-zone .sfx-dropzone:hover,
:root[data-theme="light"] .shared-files-theme-zone .sfx-dropzone:focus-within {
    border-color: rgba(8, 145, 180, 0.48);
    box-shadow: 0 0 0 4px rgba(8, 145, 180, 0.08), 0 13px 29px rgba(41, 83, 98, 0.13);
}

:root[data-theme="light"] .shared-files-theme-zone .sfx-dropzone.is-dragover {
    border-color: rgba(176, 119, 13, 0.42);
    background: linear-gradient(145deg, #fffdf8, #f6ebce);
    box-shadow: 0 0 0 4px rgba(255, 190, 77, 0.1), 0 15px 32px rgba(41, 83, 98, 0.14);
}

:root[data-theme="light"] .shared-files-theme-zone .sfx-dropzone__icon {
    color: #087fa4;
    border-color: rgba(17, 137, 170, 0.22);
    background: linear-gradient(145deg, #ffffff, #d7edf2);
}

:root[data-theme="light"] .shared-files-theme-zone .sfx-banner--success {
    color: #14643e;
    background: rgba(35, 165, 99, 0.12);
    border: 1px solid rgba(20, 112, 67, 0.16);
}

:root[data-theme="light"] .shared-files-theme-zone .sfx-banner--error {
    color: #9b2635;
    background: rgba(201, 58, 76, 0.1);
    border: 1px solid rgba(184, 45, 64, 0.16);
}

/* Mails Central and its nested DetailsViewer grid. */
:root[data-theme="light"] .mail-central-theme-zone .mail-central-shell {
    --mail-cyan: #087fa4;
    --mail-cyan-soft: rgba(8, 145, 180, 0.1);
    --mail-border: rgba(25, 137, 167, 0.22);
    color: var(--app-text-primary);
}

:root[data-theme="light"] .mail-central-theme-zone :is(.mail-command-bar, .mail-filter-panel, .mail-results) {
    color: var(--app-text-primary);
    border-color: var(--mail-border);
    background:
        radial-gradient(circle at 100% 0%, rgba(27, 183, 219, 0.08), transparent 38%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.97), rgba(230, 242, 245, 0.96));
    box-shadow: 0 15px 34px rgba(37, 79, 94, 0.13), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .mail-central-theme-zone :is(.mail-command-heading, .mail-filter-title) {
    color: var(--app-text-primary);
}

:root[data-theme="light"] .mail-central-theme-zone :is(.mail-filter-title span, .mail-filter-field > span, .mail-filter-hint, .mail-results-state > span:last-child) {
    color: var(--app-text-secondary);
}

:root[data-theme="light"] .mail-central-theme-zone :is(.mail-action, .mail-filter-clear) {
    color: #075f79;
    border-color: rgba(17, 137, 170, 0.24);
    background: linear-gradient(145deg, #ffffff, #dceff4);
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .mail-central-theme-zone :is(.mail-action-primary, .mail-filter-apply) {
    color: #ffffff;
    border-color: rgba(7, 117, 147, 0.46);
    background: linear-gradient(135deg, #087fa4, #18afbd);
    box-shadow: 0 8px 18px rgba(8, 127, 164, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.22);
}

:root[data-theme="light"] .mail-central-theme-zone .mail-action-primary i,
:root[data-theme="light"] .mail-central-theme-zone .mail-filter-apply i {
    color: #ffffff;
}

:root[data-theme="light"] .mail-central-theme-zone .mail-filter-title > i {
    color: #087fa4;
    border-color: rgba(8, 145, 180, 0.28);
    background: rgba(8, 145, 180, 0.09);
}

:root[data-theme="light"] .mail-central-theme-zone .mail-filter-field input {
    color: var(--app-text-primary);
    -webkit-text-fill-color: var(--app-text-primary);
    color-scheme: light;
    border-color: rgba(22, 127, 157, 0.22);
    background: rgba(255, 255, 255, 0.9);
    box-shadow: inset 0 1px 2px rgba(42, 86, 101, 0.06);
}

:root[data-theme="light"] .mail-central-theme-zone .mail-filter-field input::placeholder {
    color: var(--app-text-muted);
    -webkit-text-fill-color: var(--app-text-muted);
}

:root[data-theme="light"] .mail-central-theme-zone .mail-filter-field input:focus {
    border-color: rgba(8, 145, 180, 0.52);
    box-shadow: 0 0 0 3px rgba(8, 145, 180, 0.1);
}

:root[data-theme="light"] .mail-central-theme-zone .mail-results-state {
    color: var(--app-text-primary);
    background: radial-gradient(circle at 50% 45%, rgba(27, 183, 219, 0.11), transparent 35%);
}

:root[data-theme="light"] .mail-central-theme-zone .mail-scope-pulse {
    border-color: rgba(8, 145, 180, 0.2);
    border-top-color: #087fa4;
    box-shadow: 0 0 20px rgba(8, 145, 180, 0.14);
}

/* Mails grid finishing pass: filter controls, booleans, and pager are Syncfusion sub-surfaces. */
:root[data-theme="light"] .mail-central-theme-zone .dashboard-table-container .e-grid {
    border: 0 !important;
    border-radius: 0 0 14px 14px;
    overflow: hidden;
}

:root[data-theme="light"] .mail-central-theme-zone .dashboard-table-container .e-grid :is(.e-gridheader, .e-headercontent, .e-headercell, .e-filterbar, .e-filterbarcell) {
    border-color: rgba(27, 112, 138, 0.17) !important;
}

:root[data-theme="light"] .mail-central-theme-zone .dashboard-table-container .e-grid .e-filterbarcell {
    padding: 0.28rem 0.18rem !important;
    background: #eaf4f7 !important;
}

:root[data-theme="light"] .mail-central-theme-zone .dashboard-table-container .e-grid .e-filterbarcell :is(.e-input-group, .e-input-group.e-control-wrapper) {
    min-height: 30px !important;
    border: 1px solid rgba(27, 112, 138, 0.24) !important;
    border-radius: 7px !important;
    background: rgba(255, 255, 255, 0.94) !important;
    box-shadow: inset 0 1px 1px rgba(35, 76, 91, 0.04) !important;
}

:root[data-theme="light"] .mail-central-theme-zone .dashboard-table-container .e-grid .e-filterbarcell :is(.e-input-group, .e-input-group.e-control-wrapper)::before,
:root[data-theme="light"] .mail-central-theme-zone .dashboard-table-container .e-grid .e-filterbarcell :is(.e-input-group, .e-input-group.e-control-wrapper)::after {
    display: none !important;
}

:root[data-theme="light"] .mail-central-theme-zone .dashboard-table-container .e-grid .e-filterbarcell :is(input, input.e-input, .e-input) {
    min-height: 28px !important;
    padding: 0.25rem 0.42rem !important;
    color: #173f50 !important;
    -webkit-text-fill-color: #173f50 !important;
    border: 0 !important;
    border-radius: 6px !important;
    background: transparent !important;
    box-shadow: none !important;
}

:root[data-theme="light"] .mail-central-theme-zone .dashboard-table-container .e-grid .e-filterbarcell :is(.e-input-group, .e-input-group.e-control-wrapper):focus-within {
    border-color: rgba(8, 145, 180, 0.55) !important;
    box-shadow: 0 0 0 3px rgba(8, 145, 180, 0.09) !important;
}

:root[data-theme="light"] .mail-central-theme-zone .dashboard-table-container .e-grid :is(.e-checkbox-wrapper, .e-css.e-checkbox-wrapper) .e-frame {
    width: 15px !important;
    height: 15px !important;
    color: transparent !important;
    border: 1px solid rgba(27, 112, 138, 0.38) !important;
    border-radius: 4px !important;
    background: #ffffff !important;
    box-shadow: inset 0 1px 1px rgba(35, 76, 91, 0.06) !important;
}

:root[data-theme="light"] .mail-central-theme-zone .dashboard-table-container .e-grid :is(.e-checkbox-wrapper, .e-css.e-checkbox-wrapper) .e-frame.e-check {
    color: #ffffff !important;
    border-color: #087fa4 !important;
    background: linear-gradient(145deg, #18b4c8, #087fa4) !important;
    box-shadow: 0 3px 8px rgba(8, 127, 164, 0.2) !important;
}

:root[data-theme="light"] .mail-central-theme-zone .dashboard-table-container .e-grid :is(.e-checkbox-wrapper, .e-css.e-checkbox-wrapper):hover .e-frame {
    border-color: rgba(8, 145, 180, 0.65) !important;
}

:root[data-theme="light"] .mail-central-theme-zone .dashboard-table-container :is(.e-gridpager, .e-pager) {
    min-height: 46px !important;
    color: #315b6b !important;
    border-color: rgba(27, 112, 138, 0.17) !important;
    background: linear-gradient(180deg, #f9fcfd, #e5f1f4) !important;
    box-shadow: inset 0 1px 0 #ffffff !important;
}

:root[data-theme="light"] .mail-central-theme-zone .dashboard-table-container .e-pager .e-pagercontainer {
    display: inline-flex !important;
    align-items: center;
    gap: 3px;
    padding: 0.28rem !important;
    border: 0 !important;
    border-radius: 9px !important;
    background: rgba(220, 238, 242, 0.76) !important;
}

:root[data-theme="light"] .mail-central-theme-zone .dashboard-table-container .e-pager :is(.e-firstpage, .e-prevpage, .e-nextpage, .e-lastpage, .e-firstpagedisabled, .e-prevpagedisabled, .e-nextpagedisabled, .e-lastpagedisabled, .e-numericitem, .e-pager-default) {
    min-width: 31px !important;
    height: 31px !important;
    margin: 0 !important;
    display: inline-grid !important;
    place-items: center;
    color: #176078 !important;
    border: 1px solid rgba(27, 112, 138, 0.2) !important;
    border-radius: 7px !important;
    background: rgba(255, 255, 255, 0.94) !important;
    box-shadow: inset 0 1px 0 #ffffff, 0 3px 8px rgba(41, 83, 98, 0.08) !important;
}

:root[data-theme="light"] .mail-central-theme-zone .dashboard-table-container .e-pager :is(.e-firstpage, .e-prevpage, .e-nextpage, .e-lastpage, .e-numericitem):hover {
    color: #075f79 !important;
    border-color: rgba(8, 145, 180, 0.42) !important;
    background: #e0f1f4 !important;
}

:root[data-theme="light"] .mail-central-theme-zone .dashboard-table-container .e-pager .e-currentitem {
    color: #ffffff !important;
    border-color: #087fa4 !important;
    background: linear-gradient(145deg, #18b4c8, #087fa4) !important;
    box-shadow: 0 5px 12px rgba(8, 127, 164, 0.2) !important;
}

:root[data-theme="light"] .mail-central-theme-zone .dashboard-table-container .e-pager :is(.e-firstpagedisabled, .e-prevpagedisabled, .e-nextpagedisabled, .e-lastpagedisabled) {
    color: #9ab0ba !important;
    opacity: 0.72;
    background: rgba(239, 246, 248, 0.9) !important;
    box-shadow: none !important;
}

:root[data-theme="light"] .mail-central-theme-zone .dashboard-table-container .e-pager :is(.e-parentmsgbar, .e-pagecountmsg, .e-pagesizes) {
    color: #315b6b !important;
    background: transparent !important;
}

/* Business Intelligence routes: shared MasterTable setup and nested insight dashboard. */
:root[data-theme="light"] .business-intelligence-theme-zone {
    color: var(--app-text-primary);
}

:root[data-theme="light"] .bi-datasources-theme-zone,
:root[data-theme="light"] .bi-insights-theme-zone {
    min-height: calc(100vh - 9rem);
}

:root[data-theme="light"] .bi-insights-theme-zone > p {
    width: min(720px, calc(100% - 2rem));
    margin: 1rem auto;
    padding: 1rem 1.2rem;
    color: var(--app-text-secondary);
    border: 1px solid rgba(22, 127, 157, 0.18);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.82);
    box-shadow: 0 10px 24px rgba(41, 83, 98, 0.1), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .bi-insights-theme-zone #rowtitleSubMenu.futuristicSearch .futuristic-select option {
    color: var(--app-text-primary);
    background: #f7fbfc;
}

:root[data-theme="light"] .bi-insights-theme-zone #rowtitleSubMenu.futuristicSearch .bi-selector-info-button {
    color: #ffffff;
    border-color: rgba(7, 112, 143, 0.38);
    background: linear-gradient(145deg, #25c7d9, #087fa4);
    box-shadow: 0 6px 15px rgba(8, 127, 164, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.42);
}

:root[data-theme="light"] .bi-insights-theme-zone #rowtitleSubMenu.futuristicSearch .bi-selector-info-panel {
    color: var(--app-text-primary);
    border-color: rgba(22, 127, 157, 0.24);
    background:
        radial-gradient(circle at 100% 0%, rgba(27, 183, 219, 0.12), transparent 42%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(228, 241, 244, 0.98));
    box-shadow: 0 20px 44px rgba(37, 79, 94, 0.19), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .bi-insights-theme-zone #rowtitleSubMenu.futuristicSearch :is(.bi-selector-info-panel__eyebrow, .bi-selector-info-panel__fields-title) {
    color: #087fa4;
}

:root[data-theme="light"] .bi-insights-theme-zone #rowtitleSubMenu.futuristicSearch .bi-selector-info-panel__close {
    color: #075f79;
    border-color: rgba(22, 127, 157, 0.22);
    background: rgba(255, 255, 255, 0.8);
}

:root[data-theme="light"] .bi-insights-theme-zone #rowtitleSubMenu.futuristicSearch .bi-selector-info-panel h3,
:root[data-theme="light"] .bi-insights-theme-zone #rowtitleSubMenu.futuristicSearch .bi-selector-info-panel__field strong {
    color: var(--app-text-primary);
}

:root[data-theme="light"] .bi-insights-theme-zone #rowtitleSubMenu.futuristicSearch :is(.bi-selector-info-panel__description, .bi-selector-info-panel__empty, .bi-selector-info-panel__field p) {
    color: var(--app-text-secondary);
}

:root[data-theme="light"] .bi-insights-theme-zone #rowtitleSubMenu.futuristicSearch .bi-selector-info-panel__fields,
:root[data-theme="light"] .bi-insights-theme-zone #rowtitleSubMenu.futuristicSearch .bi-selector-info-panel__field {
    border-color: rgba(22, 127, 157, 0.14);
}

:root[data-theme="light"] .bi-insights-theme-zone #rowtitleSubMenu.futuristicSearch :is(.bi-selector-info-panel__loading, .bi-selector-info-panel__count, .bi-selector-info-panel__field-top span) {
    color: #075f79;
    background: rgba(27, 168, 207, 0.12);
}

:root[data-theme="light"] .bi-insights-theme-zone .bi-switch__slider {
    background: #c6dce2;
    border-color: rgba(36, 125, 151, 0.3);
    box-shadow: inset 0 2px 5px rgba(42, 86, 101, 0.16);
}

:root[data-theme="light"] .bi-insights-theme-zone .bi-switch__slider::before {
    background: #ffffff;
    box-shadow: 0 3px 8px rgba(42, 86, 101, 0.24);
}

:root[data-theme="light"] .bi-insights-theme-zone .bi-switch input:checked + .bi-switch__slider {
    background: linear-gradient(135deg, #16b8cf, #087fa4);
    border-color: rgba(7, 117, 147, 0.55);
}

:root[data-theme="light"] .bi-insights-theme-zone .internalMenuContainer :is(.inner-menu .btnMenuOption, .selectorsChartsAdd .btn, .btn-save-template) {
    color: #075f79;
    border-color: rgba(17, 137, 170, 0.23);
    background: linear-gradient(145deg, #ffffff, #dceff4);
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .bi-insights-theme-zone .internalMenuContainer :is(.inner-menu .btnMenuOption, .selectorsChartsAdd .btn, .btn-save-template):hover {
    color: #054f66;
    border-color: rgba(8, 145, 180, 0.4);
    background: linear-gradient(145deg, #ffffff, #d3ebf0);
}

:root[data-theme="light"] .bi-insights-theme-zone .internalMenuContainer :is(.labl-cnt, .menuSwitchLabel) {
    color: var(--app-text-secondary);
}

:root[data-theme="light"] .bi-insights-theme-zone .internalMenuContainer select option {
    color: var(--app-text-primary);
    background: #f7fbfc;
}

:root[data-theme="light"] .bi-insights-theme-zone .bi-empty-insight-state {
    display: grid;
    place-items: center;
    gap: 0.45rem;
    min-height: 230px;
    padding: 2rem;
    text-align: center;
    color: var(--app-text-primary);
    border: 1px dashed rgba(22, 127, 157, 0.28);
    border-radius: 18px;
    background:
        radial-gradient(circle at center, rgba(27, 183, 219, 0.11), transparent 42%),
        rgba(255, 255, 255, 0.72);
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .bi-insights-theme-zone .bi-empty-insight-state span {
    color: var(--app-text-secondary);
}

/* Syncfusion PivotView needs an explicit light pass beyond the shared grid rules. */
:root[data-theme="light"] .bi-insights-theme-zone :is(.e-pivotview, .e-pivotview .e-grid, .e-pivotview .e-gridcontent, .e-pivotview .e-content, .e-pivotview .e-table),
:root[data-theme="light"] .bi-insights-theme-zone :is(.e-pivotview .e-toolbar, .e-pivotview .e-toolbar-items, .e-pivotview .e-grouping-bar, .e-pivotview .e-axis-table) {
    color: var(--app-text-primary) !important;
    background: #f7fbfc !important;
    border-color: rgba(36, 125, 151, 0.18) !important;
}

:root[data-theme="light"] .bi-insights-theme-zone :is(.e-pivotview .e-gridheader, .e-pivotview .e-headercell, .e-pivotview .e-stackedheadercell, .e-pivotview .e-columnsheader, .e-pivotview .e-rowsheader) {
    color: #123e50 !important;
    background: linear-gradient(180deg, #eaf5f7, #d7e9ee) !important;
    border-color: rgba(36, 125, 151, 0.2) !important;
}

:root[data-theme="light"] .bi-insights-theme-zone :is(.e-pivotview .e-rowcell, .e-pivotview .e-valuescontent, .e-pivotview .e-summary, .e-pivotview .e-cellvalue) {
    color: #173f50 !important;
    background: #f9fcfd !important;
    border-color: rgba(36, 125, 151, 0.13) !important;
}

:root[data-theme="light"] .bi-insights-theme-zone :is(.e-pivotview .e-btn, .e-pivotview .e-toolbar-item, .e-pivotview .e-icons, .e-pivotview .e-drillthrough) {
    color: #087fa4 !important;
}

/* Pivot field lists and dialogs are portaled outside the BI page. */
:root[data-theme="light"] :is(.e-pivotfieldlist-wrapper, .e-pivotfieldlist, .e-pivotfieldlist-container, .e-pivotview-dialog, .e-pivot-dialog) {
    color: var(--app-text-primary) !important;
    background: #f7fbfc !important;
    border-color: rgba(36, 125, 151, 0.22) !important;
}

:root[data-theme="light"] :is(.e-pivotfieldlist-wrapper, .e-pivotfieldlist, .e-pivotfieldlist-container, .e-pivotview-dialog, .e-pivot-dialog) :is(.e-dlg-header-content, .e-dlg-content, .e-footer-content, .e-field-list, .e-treeview, .e-list-parent, .e-list-item) {
    color: var(--app-text-primary) !important;
    background: #f7fbfc !important;
    border-color: rgba(36, 125, 151, 0.16) !important;
}

/* AI workspaces: light surfaces for workflows, history, Sunny, and MasterTable wrappers. */
:root[data-theme="light"] .ai-theme-zone {
    color: var(--app-text-primary);
}

:root[data-theme="light"] .ai-master-table-theme-zone {
    min-height: calc(100vh - 9rem);
}

/* Agentic workflow designer */
:root[data-theme="light"] .agentic-workflows-theme-zone {
    --wf-input-border: rgba(22, 127, 157, 0.24);
    --wf-input-border-focus: rgba(8, 127, 164, 0.52);
    --wf-input-text: var(--app-text-primary);
    --wf-input-placeholder: var(--app-text-muted);
    background: transparent;
}

:root[data-theme="light"] .agentic-workflows-theme-zone .workflow-page-glow--one {
    background: rgba(27, 183, 219, 0.16);
}

:root[data-theme="light"] .agentic-workflows-theme-zone .workflow-page-glow--two {
    background: rgba(255, 185, 76, 0.14);
}

:root[data-theme="light"] .agentic-workflows-theme-zone .wf-panel {
    color: var(--app-text-primary);
    border-color: rgba(22, 127, 157, 0.2);
    background:
        radial-gradient(circle at 0% 0%, rgba(35, 188, 217, 0.11), transparent 34%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.97), rgba(232, 243, 246, 0.96));
    box-shadow: 0 18px 42px rgba(37, 79, 94, 0.14), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .agentic-workflows-theme-zone .wf-panel::before {
    background:
        radial-gradient(circle at top left, rgba(28, 179, 211, 0.12), transparent 32%),
        radial-gradient(circle at bottom right, rgba(255, 181, 65, 0.09), transparent 30%);
}

:root[data-theme="light"] .agentic-workflows-theme-zone :is(.wf-list-item-inner, .wf-stage-panel, .wf-transitions-panel, .wf-info-card, .wf-sidebar-filters) {
    color: var(--app-text-primary);
    border-color: rgba(22, 127, 157, 0.16);
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.88), rgba(229, 241, 244, 0.92));
    box-shadow: inset 0 1px 0 #ffffff, 0 9px 22px rgba(41, 83, 98, 0.08);
}

:root[data-theme="light"] .agentic-workflows-theme-zone .wf-list-item:hover .wf-list-item-inner,
:root[data-theme="light"] .agentic-workflows-theme-zone .wf-list-item.active .wf-list-item-inner {
    border-color: rgba(7, 146, 181, 0.38);
    background: linear-gradient(135deg, rgba(219, 246, 250, 0.98), rgba(255, 247, 226, 0.88));
    box-shadow: 0 13px 28px rgba(41, 83, 98, 0.14), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .agentic-workflows-theme-zone :is(.wf-empty-state, .wf-list-empty) {
    color: var(--app-text-secondary);
    border-color: rgba(22, 127, 157, 0.2);
    background: radial-gradient(circle at center, rgba(28, 179, 211, 0.1), transparent 48%), rgba(255, 255, 255, 0.64);
}

:root[data-theme="light"] .agentic-workflows-theme-zone .wf-activity-card {
    color: var(--app-text-primary);
    border-color: rgba(22, 127, 157, 0.18);
    background:
        radial-gradient(circle at top left, rgba(28, 179, 211, 0.1), transparent 40%),
        linear-gradient(145deg, #ffffff, #e9f3f5);
    box-shadow: 0 12px 28px rgba(41, 83, 98, 0.12), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .agentic-workflows-theme-zone .wf-activity-card:hover,
:root[data-theme="light"] .agentic-workflows-theme-zone .wf-activity-card.selected {
    border-color: rgba(8, 146, 181, 0.42);
    background: radial-gradient(circle at top left, rgba(255, 196, 84, 0.16), transparent 38%), linear-gradient(145deg, #ffffff, #dff1f4);
    box-shadow: 0 16px 34px rgba(41, 83, 98, 0.17), 0 0 0 1px rgba(8, 146, 181, 0.08);
}

:root[data-theme="light"] .agentic-workflows-theme-zone :is(.wf-panel-title-group h2, .wf-panel-title-group h3, .wf-title, .wf-name, .wf-empty-content h3, .wf-section-heading h3, .wf-activity-content h3, .wf-info-card p) {
    color: var(--app-text-primary);
}

:root[data-theme="light"] .agentic-workflows-theme-zone :is(.wf-subtitle, .wf-sub, .wf-empty-content p, .wf-props-empty p, .wf-field label, .wf-checkbox-row, .wf-list-empty) {
    color: var(--app-text-secondary);
}

:root[data-theme="light"] .agentic-workflows-theme-zone .wf-kicker {
    color: #076b88;
    background: rgba(8, 151, 184, 0.1);
    border-color: rgba(8, 127, 164, 0.2);
}

:root[data-theme="light"] .agentic-workflows-theme-zone :is(.form-control, input.form-control, textarea.form-control, select.form-control),
:root[data-theme="light"] .agentic-workflows-theme-zone :is(.form-control, input.form-control, textarea.form-control, select.form-control):focus,
:root[data-theme="light"] .agentic-workflows-theme-zone :is(.form-control, input.form-control, textarea.form-control, select.form-control):active {
    color: var(--app-text-primary) !important;
    -webkit-text-fill-color: var(--app-text-primary) !important;
    caret-color: var(--app-text-primary) !important;
    border-color: var(--wf-input-border) !important;
    background: linear-gradient(145deg, #ffffff, #edf6f8) !important;
    box-shadow: inset 0 1px 0 #ffffff, 0 7px 18px rgba(41, 83, 98, 0.09) !important;
}

:root[data-theme="light"] .agentic-workflows-theme-zone :is(.form-control, input.form-control, textarea.form-control, select.form-control):focus {
    border-color: var(--wf-input-border-focus) !important;
    box-shadow: 0 0 0 4px rgba(8, 146, 181, 0.1), inset 0 1px 0 #ffffff !important;
}

:root[data-theme="light"] .agentic-workflows-theme-zone :is(input, textarea).form-control::placeholder {
    color: var(--app-text-muted) !important;
    -webkit-text-fill-color: var(--app-text-muted) !important;
}

:root[data-theme="light"] .agentic-workflows-theme-zone select.form-control option {
    color: var(--app-text-primary) !important;
    background: #f6fbfc !important;
}

:root[data-theme="light"] .agentic-workflows-theme-zone .wf-transitions-table {
    color: var(--app-text-primary);
    background: rgba(255, 255, 255, 0.72);
}

:root[data-theme="light"] .agentic-workflows-theme-zone .wf-transitions-table thead th {
    color: #076b88;
    background: #dceef2;
}

:root[data-theme="light"] .agentic-workflows-theme-zone .wf-transitions-table :is(th, td) {
    border-color: rgba(28, 111, 137, 0.15);
}

:root[data-theme="light"] .agentic-workflows-theme-zone .wf-transitions-table tbody tr:hover {
    background: rgba(30, 174, 205, 0.1);
}

:root[data-theme="light"] .agentic-workflows-theme-zone .wf-transitions-table tr.selected {
    background: rgba(255, 190, 77, 0.16);
}

:root[data-theme="light"] .agentic-workflows-theme-zone .wf-transitions-table code,
:root[data-theme="light"] .agentic-workflows-theme-zone :is(.tag, .wf-section-count) {
    color: #075f79;
    background: rgba(221, 240, 244, 0.94);
    border-color: rgba(17, 137, 170, 0.2);
}

:root[data-theme="light"] .agentic-workflows-theme-zone :is(.wf-transitions-table-wrap, .wf-transitions-panel) {
    border-color: rgba(22, 127, 157, 0.17);
}

:root[data-theme="light"] .agentic-workflows-theme-zone :is(.wf-activity-kind, .wf-mini-badge-readonly) {
    color: #76530a;
    background: rgba(255, 190, 77, 0.16);
    border-color: rgba(181, 119, 7, 0.2);
}

:root[data-theme="light"] .agentic-workflows-theme-zone :is(.wf-activity-root, .wf-mini-badge-shared) {
    color: #147043;
    background: rgba(31, 171, 105, 0.12);
    border-color: rgba(20, 112, 67, 0.2);
}

:root[data-theme="light"] .agentic-workflows-theme-zone .wf-mini-badge-local {
    color: #146887;
    background: rgba(27, 168, 207, 0.11);
    border-color: rgba(20, 104, 135, 0.2);
}

:root[data-theme="light"] .agentic-workflows-theme-zone .wf-action-btn--secondary,
:root[data-theme="light"] .agentic-workflows-theme-zone .btn-outline {
    color: #075f79 !important;
    background: linear-gradient(145deg, #ffffff, #dceff4) !important;
    border-color: rgba(17, 137, 170, 0.28) !important;
    box-shadow: 0 8px 20px rgba(41, 91, 107, 0.13), inset 0 1px 0 #ffffff !important;
}

:root[data-theme="light"] .agentic-workflows-theme-zone .btn-danger-soft {
    color: #a72b3a !important;
    background: linear-gradient(145deg, #fff8f8, #f8dfe3) !important;
    border-color: rgba(184, 45, 64, 0.24) !important;
}

:root[data-theme="light"] .agentic-workflows-theme-zone .btn-warning-soft {
    color: #7a5608 !important;
    background: linear-gradient(145deg, #fffdf5, #f7e9bd) !important;
    border-color: rgba(169, 116, 6, 0.24) !important;
}

/* Agent conversation history */
:root[data-theme="light"] .agent-conversation-theme-zone {
    color: var(--app-text-primary);
    background: transparent;
}

:root[data-theme="light"] .agent-conversation-theme-zone :is(.conv-sidebar, .conv-canvas) {
    color: var(--app-text-primary);
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.97), rgba(230, 242, 245, 0.96));
    border-color: rgba(22, 127, 157, 0.2);
    box-shadow: 0 17px 38px rgba(37, 79, 94, 0.14), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .agent-conversation-theme-zone :is(.conv-sidebar label, .date-filter label, .conv-message-meta, .conv-message-sub, .conv-canvas-header small) {
    color: var(--app-text-secondary);
}

:root[data-theme="light"] .agent-conversation-theme-zone .conv-sidebar .form-control,
:root[data-theme="light"] .agent-conversation-theme-zone .date-input {
    color: var(--app-text-primary);
    border-color: rgba(22, 127, 157, 0.22);
    background: rgba(255, 255, 255, 0.88);
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .agent-conversation-theme-zone .date-input::-webkit-calendar-picker-indicator {
    filter: none;
}

:root[data-theme="light"] .agent-conversation-theme-zone .btn-refresh {
    color: #075f79;
    border-color: rgba(8, 127, 164, 0.3);
    background: linear-gradient(145deg, #ffffff, #dceff4);
    box-shadow: 0 8px 18px rgba(41, 83, 98, 0.11), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .agent-conversation-theme-zone .conv-canvas-header {
    border-color: rgba(22, 127, 157, 0.18);
}

:root[data-theme="light"] .agent-conversation-theme-zone .conv-message {
    color: var(--app-text-primary);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.78);
    box-shadow: 0 7px 18px rgba(41, 83, 98, 0.08);
    padding: 0.55rem 0;
}

:root[data-theme="light"] .agent-conversation-theme-zone .conv-message-meta .user-name,
:root[data-theme="light"] .agent-conversation-theme-zone .conv-message-content {
    color: var(--app-text-primary);
}

:root[data-theme="light"] .agent-conversation-theme-zone .conv-message-meta .zone,
:root[data-theme="light"] .agent-conversation-theme-zone :is(.conv-count, .expand-btn) {
    color: #076b88;
    background: rgba(8, 151, 184, 0.1);
    border-color: rgba(8, 127, 164, 0.22);
}

:root[data-theme="light"] .agent-conversation-theme-zone .expand-btn:hover {
    color: #054f66;
    background: rgba(8, 151, 184, 0.17);
    border-color: rgba(8, 127, 164, 0.34);
}

:root[data-theme="light"] .agent-conversation-theme-zone .agent-tracking-card {
    color: var(--app-text-primary);
    border-color: #0e9bbb;
    background: linear-gradient(145deg, #f9fcfd, #e3f1f4);
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .agent-conversation-theme-zone .agent-tracking-card :is(.system-msg, section) {
    color: var(--app-text-primary);
    border-color: rgba(22, 127, 157, 0.18);
    background: rgba(255, 255, 255, 0.72);
}

:root[data-theme="light"] .agent-conversation-theme-zone .agent-tracking-card .kv span:nth-child(even) {
    color: var(--app-text-primary);
}

:root[data-theme="light"] .agent-conversation-theme-zone .agent-tracking-card :is(header, .mono) {
    color: #086b87;
}

:root[data-theme="light"] .agent-conversation-theme-zone .agent-tracking-card .kv span:nth-child(odd) {
    color: var(--app-text-muted);
}

/* Standalone Sunny simulator and all of its nested controls. */
:root[data-theme="light"] .sunny-chat-theme-zone {
    color: var(--app-text-primary);
    min-height: calc(100vh - 10rem);
    background:
        radial-gradient(circle at 8% 0%, rgba(28, 179, 211, 0.12), transparent 30rem),
        linear-gradient(145deg, rgba(248, 252, 253, 0.96), rgba(229, 241, 244, 0.94));
}

:root[data-theme="light"] .sunny-chat-theme-zone .sticky-header {
    color: var(--app-text-primary);
    background: rgba(242, 249, 250, 0.9);
    border: 1px solid rgba(22, 127, 157, 0.16);
    border-radius: 16px;
    box-shadow: 0 10px 26px rgba(41, 83, 98, 0.11);
}

:root[data-theme="light"] .sunny-chat-theme-zone .usr-info {
    color: var(--app-text-secondary);
}

:root[data-theme="light"] .sunny-chat-theme-zone :is(.agent-pane, .agent-inspector) {
    color: var(--app-text-primary);
    background: linear-gradient(145deg, #ffffff, #e5f2f4);
    border-color: rgba(22, 127, 157, 0.2);
    box-shadow: 0 12px 30px rgba(41, 83, 98, 0.12), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .sunny-chat-theme-zone .agent-selector-cnt {
    color: var(--app-text-primary);
    background: linear-gradient(145deg, #ffffff, #e1eff2);
    border-color: rgba(22, 127, 157, 0.22);
    box-shadow: inset 0 1px 0 #ffffff, 0 8px 20px rgba(41, 83, 98, 0.12);
}

:root[data-theme="light"] .sunny-chat-theme-zone .agent-selector-cnt label {
    color: #076b88;
}

:root[data-theme="light"] .sunny-chat-theme-zone .agent-selector-cnt :is(input, select) {
    color: var(--app-text-primary);
    -webkit-text-fill-color: var(--app-text-primary);
    border-color: rgba(22, 127, 157, 0.24);
    background-color: rgba(255, 255, 255, 0.9);
}

:root[data-theme="light"] .sunny-chat-theme-zone .agent-selector-cnt select option {
    color: var(--app-text-primary);
    background: #f7fbfc;
}

:root[data-theme="light"] .sunny-chat-theme-zone .superior-menu {
    color: var(--app-text-primary);
    background: transparent;
}

:root[data-theme="light"] .sunny-chat-theme-zone .superior-menu .menu-button {
    color: #076b88;
    border: 1px solid rgba(22, 127, 157, 0.18);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.76);
    box-shadow: 0 6px 16px rgba(41, 83, 98, 0.1);
}

:root[data-theme="light"] .sunny-chat-theme-zone .chat-container {
    color: var(--app-text-primary);
    border-color: rgba(22, 127, 157, 0.2);
    background: rgba(250, 253, 254, 0.92);
    box-shadow: inset 0 1px 0 #ffffff, 0 12px 28px rgba(41, 83, 98, 0.1);
}

:root[data-theme="light"] .sunny-chat-theme-zone .prompt {
    color: var(--app-text-primary);
    border: 1px solid rgba(22, 127, 157, 0.18);
    background: linear-gradient(145deg, #ffffff, #e4f1f4);
    box-shadow: 0 8px 20px rgba(41, 83, 98, 0.1);
}

:root[data-theme="light"] .sunny-chat-theme-zone .agent-inspector-card section {
    color: var(--app-text-primary);
    border: 1px solid rgba(22, 127, 157, 0.16);
    background: rgba(255, 255, 255, 0.8);
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .sunny-chat-theme-zone .agent-inspector-card section header,
:root[data-theme="light"] .sunny-chat-theme-zone .tool-list li strong {
    color: #087fa4;
}

:root[data-theme="light"] .sunny-chat-theme-zone .kv span:first-child,
:root[data-theme="light"] .sunny-chat-theme-zone :is(.muted, .empty-state) {
    color: var(--app-text-muted);
}

:root[data-theme="light"] .sunny-chat-theme-zone .kv span:last-child,
:root[data-theme="light"] .sunny-chat-theme-zone .tool-list li span {
    color: var(--app-text-primary);
}

:root[data-theme="light"] .sunny-chat-theme-zone .system-msg {
    color: var(--app-text-primary);
    border: 1px solid rgba(22, 127, 157, 0.16);
    background: #edf6f8;
}

:root[data-theme="light"] .sunny-chat-theme-zone :is(.actions-table th, .actions-table td, .tool-list li) {
    border-color: rgba(22, 127, 157, 0.14);
}

:root[data-theme="light"] .sunny-chat-theme-zone .message-input-area {
    gap: 0.45rem;
    padding-top: 0.6rem;
}

:root[data-theme="light"] .sunny-chat-theme-zone .message-input-area .message-input {
    color: var(--app-text-primary);
    -webkit-text-fill-color: var(--app-text-primary);
    border: 1px solid rgba(22, 127, 157, 0.24);
    border-radius: 12px;
    background: #ffffff;
    box-shadow: inset 0 1px 0 #ffffff, 0 7px 18px rgba(41, 83, 98, 0.09);
}

:root[data-theme="light"] .sunny-chat-theme-zone .message-input-area .message-input::placeholder {
    color: var(--app-text-muted);
}

:root[data-theme="light"] .sunny-chat-theme-zone .message-input-area .send-button {
    border-radius: 12px;
    background: linear-gradient(135deg, #087fa4, #10a8be);
    box-shadow: 0 8px 18px rgba(8, 127, 164, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.25);
}

@media (prefers-reduced-motion: no-preference) {
    .navmenu-top-row,
    .navmenu-top-row .btnMainMenu,
    .navmenu-top-row .subtitleText,
    #session-info-grl-cnt,
    .language-selector-wrap,
    .squad-selector-wrap,
    .main-menu-cmd-cnt .dropdown-menu,
    .main-menu-cmd-cnt .nav-link,
    .sunny-agent-shell--floating .agent-workspace,
    .sunny-agent-shell--floating .drag-handle,
    .sunny-agent-shell--floating #AgentContainer,
    .sunny-agent-shell--floating #AgentTextContainer,
    .sunny-agent-shell--floating .agent-quick-actions,
    .sunny-agent-shell--floating .agent-runtime-selector,
    .sunny-agent-shell--floating .input-agent-cnt,
    .dashboard-home,
    .dashboard-home .dashboard-hero-copy,
    .dashboard-home .hero-stat-card,
    .dashboard-home .db-cnt-bt,
    .dashboard-home .module-icon-wrap,
    .dashboard-home .help-text,
    .dashboard-home .news-frame,
    .operations-theme-zone,
    .operations-theme-zone .main-menu-grl,
    .operations-theme-zone .submenu-overlay,
    .operations-theme-zone #TransactDocContent,
    .operations-theme-zone #DocumentContainer,
    .operations-theme-zone .document-menu-shell,
    .operations-theme-zone #rowtitleSubMenu.futuristicSearch,
    .ldm .ld-toolbar,
    .ldm .ld-palette,
    .ldm .ld-props__section,
    .ldm .ldm__tabbody,
    .scaninv .scaninv__panel,
    .scaninv .scaninv__metric,
    .scaninv .scaninv__provisionForm,
    .scaninv .scaninv__qrCard,
    .po-receipts .po-receipts__hero,
    .po-receipts .po-receipts__filters,
    .po-receipts .po-receipts__table-panel,
    .po-receipts .po-receipts__modal,
    .cash-flow-workspace .cash-flow-hero,
    .cash-flow-workspace .cash-flow-card,
    .cash-flow-workspace .cash-flow-kpi,
    .cash-flow-planner,
    .job-search-page,
    .job-search-page .career-hero,
    .job-search-page .search-command,
    .job-search-page .opportunity-card,
    .bha-shell,
    .bha-shell .bha-topbar,
    .bha-shell .bha-panel,
    .bnfeed,
    .bnfeed .bnfeed__hero,
    .bnfeed .bnfeed__filters,
    .bn-cardpost,
    .bh-postcard,
    .bn-detail,
    .bn-directory,
    .bn-directory .bn-directory__hero,
    .bn-directory .bn-directory__card,
    .investment-marketplace,
    .investment-marketplace .opportunity-card,
    .proposal-editor .proposal-editor__intro,
    .contacts-invitations .contacts-invitations__panel,
    .agentic-workflows-theme-zone .wf-panel,
    .agentic-workflows-theme-zone .wf-activity-card,
    .agent-conversation-theme-zone,
    .agent-conversation-theme-zone .conv-sidebar,
    .agent-conversation-theme-zone .conv-canvas,
    .sunny-chat-theme-zone,
    .sunny-chat-theme-zone .agent-selector-cnt,
    .sunny-chat-theme-zone .chat-container,
    .sunny-chat-theme-zone .agent-pane {
        transition: color 180ms ease, background 220ms ease, border-color 180ms ease, box-shadow 220ms ease;
    }
}

/* Ecommerce workspaces: manager, activity tracking, and storefront configuration. */
:root[data-theme="light"] .ecommerce-theme-zone {
    color: var(--app-text-primary);
    color-scheme: light;
}

:root[data-theme="light"] .ecommerce-manager-theme-zone#PanelControlContainer {
    padding-right: 0;
    background: transparent;
}

:root[data-theme="light"] .ecommerce-manager-theme-zone #upperBar,
:root[data-theme="light"] .ecommerce-manager-theme-zone #sectionView,
:root[data-theme="light"] .ecommerce-manager-theme-zone .section-render-host {
    color: var(--app-text-primary);
    background: transparent;
}

:root[data-theme="light"] .ecommerce-manager-theme-zone .ecommerce-access-check {
    border-color: rgba(20, 139, 171, 0.24);
    background:
        radial-gradient(circle at top left, rgba(23, 190, 211, 0.14), transparent 42%),
        linear-gradient(145deg, #ffffff, #e6f2f5);
    box-shadow: 0 16px 38px rgba(41, 83, 98, 0.13), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .ecommerce-manager-theme-zone .ecommerce-access-check__card,
:root[data-theme="light"] .ecommerce-manager-theme-zone .ecommerce-access-check__card strong {
    color: var(--app-text-primary);
}

:root[data-theme="light"] .ecommerce-manager-theme-zone .ecommerce-access-check__card p {
    color: var(--app-text-secondary);
}

:root[data-theme="light"] .ecommerce-manager-theme-zone #upperMenuContainer.upper-menu-shell {
    --menu-bg-1: rgba(255, 255, 255, 0.96);
    --menu-bg-2: rgba(229, 242, 246, 0.96);
    --menu-border: rgba(20, 139, 171, 0.22);
    --menu-border-strong: rgba(8, 127, 164, 0.4);
    --menu-text: var(--app-text-primary);
    --menu-text-soft: var(--app-text-secondary);
    --menu-accent: #087fa4;
    --menu-accent-2: #c48716;
    --menu-shadow: 0 14px 34px rgba(41, 83, 98, 0.13);
    --menu-glow: inset 0 1px 0 #ffffff;
    background:
        radial-gradient(circle at top left, rgba(23, 190, 211, 0.12), transparent 34%),
        radial-gradient(circle at top right, rgba(255, 183, 66, 0.1), transparent 30%),
        linear-gradient(145deg, #ffffff, #e5f1f4);
}

:root[data-theme="light"] .ecommerce-manager-theme-zone .menu-pill {
    color: var(--app-text-secondary);
    border-color: rgba(20, 127, 157, 0.2);
    background: linear-gradient(180deg, #ffffff, #e4f0f3);
    box-shadow: inset 0 1px 0 #ffffff, 0 8px 18px rgba(41, 83, 98, 0.1);
}

:root[data-theme="light"] .ecommerce-manager-theme-zone .menu-pill:hover,
:root[data-theme="light"] .ecommerce-manager-theme-zone .menu-pill:focus-visible {
    color: #075f79;
    border-color: rgba(8, 145, 180, 0.4);
    background: linear-gradient(180deg, #ffffff, #d7edf2);
    box-shadow: 0 0 0 3px rgba(8, 145, 180, 0.1), 0 10px 22px rgba(41, 83, 98, 0.14);
}

:root[data-theme="light"] .ecommerce-manager-theme-zone .menu-pill.active {
    color: #ffffff;
    border-color: rgba(7, 95, 121, 0.34);
    background: linear-gradient(135deg, #087fa4, #11896f);
    box-shadow: 0 10px 24px rgba(8, 127, 164, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.24);
    text-shadow: 0 1px 2px rgba(3, 38, 50, 0.26);
}

:root[data-theme="light"] .ecommerce-manager-theme-zone .ecommerce-live-view-wrapper {
    --live-bg-1: rgba(255, 255, 255, 0.96);
    --live-bg-2: rgba(228, 241, 245, 0.96);
    --live-border: rgba(20, 139, 171, 0.2);
    --live-border-strong: rgba(8, 127, 164, 0.38);
    --live-text: var(--app-text-primary);
    --live-text-soft: var(--app-text-secondary);
    --live-accent: #087fa4;
    --live-accent-2: #11896f;
    --live-shadow: 0 12px 28px rgba(41, 83, 98, 0.12);
    --live-inner-glow: inset 0 1px 0 #ffffff;
    --live-outer-glow: 0 0 0 1px rgba(8, 127, 164, 0.04);
    background:
        radial-gradient(circle at top left, rgba(23, 190, 211, 0.12), transparent 38%),
        linear-gradient(145deg, #ffffff, #e6f2f5);
}

:root[data-theme="light"] .ecommerce-manager-theme-zone .ecommerce-live-view-wrapper .ecommerce-live-view-wrapper-title {
    color: var(--app-text-primary);
    border-color: rgba(20, 127, 157, 0.18);
    background: linear-gradient(180deg, #ffffff, #dcecf1);
    box-shadow: inset 0 1px 0 #ffffff, 0 7px 16px rgba(41, 83, 98, 0.1);
}

:root[data-theme="light"] .ecommerce-manager-theme-zone .ec-live-cell-wrapper,
:root[data-theme="light"] .ecommerce-manager-theme-zone .title-group {
    color: #174151;
}

:root[data-theme="light"] .ecommerce-manager-theme-zone .ec-live-cell-display {
    color: var(--app-text-primary);
    border-color: rgba(20, 139, 171, 0.3);
    background: linear-gradient(145deg, #ffffff, #dcecf1);
    box-shadow: 0 16px 34px rgba(41, 83, 98, 0.18);
}

:root[data-theme="light"] .ecommerce-manager-theme-zone .ec-live-cell-display-group .label-cell-info,
:root[data-theme="light"] .ecommerce-manager-theme-zone .ec-usersList ul .user-name {
    color: var(--app-text-primary);
}

:root[data-theme="light"] .ecommerce-manager-theme-zone .ec-usersList ul li {
    color: var(--app-text-secondary);
    background: rgba(246, 251, 252, 0.94);
    border-bottom: 1px solid rgba(20, 127, 157, 0.12);
}

:root[data-theme="light"] .ecommerce-manager-theme-zone .ec-usersList ul .visitor-context {
    color: #2e6676;
    background: rgba(14, 151, 180, 0.1);
}

:root[data-theme="light"] .ecommerce-manager-theme-zone :is(.stream-controls-bar, #cameras-select-cnt, #connection-ctrls-cnt, .call-status, .incoming-call-card) {
    color: var(--app-text-primary);
    border-color: rgba(20, 127, 157, 0.2);
    background: rgba(255, 255, 255, 0.82);
    box-shadow: 0 12px 28px rgba(41, 83, 98, 0.1);
}

:root[data-theme="light"] .ecommerce-manager-theme-zone :is(.conn-pill, .rtc-empty__card) {
    color: var(--app-text-primary);
    border-color: rgba(20, 127, 157, 0.18);
    background: rgba(230, 242, 245, 0.9);
}

:root[data-theme="light"] .ecommerce-manager-theme-zone :is(.btn-cameras, .btn-communications) {
    color: #075f79;
    border-color: rgba(8, 127, 164, 0.32);
    background: linear-gradient(180deg, #ffffff, #deedf1);
}

:root[data-theme="light"] .ecommerce-manager-theme-zone .btn-communications--danger {
    color: #a13151;
    border-color: rgba(180, 54, 89, 0.32);
    background: linear-gradient(180deg, #fffafb, #f7e4e9);
}

:root[data-theme="light"] .ecommerce-manager-theme-zone .conn-pill__value,
:root[data-theme="light"] .ecommerce-manager-theme-zone .rtc-empty__sub {
    color: var(--app-text-secondary);
}

:root[data-theme="light"] .ecommerce-manager-theme-zone .rtc-stage {
    border-color: rgba(20, 127, 157, 0.2);
    background:
        radial-gradient(circle at 15% 10%, rgba(23, 190, 211, 0.13), transparent 45%),
        radial-gradient(circle at 92% 15%, rgba(255, 183, 66, 0.09), transparent 42%),
        rgba(230, 241, 244, 0.9);
    box-shadow: 0 16px 38px rgba(41, 83, 98, 0.14);
}

:root[data-theme="light"] .ecommerce-manager-theme-zone .rtc-tile {
    border-color: rgba(20, 127, 157, 0.22);
    background: #d9e9ed;
    box-shadow: 0 12px 28px rgba(41, 83, 98, 0.14);
}

:root[data-theme="light"] .ecommerce-manager-theme-zone .dashboard-procedure-action__backdrop {
    background: rgba(35, 76, 91, 0.24);
}

:root[data-theme="light"] .ecommerce-manager-theme-zone .dashboard-procedure-action {
    color: var(--app-text-primary);
    border-color: rgba(20, 139, 171, 0.28);
    background: linear-gradient(145deg, #ffffff, #e5f1f4);
    box-shadow: 0 22px 54px rgba(35, 76, 91, 0.24), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .ecommerce-manager-theme-zone .dashboard-procedure-action h3 {
    color: var(--app-text-primary);
}

:root[data-theme="light"] .ecommerce-manager-theme-zone .dashboard-procedure-action p {
    color: var(--app-text-secondary);
}

:root[data-theme="light"] .ecommerce-manager-theme-zone .dashboard-procedure-action__eyebrow,
:root[data-theme="light"] .ecommerce-manager-theme-zone .dashboard-procedure-action__scope i {
    color: #087fa4;
}

:root[data-theme="light"] .ecommerce-manager-theme-zone .dashboard-procedure-action__scope {
    color: var(--app-text-secondary);
    border-color: rgba(20, 127, 157, 0.18);
    background: rgba(226, 240, 244, 0.82);
}

:root[data-theme="light"] .ecommerce-manager-theme-zone .dashboard-procedure-action__cancel {
    color: #315968;
    border-color: rgba(20, 127, 157, 0.24);
    background: #edf6f8;
}

/* Activity tracking keeps its information hierarchy while switching the entire palette. */
:root[data-theme="light"] .ecommerce-tracking-theme-zone.etrk-shell {
    --etrk-bg-1: rgba(255, 255, 255, 0.97);
    --etrk-bg-2: rgba(229, 242, 246, 0.96);
    --etrk-panel: rgba(255, 255, 255, 0.86);
    --etrk-border: rgba(20, 127, 157, 0.18);
    --etrk-border-strong: rgba(8, 127, 164, 0.36);
    --etrk-text: var(--app-text-primary);
    --etrk-text-soft: var(--app-text-secondary);
    --etrk-text-muted: var(--app-text-muted);
    --etrk-accent: #087fa4;
    --etrk-accent-2: #11896f;
    --etrk-danger: #a3314c;
    --etrk-shadow: 0 15px 34px rgba(41, 83, 98, 0.12);
}

:root[data-theme="light"] .ecommerce-tracking-theme-zone :is(.etrk-hero, .etrk-filter-card, .etrk-panel, .etrk-session-card, .etrk-banner, .etrk-loading) {
    background:
        radial-gradient(circle at top left, rgba(23, 190, 211, 0.1), transparent 30%),
        radial-gradient(circle at bottom right, rgba(255, 183, 66, 0.07), transparent 35%),
        linear-gradient(145deg, #ffffff, #e7f2f5);
    box-shadow: var(--etrk-shadow), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .ecommerce-tracking-theme-zone :is(.etrk-help, .etrk-guide-help, .etrk-chip, .etrk-btn--soft, .etrk-icon-btn) {
    color: #075f79;
    border-color: rgba(8, 127, 164, 0.24);
    background: linear-gradient(180deg, #ffffff, #dcecf1);
    box-shadow: 0 8px 18px rgba(41, 83, 98, 0.1), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .ecommerce-tracking-theme-zone .etrk-help-bubble {
    color: var(--etrk-text-soft);
    border-color: rgba(8, 127, 164, 0.26);
    background:
        radial-gradient(circle at top left, rgba(23, 190, 211, 0.12), transparent 40%),
        linear-gradient(145deg, #ffffff, #e5f1f4);
    box-shadow: 0 20px 42px rgba(41, 83, 98, 0.2);
}

:root[data-theme="light"] .ecommerce-tracking-theme-zone :is(.etrk-stat, .etrk-funnel__stage, .etrk-opportunity, .etrk-geo-item, .etrk-map-card, .etrk-empty, .etrk-user-group, .etrk-session-card__cell, .etrk-log) {
    color: var(--etrk-text);
    border-color: rgba(20, 127, 157, 0.14);
    background: rgba(255, 255, 255, 0.68);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

:root[data-theme="light"] .ecommerce-tracking-theme-zone .etrk-geo-item.is-selected {
    border-color: rgba(8, 145, 180, 0.38);
    background: linear-gradient(135deg, rgba(205, 239, 246, 0.94), rgba(255, 243, 215, 0.78));
}

:root[data-theme="light"] .ecommerce-tracking-theme-zone .etrk-rank__bar {
    background: rgba(40, 103, 122, 0.14);
}

:root[data-theme="light"] .ecommerce-tracking-theme-zone .etrk-badge {
    color: #315968;
    border: 1px solid rgba(20, 127, 157, 0.14);
    background: rgba(225, 240, 244, 0.9);
}

:root[data-theme="light"] .ecommerce-tracking-theme-zone .etrk-badge--accent {
    color: #075f79;
    border-color: rgba(8, 145, 180, 0.24);
    background: rgba(183, 230, 239, 0.72);
}

:root[data-theme="light"] .ecommerce-tracking-theme-zone .etrk-banner--error {
    color: #7f283d;
    border-color: rgba(179, 53, 83, 0.28);
    background: linear-gradient(145deg, #fff9fa, #f5e3e8);
}

:root[data-theme="light"] .ecommerce-tracking-theme-zone .etrk-map-card__frame {
    border-color: rgba(20, 127, 157, 0.18);
    background: #dcecf0;
}

:root[data-theme="light"] .ecommerce-tracking-theme-zone .etrk-btn--primary {
    color: #ffffff;
    background: linear-gradient(135deg, #087fa4, #11896f);
    box-shadow: 0 10px 22px rgba(8, 127, 164, 0.22);
}

/* Store configuration reuses the document theme and covers its custom nested editors. */
:root[data-theme="light"] .ecommerce-store-config-theme-zone#component-container {
    min-height: 100vh;
    padding: 0.55rem;
    background: transparent;
}

:root[data-theme="light"] :is(.ecommerce-store-config-theme-zone, .draggable-content-theme-scope) .uxcfg {
    --bg0: rgba(239, 247, 249, 0.98);
    --bg1: rgba(255, 255, 255, 0.97);
    --bg2: rgba(225, 240, 244, 0.82);
    --text: var(--app-text-primary);
    --muted: var(--app-text-secondary);
    --accent: #087fa4;
    --accent2: #11896f;
    --warn: #8a6108;
    --line: rgba(20, 127, 157, 0.18);
    --line2: rgba(8, 127, 164, 0.3);
    --shadow: 0 18px 42px rgba(41, 83, 98, 0.14);
    --shadow2: 0 9px 24px rgba(41, 83, 98, 0.1);
    background:
        radial-gradient(circle at 10% 10%, rgba(23, 190, 211, 0.12), transparent 52%),
        radial-gradient(circle at 85% 30%, rgba(255, 183, 66, 0.08), transparent 55%),
        linear-gradient(145deg, #ffffff, #e7f2f5);
}

:root[data-theme="light"] :is(.ecommerce-store-config-theme-zone, .draggable-content-theme-scope) .uxcfg :is(.uxcfg__topbar, .uxcfg__globalCatalog, .uxcfg__sections, .uxcfg__editor) {
    color: var(--text);
    border-color: var(--line);
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.95), rgba(228, 241, 245, 0.92));
    box-shadow: var(--shadow2), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] :is(.ecommerce-store-config-theme-zone, .draggable-content-theme-scope) .uxcfg :is(.uxcfg__globalCard, .uxrow, .uxcfg__sectionVariableFinderHint, .uxcfg__loading, .uxcfg__empty) {
    color: var(--text);
    border-color: rgba(20, 127, 157, 0.16);
    background: rgba(255, 255, 255, 0.72);
    box-shadow: 0 7px 18px rgba(41, 83, 98, 0.07);
}

:root[data-theme="light"] :is(.ecommerce-store-config-theme-zone, .draggable-content-theme-scope) .uxcfg :is(.uxcfg__search, .uxcfg__sectionsSearch, .uxrow__input, .uxedit__text, select) {
    color: var(--text);
    border-color: var(--line2);
    background: rgba(255, 255, 255, 0.9);
}

:root[data-theme="light"] :is(.ecommerce-store-config-theme-zone, .draggable-content-theme-scope) .uxcfg :is(.uxcfg__sectionAction, .uxcfg__metaPill, .uxcfg__miniStat, .uxrow__chip, .uxbtn) {
    color: var(--text);
    border-color: var(--line);
    background: linear-gradient(180deg, #ffffff, #e1eef2);
    box-shadow: 0 5px 13px rgba(41, 83, 98, 0.08);
}

:root[data-theme="light"] :is(.ecommerce-store-config-theme-zone, .draggable-content-theme-scope) .uxcfg .uxbtn--primary {
    color: #ffffff;
    border-color: rgba(7, 95, 121, 0.34);
    background: linear-gradient(135deg, #087fa4, #11896f);
}

:root[data-theme="light"] :is(.ecommerce-store-config-theme-zone, .draggable-content-theme-scope) .uxcfg .uxcfg__sectionRow.is-selected {
    background: linear-gradient(135deg, rgba(200, 236, 243, 0.9), rgba(255, 242, 211, 0.72));
    box-shadow: inset 3px 0 0 #087fa4;
}

:root[data-theme="light"] :is(.ecommerce-store-config-theme-zone, .draggable-content-theme-scope) .uxcfg .uxcfg__sectionHelpBubble {
    color: var(--app-text-primary);
    border-color: rgba(8, 127, 164, 0.28);
    background: linear-gradient(145deg, #ffffff, #e4f0f3);
    box-shadow: 0 16px 36px rgba(41, 83, 98, 0.18);
}

:root[data-theme="light"] :is(.ecommerce-store-config-theme-zone, .draggable-content-theme-scope) .uxcfg .uxcfg__sectionHelpBubble::before {
    background: #f5fafb;
    border-color: rgba(8, 127, 164, 0.28);
}

:root[data-theme="light"] :is(.ecommerce-store-config-theme-zone, .draggable-content-theme-scope) .uxcfg .uxcfg__sectionHelpTitle {
    color: #087fa4;
}

:root[data-theme="light"] :is(.ecommerce-store-config-theme-zone, .draggable-content-theme-scope) .uxcfg .uxcfg__sectionHelpText {
    color: var(--app-text-secondary);
}

:root[data-theme="light"] :is(.ecommerce-store-config-theme-zone, .draggable-content-theme-scope) .ux-html-config-shell {
    color: var(--app-text-primary);
    border-color: rgba(20, 127, 157, 0.18);
    background:
        radial-gradient(circle at top left, rgba(23, 190, 211, 0.13), transparent 32%),
        radial-gradient(circle at bottom right, rgba(255, 183, 66, 0.08), transparent 32%),
        linear-gradient(145deg, #ffffff, #e6f2f5);
    box-shadow: 0 18px 42px rgba(41, 83, 98, 0.14), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] :is(.ecommerce-store-config-theme-zone, .draggable-content-theme-scope) .ux-html-config-shell :is(.ux-html-config-header, .ux-page-filter-panel, .ux-elements-panel, .ux-editor-panel, .ux-style-builder-box, .ux-live-preview-box, .ux-content-priority) {
    color: var(--app-text-primary);
    border-color: rgba(20, 127, 157, 0.17);
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.94), rgba(227, 241, 245, 0.92));
    box-shadow: inset 0 1px 0 #ffffff, 0 8px 20px rgba(41, 83, 98, 0.08);
}

:root[data-theme="light"] :is(.ecommerce-store-config-theme-zone, .draggable-content-theme-scope) .ux-html-config-shell :is(.ux-section-card, .ux-content-element-card) {
    color: var(--app-text-primary);
    border-color: rgba(20, 127, 157, 0.16);
    background: linear-gradient(145deg, #ffffff, #e6f2f5);
    box-shadow: inset 3px 0 0 rgba(8, 127, 164, 0.24), 0 7px 17px rgba(41, 83, 98, 0.08);
}

:root[data-theme="light"] :is(.ecommerce-store-config-theme-zone, .draggable-content-theme-scope) .ux-html-config-shell :is(.ux-section-card.selected, .ux-content-element-card.selected) {
    border-color: rgba(8, 145, 180, 0.38);
    background: linear-gradient(135deg, #d8eef3, #fff2d3);
    box-shadow: inset 4px 0 0 #087fa4, 0 10px 22px rgba(41, 83, 98, 0.12);
}

:root[data-theme="light"] :is(.ecommerce-store-config-theme-zone, .draggable-content-theme-scope) .ux-html-config-shell :is(.ux-header-copy p, .ux-page-filter-copy p, .ux-element-meta, .ux-field-hint, .ux-empty-copy) {
    color: var(--app-text-secondary);
}

:root[data-theme="light"] :is(.ecommerce-store-config-theme-zone, .draggable-content-theme-scope) .ux-html-config-shell :is(.ux-element-title, .ux-field label, .ux-panel-titlebar h4, .ux-live-preview-header) {
    color: var(--app-text-primary);
}

:root[data-theme="light"] :is(.ecommerce-store-config-theme-zone, .draggable-content-theme-scope) .ux-html-config-shell :is(.ux-input, .ux-color-picker) {
    color: var(--app-text-primary);
    border-color: rgba(20, 127, 157, 0.22);
    background: rgba(255, 255, 255, 0.9);
    box-shadow: inset 0 1px 2px rgba(41, 83, 98, 0.06);
}

:root[data-theme="light"] :is(.ecommerce-store-config-theme-zone, .draggable-content-theme-scope) .ux-html-config-shell :is(.ux-page-filter-chip, .ux-icon-btn, .ux-btn-ghost) {
    color: #315968;
    border-color: rgba(20, 127, 157, 0.18);
    background: linear-gradient(180deg, #ffffff, #e1eef2);
}

:root[data-theme="light"] :is(.ecommerce-store-config-theme-zone, .draggable-content-theme-scope) .ux-html-config-shell .ux-page-filter-chip.active {
    color: #ffffff;
    border-color: rgba(7, 95, 121, 0.32);
    background: linear-gradient(135deg, #087fa4, #11896f);
}

:root[data-theme="light"] :is(.ecommerce-store-config-theme-zone, .draggable-content-theme-scope) .ux-html-config-shell :is(.ux-card-preview-frame, .ux-live-preview-stage) {
    color: var(--app-text-primary);
    border-color: rgba(20, 127, 157, 0.2);
    background: linear-gradient(145deg, #f9fcfd, #dcecef);
}

:root[data-theme="light"] :is(.ecommerce-store-config-theme-zone, .draggable-content-theme-scope) .tplapply {
    color: var(--app-text-primary);
}

:root[data-theme="light"] :is(.ecommerce-store-config-theme-zone, .draggable-content-theme-scope) .tplapply :is(.tplapply__hero, .tplapply__state, .tplapply__card) {
    color: var(--app-text-primary);
    border-color: rgba(20, 127, 157, 0.18);
    background: linear-gradient(145deg, #ffffff, #e5f1f4);
    box-shadow: 0 12px 28px rgba(41, 83, 98, 0.11), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] :is(.ecommerce-store-config-theme-zone, .draggable-content-theme-scope) .tplapply :is(.tplapply__title, .tplapply__cardHeader h3, .tplapply__context strong) {
    color: var(--app-text-primary);
}

:root[data-theme="light"] :is(.ecommerce-store-config-theme-zone, .draggable-content-theme-scope) .tplapply :is(.tplapply__eyebrow, .tplapply__subtitle, .tplapply__contextLabel, .tplapply__cardHeader p, .tplapply__meta) {
    color: var(--app-text-secondary);
}

:root[data-theme="light"] :is(.ecommerce-store-config-theme-zone, .draggable-content-theme-scope) .tplapply .tplapply__context {
    border-color: rgba(20, 127, 157, 0.16);
    background: rgba(225, 240, 244, 0.8);
}

:root[data-theme="light"] :is(.ecommerce-store-config-theme-zone, .draggable-content-theme-scope) .tplapply .uxbtn--ghost {
    color: #315968;
    border-color: rgba(20, 127, 157, 0.2);
    background: linear-gradient(180deg, #ffffff, #dfedf1);
}

@media (prefers-reduced-motion: no-preference) {
    .ecommerce-theme-zone,
    .ecommerce-manager-theme-zone :is(.upper-menu-shell, .menu-pill, .ecommerce-live-view-wrapper),
    .ecommerce-tracking-theme-zone :is(.etrk-hero, .etrk-filter-card, .etrk-panel, .etrk-session-card),
    .ecommerce-store-config-theme-zone :is(.uxcfg, .ux-html-config-shell, .tplapply) {
        transition: color 180ms ease, background 220ms ease, border-color 180ms ease, box-shadow 220ms ease;
    }
}

/* B2B Connector: menu, sales-order workspace, credits, and planned tools. */
:root[data-theme="light"] .b2b-theme-zone {
    min-height: calc(100vh - 8rem);
    color: var(--app-text-primary);
    background:
        radial-gradient(circle at 10% 0%, rgba(23, 190, 211, 0.1), transparent 28rem),
        linear-gradient(145deg, #f9fcfd, #e8f4f6);
}

:root[data-theme="light"] .b2b-theme-zone .b2bconnector__workspace {
    border-color: rgba(22, 127, 157, 0.18);
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(229, 242, 245, 0.96));
    box-shadow: 0 18px 36px rgba(41, 83, 98, 0.12), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .b2b-theme-zone .b2bconnector__empty {
    color: var(--app-text-secondary);
    border-color: rgba(22, 127, 157, 0.24);
    background: rgba(255, 255, 255, 0.72);
}

:root[data-theme="light"] .b2b-theme-zone .b2bconnector__empty strong {
    color: var(--app-text-primary);
}

:root[data-theme="light"] .b2b-theme-zone .main-menu-container {
    border-color: rgba(22, 127, 157, 0.18);
    background: linear-gradient(180deg, rgba(249, 253, 254, 0.98), rgba(221, 239, 243, 0.96));
}

:root[data-theme="light"] .b2b-theme-zone .main-menu-grl {
    border-color: rgba(22, 127, 157, 0.2);
    background: linear-gradient(145deg, #ffffff, #e5f2f5);
    box-shadow: 0 12px 28px rgba(41, 83, 98, 0.12), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .b2b-theme-zone .subnav .subnavbtn {
    color: #244c5d !important;
    border-color: rgba(22, 127, 157, 0.2);
    background: linear-gradient(180deg, #ffffff, #e8f3f6);
    box-shadow: 0 5px 12px rgba(41, 83, 98, 0.07);
}

:root[data-theme="light"] .b2b-theme-zone .subnav .subnavbtn:hover,
:root[data-theme="light"] .b2b-theme-zone .subnavbtn.selected-option {
    color: #075f79 !important;
    border-color: rgba(8, 145, 180, 0.42);
    background: linear-gradient(145deg, #ddf5f7, #fff6cf);
    box-shadow: 0 8px 18px rgba(8, 127, 164, 0.13);
}

:root[data-theme="light"] .b2b-theme-zone .subnavbtn__menuIcon {
    color: #087fa4;
    background: #e5f3f6;
}

:root[data-theme="light"] .b2b-theme-zone .subnavbtn__copy small {
    color: var(--app-text-muted);
}

:root[data-theme="light"] .b2b-theme-zone .submenu-overlay {
    border-color: rgba(22, 127, 157, 0.24);
    background: linear-gradient(155deg, rgba(255, 255, 255, 0.99), rgba(224, 240, 244, 0.99));
    box-shadow: 0 22px 46px rgba(41, 83, 98, 0.22), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .b2b-theme-zone .submenu-overlay .subnav-option .subnavbtn {
    color: var(--app-text-primary) !important;
    background: rgba(255, 255, 255, 0.82);
}

:root[data-theme="light"] .b2b-theme-zone :is(.b2border, .b2bcredit, .b2bcoming) {
    color: var(--app-text-primary);
}

:root[data-theme="light"] .b2b-theme-zone :is(.b2border__panel, .b2border__tablePanel, .b2border__editor, .b2bcredit__panel, .b2bcoming__hero, .b2bcoming__card) {
    color: var(--app-text-primary);
    border-color: rgba(22, 127, 157, 0.17);
    background:
        radial-gradient(circle at 100% 0%, rgba(23, 190, 211, 0.09), transparent 30%),
        linear-gradient(145deg, #ffffff, #e8f3f6);
    box-shadow: 0 14px 30px rgba(41, 83, 98, 0.11), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .b2b-theme-zone :is(.b2border__panelHead h3, .b2border__editorHead h3, .b2border__metric strong, .b2border__metaCard strong, .b2border__bulkMeta strong, .b2border__cellTitle, .b2bcredit__head h3, .b2bcredit__metric strong, .b2bcredit__cellTitle, .b2bcoming__hero h3, .b2bcoming__card strong) {
    color: var(--app-text-primary);
}

:root[data-theme="light"] .b2b-theme-zone :is(.b2border__field span, .b2border__metric span, .b2border__metaCard span, .b2border__cellMeta, .b2border__cellSubmeta, .b2border__bulkMeta small, .b2bcredit__field span, .b2bcredit__metric span, .b2bcredit__cellMeta, .b2bcoming__hero p, .b2bcoming__card p, .b2bcoming__card span) {
    color: var(--app-text-secondary);
}

:root[data-theme="light"] .b2b-theme-zone :is(.b2border__input, .b2border__select, .b2border__textarea, .b2bcredit__input) {
    color: var(--app-text-primary);
    -webkit-text-fill-color: var(--app-text-primary);
    border-color: rgba(22, 127, 157, 0.24);
    background: rgba(255, 255, 255, 0.94);
    box-shadow: inset 0 1px 1px rgba(41, 83, 98, 0.04);
    color-scheme: light;
}

:root[data-theme="light"] .b2b-theme-zone :is(.b2border__input, .b2border__select, .b2border__textarea, .b2bcredit__input):focus {
    border-color: rgba(8, 145, 180, 0.58);
    box-shadow: 0 0 0 3px rgba(8, 145, 180, 0.1);
}

:root[data-theme="light"] .b2b-theme-zone .b2border__select option {
    color: var(--app-text-primary);
    background: #f8fcfd;
}

:root[data-theme="light"] .b2b-theme-zone :is(.b2border__help, .b2bcredit__help) {
    color: #087fa4;
    border-color: rgba(8, 145, 180, 0.26);
    background: linear-gradient(145deg, #ffffff, #dff1f4);
    box-shadow: 0 7px 16px rgba(41, 83, 98, 0.12);
}

:root[data-theme="light"] .b2b-theme-zone :is(.b2border__bubble, .b2bcredit__bubble) {
    color: var(--app-text-primary);
    border-color: rgba(22, 127, 157, 0.2);
    background: linear-gradient(145deg, #ffffff, #e6f2f5);
    box-shadow: 0 16px 32px rgba(41, 83, 98, 0.16);
}

:root[data-theme="light"] .b2b-theme-zone :is(.b2border__button--ghost, .b2bcredit__button--ghost) {
    color: #175c72;
    border-color: rgba(22, 127, 157, 0.22);
    background: linear-gradient(180deg, #ffffff, #dfeef2);
    box-shadow: 0 7px 16px rgba(41, 83, 98, 0.09);
}

:root[data-theme="light"] .b2b-theme-zone :is(.b2border__metric, .b2border__metaCard, .b2border__bulkBar, .b2border__callout, .b2border__status, .b2border__empty, .b2bcredit__metric, .b2bcredit__status, .b2bcredit__empty) {
    color: var(--app-text-secondary);
    border-color: rgba(22, 127, 157, 0.16);
    background: rgba(255, 255, 255, 0.76);
}

:root[data-theme="light"] .b2b-theme-zone :is(.b2border__tableWrap, .b2bcredit__tableWrap) {
    border-color: rgba(22, 127, 157, 0.18);
    background: rgba(255, 255, 255, 0.86);
    scrollbar-color: rgba(8, 145, 180, 0.65) rgba(218, 235, 239, 0.8);
}

:root[data-theme="light"] .b2b-theme-zone :is(.b2border__table, .b2bcredit__table) th {
    color: #315b6b;
    border-color: rgba(22, 127, 157, 0.13);
    background: #dceef2;
}

:root[data-theme="light"] .b2b-theme-zone :is(.b2border__table, .b2bcredit__table) td {
    color: var(--app-text-primary);
    border-color: rgba(22, 127, 157, 0.11);
    background: rgba(255, 255, 255, 0.78);
}

:root[data-theme="light"] .b2b-theme-zone .b2border__table tbody tr:hover td {
    background: #e3f4f6;
}

:root[data-theme="light"] .b2b-theme-zone .b2bcoming__signal {
    color: #087fa4;
    background: rgba(8, 145, 180, 0.1);
}

:root[data-theme="light"] .b2b-theme-zone :is(.b2border__tableAction, .b2border__selectAll) {
    color: #175c72;
    border-color: rgba(22, 127, 157, 0.22);
    background: linear-gradient(180deg, #ffffff, #e2f0f3);
    box-shadow: 0 5px 12px rgba(41, 83, 98, 0.08);
}

:root[data-theme="light"] .b2b-theme-zone .b2border__checkbox span {
    border-color: rgba(22, 127, 157, 0.34);
    background: #ffffff;
    box-shadow: inset 0 1px 1px rgba(41, 83, 98, 0.08);
}

:root[data-theme="light"] .b2b-theme-zone :is(.b2border__badge, .b2bcredit__badge) {
    color: #315b6b;
    border-color: rgba(22, 127, 157, 0.14);
    background: #e1eef2;
}

:root[data-theme="light"] .b2b-theme-zone :is(.b2border__tableWrap, .b2bcredit__tableWrap)::-webkit-scrollbar-track {
    background: rgba(218, 235, 239, 0.84);
}

:root[data-theme="light"] .b2b-theme-zone :is(.b2border__tableWrap, .b2bcredit__tableWrap)::-webkit-scrollbar-thumb {
    border-color: rgba(232, 244, 246, 0.94);
    background: linear-gradient(180deg, #18b4c8, #087fa4);
}

:root[data-theme="light"] .b2b-theme-zone :is(.b2border__input, .b2bcredit__input)[type="date"]::-webkit-calendar-picker-indicator {
    filter: none;
}

:root[data-theme="light"] .b2b-theme-zone .b2border__table tbody tr.is-selected td {
    background: rgba(204, 239, 244, 0.9);
}

:root[data-theme="light"] .b2b-theme-zone .b2border__table tbody tr.is-cancel td {
    background: rgba(255, 239, 211, 0.78);
}

:root[data-theme="light"] .b2b-theme-zone .b2border__table tbody tr.is-rejected td {
    background: rgba(255, 225, 232, 0.72);
}

/* KPI workspace: dashboard panels, builder, template library, charts, and grids. */
:root[data-theme="light"] .kpi-theme-zone {
    min-height: calc(100vh - 8rem);
    color: var(--app-text-primary);
    background: linear-gradient(145deg, #f9fcfd, #e7f3f6);
}

:root[data-theme="light"] .kpi-theme-zone :is(.kpi-workspace, .kpi-workspace-loading) {
    --kpi-ink: #173f50;
    --kpi-muted: #587482;
    --kpi-cyan: #087fa4;
    --kpi-mint: #11896f;
    --kpi-panel: rgba(255, 255, 255, 0.88);
    --kpi-line: rgba(22, 127, 157, 0.22);
    color: var(--app-text-primary);
}

:root[data-theme="light"] .kpi-theme-zone .kpi-workspace {
    background:
        radial-gradient(circle at 8% 4%, rgba(23, 190, 211, 0.13), transparent 30%),
        radial-gradient(circle at 92% 2%, rgba(255, 205, 92, 0.12), transparent 27%),
        linear-gradient(145deg, #f9fcfd, #e7f3f6);
}

:root[data-theme="light"] .kpi-theme-zone :is(.kpi-page-loading, .kpi-page-unavailable, .kpi-workspace-loading, .kpi-workspace__empty, .kpi-workspace__fatal) {
    color: var(--app-text-primary);
    border-color: rgba(22, 127, 157, 0.2);
    background: linear-gradient(145deg, #ffffff, #e5f2f5);
    box-shadow: 0 16px 34px rgba(41, 83, 98, 0.12), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .kpi-theme-zone :is(.kpi-page-unavailable p, .kpi-workspace__empty p) {
    color: var(--app-text-secondary);
}

:root[data-theme="light"] .kpi-theme-zone .kpi-workspace__hero {
    border-color: rgba(22, 127, 157, 0.24);
    background:
        radial-gradient(circle at 100% 0%, rgba(23, 190, 211, 0.13), transparent 30%),
        linear-gradient(115deg, #ffffff, #e2f0f4 68%, #fff8dc);
    box-shadow: 0 18px 40px rgba(41, 83, 98, 0.13), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .kpi-theme-zone :is(.kpi-workspace__identity h1, .kpi-workspace__empty h2, .kpi-workspace__message) {
    color: var(--app-text-primary);
}

:root[data-theme="light"] .kpi-theme-zone .kpi-mode-switch {
    border-color: rgba(22, 127, 157, 0.18);
    background: rgba(218, 237, 241, 0.82);
}

:root[data-theme="light"] .kpi-theme-zone .kpi-mode-switch button {
    color: #4d6a78;
}

:root[data-theme="light"] .kpi-theme-zone .kpi-mode-switch button.is-active {
    color: #ffffff !important;
    background: linear-gradient(135deg, #087fa4, #11896f);
    box-shadow: 0 7px 18px rgba(8, 127, 164, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.24);
    text-shadow: 0 1px 2px rgba(3, 38, 50, 0.3);
}

:root[data-theme="light"] .kpi-theme-zone .kpi-mode-switch button.is-active :is(i, span) {
    color: inherit !important;
}

:root[data-theme="light"] .kpi-theme-zone :is(.kpi-button--secondary, .kpi-button--ghost) {
    color: #175c72;
    border-color: rgba(22, 127, 157, 0.22);
    background: rgba(255, 255, 255, 0.82);
    box-shadow: 0 6px 14px rgba(41, 83, 98, 0.08);
}

:root[data-theme="light"] .kpi-theme-zone .kpi-layout-hint {
    color: #77556f;
    border-color: rgba(202, 96, 163, 0.2);
    background: rgba(255, 235, 248, 0.76);
}

:root[data-theme="light"] .kpi-theme-zone .kpi-workspace__canvas.is-editing {
    background-image: radial-gradient(rgba(8, 145, 180, 0.18) 1px, transparent 1px);
}

:root[data-theme="light"] .kpi-theme-zone .e-dashboardlayout .e-panel {
    border-color: rgba(22, 127, 157, 0.2) !important;
    background: rgba(255, 255, 255, 0.9) !important;
    box-shadow: 0 12px 28px rgba(41, 83, 98, 0.12) !important;
}

:root[data-theme="light"] .kpi-theme-zone .kpi-panel-shell {
    --panel-cyan: #087fa4;
    --panel-mint: #11896f;
    --panel-muted: #617d8b;
    color: var(--app-text-primary);
    background:
        radial-gradient(circle at 100% 0%, rgba(23, 190, 211, 0.1), transparent 34%),
        linear-gradient(145deg, #ffffff, #e8f3f6);
}

:root[data-theme="light"] .kpi-theme-zone .kpi-panel-header {
    border-color: rgba(22, 127, 157, 0.15);
    background: rgba(255, 255, 255, 0.55);
}

:root[data-theme="light"] .kpi-theme-zone :is(.kpi-panel-heading h3, .kpi-panel-state strong) {
    color: var(--app-text-primary);
}

:root[data-theme="light"] .kpi-theme-zone :is(.kpi-panel-actions button, .kpi-panel-live) {
    color: #087fa4;
    border-color: rgba(22, 127, 157, 0.2);
    background: rgba(255, 255, 255, 0.8);
}

:root[data-theme="light"] .kpi-theme-zone .kpi-panel-footer {
    color: var(--app-text-muted);
    border-color: rgba(22, 127, 157, 0.12);
    background: rgba(222, 238, 242, 0.72);
}

:root[data-theme="light"] .kpi-theme-zone .kpi-renderer--card {
    background: radial-gradient(circle at 50% 55%, rgba(23, 190, 211, 0.13), transparent 40%);
}

:root[data-theme="light"] .kpi-theme-zone :is(.kpi-card__eyebrow, .kpi-card__context) {
    color: #416b7b;
}

:root[data-theme="light"] .kpi-theme-zone .kpi-card__value {
    color: #153f51;
    text-shadow: 0 8px 24px rgba(8, 127, 164, 0.14);
}

:root[data-theme="light"] .kpi-theme-zone .kpi-renderer .e-grid {
    color: var(--app-text-primary) !important;
    background: transparent !important;
}

:root[data-theme="light"] .kpi-theme-zone .kpi-renderer .e-grid :is(.e-gridheader, .e-headercell) {
    color: #315b6b !important;
    border-color: rgba(22, 127, 157, 0.16) !important;
    background: #dceef2 !important;
}

:root[data-theme="light"] .kpi-theme-zone .kpi-renderer .e-grid .e-rowcell {
    color: var(--app-text-primary) !important;
    border-color: rgba(22, 127, 157, 0.1) !important;
    background: rgba(255, 255, 255, 0.88) !important;
}

:root[data-theme="light"] .kpi-theme-zone .kpi-renderer .e-grid .e-altrow .e-rowcell {
    background: #edf6f8 !important;
}

:root[data-theme="light"] .kpi-theme-zone .kpi-renderer .e-grid .e-pager {
    color: #315b6b !important;
    border-color: rgba(22, 127, 157, 0.14) !important;
    background: #e5f2f5 !important;
}

:root[data-theme="light"] .kpi-theme-zone :is(.e-chart, .e-accumulationchart) text {
    fill: #315b6b !important;
}

:root[data-theme="light"] .kpi-theme-zone :is(.kpi-editor-backdrop, .kpi-library-backdrop) {
    background: rgba(197, 219, 225, 0.72);
    backdrop-filter: blur(14px);
}

:root[data-theme="light"] .kpi-theme-zone .kpi-confirm-backdrop {
    background: rgba(197, 219, 225, 0.72);
    backdrop-filter: blur(12px);
}

:root[data-theme="light"] .kpi-theme-zone .kpi-confirm {
    color: var(--app-text-primary);
    border-color: rgba(183, 60, 88, 0.3);
    background: linear-gradient(145deg, #ffffff, #fbeef1);
    box-shadow: 0 28px 76px rgba(81, 52, 62, 0.28), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .kpi-theme-zone .kpi-editor {
    color: var(--app-text-primary);
    border-color: rgba(22, 127, 157, 0.26);
    background:
        radial-gradient(circle at 100% 0%, rgba(255, 203, 225, 0.18), transparent 30%),
        linear-gradient(145deg, #ffffff, #e6f2f5);
    box-shadow: 0 30px 80px rgba(41, 83, 98, 0.32), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .kpi-theme-zone :is(.kpi-editor__header, .kpi-editor__footer) {
    border-color: rgba(22, 127, 157, 0.17);
    background: rgba(239, 247, 249, 0.92);
}

:root[data-theme="light"] .kpi-theme-zone :is(.kpi-editor__header h2, .kpi-editor__section-title h3, .kpi-filter-builder__heading strong) {
    color: var(--app-text-primary);
}

:root[data-theme="light"] .kpi-theme-zone :is(.kpi-editor__close, .kpi-editor__drag-cue) {
    color: #087fa4;
    border-color: rgba(22, 127, 157, 0.2);
    background: rgba(255, 255, 255, 0.82);
}

:root[data-theme="light"] .kpi-theme-zone :is(.kpi-editor__steps button, .kpi-field, .kpi-column-picker, .kpi-filter-builder) {
    color: var(--app-text-secondary);
    border-color: rgba(22, 127, 157, 0.16);
    background: rgba(255, 255, 255, 0.68);
}

:root[data-theme="light"] .kpi-theme-zone .kpi-field > span:first-child,
:root[data-theme="light"] .kpi-theme-zone .kpi-switch-row,
:root[data-theme="light"] .kpi-theme-zone .kpi-column-picker label {
    color: #315b6b;
}

:root[data-theme="light"] .kpi-theme-zone .kpi-editor .kpi-field :is(input:not([type="checkbox"]), textarea, select) {
    color: var(--app-text-primary) !important;
    -webkit-text-fill-color: var(--app-text-primary) !important;
    border-color: rgba(22, 127, 157, 0.28) !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    color-scheme: light;
}

:root[data-theme="light"] .kpi-theme-zone .kpi-editor .kpi-field select option {
    color: var(--app-text-primary);
    background: #f8fcfd;
}

:root[data-theme="light"] .kpi-theme-zone .kpi-switch-row input[type="checkbox"] {
    position: relative;
    width: 38px;
    height: 21px;
    appearance: none;
    border: 1px solid rgba(22, 127, 157, 0.3);
    border-radius: 999px;
    background: #cbdde2;
    box-shadow: inset 0 1px 3px rgba(41, 83, 98, 0.16);
    cursor: pointer;
}

:root[data-theme="light"] .kpi-theme-zone .kpi-switch-row input[type="checkbox"]::after {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #ffffff;
    box-shadow: 0 2px 5px rgba(41, 83, 98, 0.28);
    content: "";
    transition: transform 160ms ease;
}

:root[data-theme="light"] .kpi-theme-zone .kpi-switch-row input[type="checkbox"]:checked {
    border-color: #087fa4;
    background: linear-gradient(135deg, #18b4c8, #087fa4);
}

:root[data-theme="light"] .kpi-theme-zone .kpi-switch-row input[type="checkbox"]:checked::after {
    transform: translateX(17px);
}

/* The draggable KPI editor is portaled to document.body and needs its own theme scope. */
:root[data-theme="light"] .kpi-editor.kpi-floating-theme-zone {
    color: var(--app-text-primary);
    border-color: rgba(22, 127, 157, 0.26);
    background:
        radial-gradient(circle at 100% 0%, rgba(255, 203, 225, 0.18), transparent 30%),
        linear-gradient(145deg, #ffffff, #e6f2f5);
    box-shadow: 0 30px 80px rgba(41, 83, 98, 0.32), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .kpi-floating-theme-zone :is(.kpi-editor__header, .kpi-editor__footer) {
    color: var(--app-text-primary);
    border-color: rgba(22, 127, 157, 0.17);
    background: rgba(239, 247, 249, 0.94);
}

:root[data-theme="light"] .kpi-floating-theme-zone :is(.kpi-editor__header h2, .kpi-editor__section-title h3, .kpi-filter-builder__heading strong) {
    color: var(--app-text-primary);
}

:root[data-theme="light"] .kpi-floating-theme-zone :is(.kpi-editor__close, .kpi-editor__drag-cue) {
    color: #087fa4;
    border-color: rgba(22, 127, 157, 0.2);
    background: rgba(255, 255, 255, 0.84);
    box-shadow: 0 5px 12px rgba(41, 83, 98, 0.08);
}

:root[data-theme="light"] .kpi-floating-theme-zone .kpi-editor__scroll {
    scrollbar-color: rgba(8, 145, 180, 0.62) rgba(218, 235, 239, 0.72);
}

:root[data-theme="light"] .kpi-floating-theme-zone .kpi-editor__steps {
    border-color: rgba(22, 127, 157, 0.14);
}

:root[data-theme="light"] .kpi-floating-theme-zone :is(.kpi-editor__steps button, .kpi-field, .kpi-column-picker, .kpi-filter-builder) {
    color: var(--app-text-secondary);
    border-color: rgba(22, 127, 157, 0.17);
    background: rgba(255, 255, 255, 0.72);
}

:root[data-theme="light"] .kpi-floating-theme-zone .kpi-editor__steps button.is-current {
    color: #ffffff;
    border-color: rgba(8, 127, 164, 0.72);
    background: linear-gradient(135deg, #087fa4, #126f8d);
    box-shadow: 0 7px 17px rgba(8, 127, 164, 0.19);
}

:root[data-theme="light"] .kpi-floating-theme-zone .kpi-editor__steps button.is-current small {
    color: inherit;
}

:root[data-theme="light"] .kpi-floating-theme-zone .kpi-editor__section {
    border-color: rgba(22, 127, 157, 0.13);
}

:root[data-theme="light"] .kpi-floating-theme-zone :is(.kpi-editor__section-title > span, .kpi-filter-condition__number) {
    color: #087fa4;
    border-color: rgba(8, 145, 180, 0.25);
    background: rgba(208, 239, 243, 0.72);
}

:root[data-theme="light"] .kpi-floating-theme-zone :is(.kpi-editor__subheading, .kpi-help-icon) {
    color: #087fa4;
}

:root[data-theme="light"] .kpi-floating-theme-zone :is(.kpi-field > span:first-child, .kpi-switch-row, .kpi-column-picker label) {
    color: #315b6b;
}

:root[data-theme="light"] .kpi-floating-theme-zone .kpi-field :is(input:not([type="checkbox"]), textarea, select),
:root[data-theme="light"] .kpi-floating-theme-zone .kpi-field :is(input.valid:not([type="checkbox"]), input.modified.valid:not([type="checkbox"]), textarea.valid, select.valid) {
    color: var(--app-text-primary) !important;
    -webkit-text-fill-color: var(--app-text-primary) !important;
    border-color: rgba(22, 127, 157, 0.28) !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    color-scheme: light;
    box-shadow: inset 0 1px 1px rgba(41, 83, 98, 0.04);
}

:root[data-theme="light"] .kpi-floating-theme-zone .kpi-field :is(input, textarea, select):focus {
    border-color: #087fa4 !important;
    box-shadow: 0 0 0 3px rgba(8, 145, 180, 0.1) !important;
}

:root[data-theme="light"] .kpi-floating-theme-zone .kpi-field select option {
    color: var(--app-text-primary);
    background: #f8fcfd;
}

:root[data-theme="light"] .kpi-floating-theme-zone .kpi-date-summary {
    color: #1a6556;
    border-color: rgba(17, 137, 111, 0.2);
    background: rgba(218, 246, 238, 0.76);
}

:root[data-theme="light"] .kpi-floating-theme-zone .kpi-switch-row input[type="checkbox"] {
    position: relative;
    width: 38px;
    height: 21px;
    appearance: none;
    border: 1px solid rgba(22, 127, 157, 0.3);
    border-radius: 999px;
    background: #cbdde2;
    box-shadow: inset 0 1px 3px rgba(41, 83, 98, 0.16);
    cursor: pointer;
}

:root[data-theme="light"] .kpi-floating-theme-zone .kpi-switch-row input[type="checkbox"]::after {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #ffffff;
    box-shadow: 0 2px 5px rgba(41, 83, 98, 0.28);
    content: "";
    transition: transform 160ms ease;
}

:root[data-theme="light"] .kpi-floating-theme-zone .kpi-switch-row input[type="checkbox"]:checked {
    border-color: #087fa4;
    background: linear-gradient(135deg, #18b4c8, #087fa4);
}

:root[data-theme="light"] .kpi-floating-theme-zone .kpi-switch-row input[type="checkbox"]:checked::after {
    transform: translateX(17px);
}

:root[data-theme="light"] .kpi-floating-theme-zone :is(.kpi-button--secondary, .kpi-button--ghost) {
    color: #175c72;
    border-color: rgba(22, 127, 157, 0.22);
    background: rgba(255, 255, 255, 0.86);
    box-shadow: 0 6px 14px rgba(41, 83, 98, 0.08);
}

:root[data-theme="light"] .kpi-theme-zone .kpi-library {
    --library-cyan: #087fa4;
    --library-mint: #11896f;
    --library-gold: #b57405;
    --library-ink: #173f50;
    --library-muted: #617d8b;
    --library-line: rgba(22, 127, 157, 0.18);
    color: var(--app-text-primary);
    border-color: rgba(22, 127, 157, 0.25);
    background:
        radial-gradient(circle at 10% 0%, rgba(23, 190, 211, 0.12), transparent 30%),
        radial-gradient(circle at 92% 2%, rgba(255, 205, 92, 0.1), transparent 28%),
        linear-gradient(145deg, #ffffff, #e7f3f6);
    box-shadow: 0 30px 90px rgba(41, 83, 98, 0.32), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .kpi-theme-zone :is(.kpi-library__close, .kpi-library__search, .kpi-library__views button, .kpi-library__goals button) {
    color: #315b6b;
    border-color: rgba(22, 127, 157, 0.19);
    background: rgba(255, 255, 255, 0.76);
}

:root[data-theme="light"] .kpi-theme-zone :is(.kpi-library__search input, .kpi-library__zone-filter select) {
    color: var(--app-text-primary);
    -webkit-text-fill-color: var(--app-text-primary);
    background: #ffffff;
    color-scheme: light;
}

:root[data-theme="light"] .kpi-theme-zone .kpi-template-card__select span {
    border-color: rgba(22, 127, 157, 0.25);
    background: #ffffff;
}

:root[data-theme="light"] .kpi-theme-zone .kpi-template-card__badges .is-recommended {
    color: #704b00;
    border-color: rgba(181, 116, 5, 0.34);
    background: #ffe2a3;
}

:root[data-theme="light"] .kpi-theme-zone .kpi-template-card__badges .is-installed {
    color: #12634f;
    border-color: rgba(17, 137, 111, 0.3);
    background: #d8f4e9;
}

:root[data-theme="light"] .kpi-theme-zone .kpi-template-card__readiness.is-ready {
    color: #12634f;
    border: 1px solid rgba(17, 137, 111, 0.24);
    background: #d8f4e9;
}

:root[data-theme="light"] .kpi-theme-zone .kpi-template-card__readiness.is-installed {
    color: #285f9d;
    border: 1px solid rgba(53, 111, 180, 0.22);
    background: #e0ecfb;
}

:root[data-theme="light"] .kpi-theme-zone .kpi-template-card__readiness.is-locked {
    color: #76500a;
    border: 1px solid rgba(181, 116, 5, 0.24);
    background: #f8ead0;
}

:root[data-theme="light"] .kpi-theme-zone .kpi-library__views button.is-active {
    color: #ffffff;
    border-color: #087fa4;
    background: linear-gradient(135deg, #087fa4, #11896f);
    box-shadow: 0 7px 18px rgba(8, 127, 164, 0.2);
}

:root[data-theme="light"] .kpi-theme-zone .kpi-library__views button.is-active span {
    color: #ffffff;
    background: rgba(0, 35, 47, 0.24);
}

:root[data-theme="light"] .kpi-theme-zone .kpi-library__goals button.is-active {
    color: #704b00;
    border-color: rgba(181, 116, 5, 0.38);
    background: #ffedc3;
}

:root[data-theme="light"] .kpi-theme-zone .kpi-template-card {
    color: var(--app-text-primary);
    border-color: rgba(22, 127, 157, 0.17);
    background: linear-gradient(145deg, #ffffff, #e8f3f6);
    box-shadow: 0 9px 22px rgba(41, 83, 98, 0.09), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .kpi-theme-zone :is(.kpi-template-card h3, .kpi-detail__heading h3, .kpi-detail__question, .kpi-detail__guide strong, .kpi-library__detail-empty strong, .kpi-library__empty strong) {
    color: var(--app-text-primary);
}

:root[data-theme="light"] .kpi-theme-zone :is(.kpi-template-card__question, .kpi-template-card__meta, .kpi-detail__guide p, .kpi-detail__preview-message) {
    color: var(--app-text-secondary);
}

:root[data-theme="light"] .kpi-theme-zone .kpi-library__detail {
    border-color: rgba(22, 127, 157, 0.16);
    background: rgba(238, 247, 249, 0.78);
}

:root[data-theme="light"] .kpi-theme-zone :is(.kpi-detail__guide, .kpi-detail__preview) {
    border-color: rgba(22, 127, 157, 0.18);
    background: rgba(255, 255, 255, 0.74);
}

:root[data-theme="light"] .kpi-theme-zone .kpi-detail__signal {
    border-color: rgba(181, 116, 5, 0.25);
    background: #fff0ca;
}

:root[data-theme="light"] .kpi-theme-zone .kpi-detail__signal span {
    color: #7a5507;
}

:root[data-theme="light"] .kpi-theme-zone .kpi-detail__signal strong {
    color: #684704;
}

:root[data-theme="light"] .kpi-theme-zone .kpi-detail__guide > i {
    color: #087fa4;
    background: #d9f2f5;
}

:root[data-theme="light"] .kpi-theme-zone .kpi-detail__guide.is-action > i {
    color: #08705a;
    background: #d9f5ec;
}

:root[data-theme="light"] .kpi-theme-zone :is(.kpi-detail__add-button, .kpi-library__install-selected) {
    color: #ffffff;
    border-color: rgba(7, 95, 121, 0.34);
    background: linear-gradient(135deg, #087fa4, #11896f);
    box-shadow: 0 8px 20px rgba(8, 127, 164, 0.2);
    text-shadow: 0 1px 2px rgba(3, 38, 50, 0.28);
}

:root[data-theme="light"] .kpi-theme-zone :is(.kpi-detail__add-button, .kpi-library__install-selected) :is(i, span) {
    color: inherit;
}

/* Team Tracker: command surface, roster, route controls, and supporting states. */
:root[data-theme="light"] .team-tracker-theme-zone {
    min-height: calc(100vh - 8rem);
    background: #eef7f9;
}

:root[data-theme="light"] .team-tracker-theme-zone .team-tracker-shell {
    --tracker-bg: #edf7f9;
    --tracker-panel: rgba(255, 255, 255, 0.92);
    --tracker-panel-soft: rgba(231, 243, 246, 0.88);
    --tracker-line: rgba(22, 127, 157, 0.18);
    --tracker-line-strong: rgba(8, 145, 180, 0.36);
    --tracker-cyan: #087fa4;
    --tracker-aqua: #11896f;
    --tracker-blue: #356fb4;
    --tracker-amber: #b57405;
    --tracker-red: #b73c58;
    --tracker-text: #173f50;
    --tracker-muted: #617d8b;
    color: var(--tracker-text);
    background:
        radial-gradient(circle at 86% 5%, rgba(23, 190, 211, 0.12), transparent 26rem),
        radial-gradient(circle at 12% 58%, rgba(53, 190, 155, 0.08), transparent 32rem),
        linear-gradient(145deg, #f9fcfd 0%, #e8f4f6 58%, #f6fafb 100%);
}

:root[data-theme="light"] .team-tracker-theme-zone .team-tracker-shell::before {
    opacity: 0.28;
    background-image:
        linear-gradient(rgba(8, 145, 180, 0.08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(8, 145, 180, 0.08) 1px, transparent 1px);
}

:root[data-theme="light"] .team-tracker-theme-zone .tracker-hero {
    border-color: rgba(22, 127, 157, 0.21);
    background: linear-gradient(110deg, #ffffff, #e2f1f4);
    box-shadow: 0 18px 40px rgba(41, 83, 98, 0.12), inset 3px 0 0 var(--tracker-cyan);
}

:root[data-theme="light"] .team-tracker-theme-zone .tracker-hero p {
    color: var(--app-text-secondary);
}

:root[data-theme="light"] .team-tracker-theme-zone :is(.tracker-live-chip, .tracker-icon-button, .tracker-auto-button, .tracker-play-button) {
    color: #315b6b;
    border-color: rgba(22, 127, 157, 0.2);
    background: rgba(255, 255, 255, 0.82);
    box-shadow: 0 6px 15px rgba(41, 83, 98, 0.08);
}

:root[data-theme="light"] .team-tracker-theme-zone :is(.tracker-icon-button, .tracker-auto-button, .tracker-play-button):hover {
    border-color: rgba(8, 145, 180, 0.42);
    background: #e1f2f5;
}

:root[data-theme="light"] .team-tracker-theme-zone .tracker-kpi {
    border-color: rgba(22, 127, 157, 0.17);
    background: linear-gradient(145deg, #ffffff, #e7f3f6);
    box-shadow: 0 9px 22px rgba(41, 83, 98, 0.09), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .team-tracker-theme-zone .tracker-kpi span,
:root[data-theme="light"] .team-tracker-theme-zone .tracker-kpi small {
    color: var(--app-text-secondary);
}

:root[data-theme="light"] .team-tracker-theme-zone .tracker-toolbar {
    border-color: rgba(22, 127, 157, 0.18);
    background: rgba(255, 255, 255, 0.76);
    box-shadow: 0 8px 20px rgba(41, 83, 98, 0.08);
}

:root[data-theme="light"] .team-tracker-theme-zone :is(.tracker-toolbar input, .tracker-toolbar select, .tracker-route-controls select) {
    color: var(--app-text-primary);
    -webkit-text-fill-color: var(--app-text-primary);
    border-color: rgba(22, 127, 157, 0.23);
    background: #ffffff;
    color-scheme: light;
}

:root[data-theme="light"] .team-tracker-theme-zone :is(.tracker-toolbar select, .tracker-route-controls select) option {
    color: var(--app-text-primary);
    background: #f8fcfd;
}

:root[data-theme="light"] .team-tracker-theme-zone .tracker-search > i,
:root[data-theme="light"] .team-tracker-theme-zone .tracker-search button {
    color: #087fa4;
}

:root[data-theme="light"] .team-tracker-theme-zone .tracker-search > i {
    z-index: 1;
    pointer-events: none;
}

:root[data-theme="light"] .team-tracker-theme-zone .tracker-search input {
    padding-left: 2.5rem !important;
    padding-right: 2.35rem !important;
}

:root[data-theme="light"] .team-tracker-theme-zone .tracker-workspace {
    border-color: rgba(8, 145, 180, 0.3);
    background: rgba(255, 255, 255, 0.84);
    box-shadow: 0 20px 46px rgba(41, 83, 98, 0.16);
}

:root[data-theme="light"] .team-tracker-theme-zone .tracker-roster {
    border-color: rgba(22, 127, 157, 0.16);
    background: linear-gradient(180deg, #ffffff, #e8f3f6);
}

:root[data-theme="light"] .team-tracker-theme-zone :is(.tracker-panel-heading, .tracker-map-toolbar, .tracker-roster__columns) {
    border-color: rgba(22, 127, 157, 0.14);
}

:root[data-theme="light"] .team-tracker-theme-zone :is(.tracker-panel-heading small, .tracker-roster__columns, .tracker-person small, .tracker-map-context) {
    color: var(--app-text-muted);
}

:root[data-theme="light"] .team-tracker-theme-zone .tracker-person {
    color: var(--app-text-primary);
}

:root[data-theme="light"] .team-tracker-theme-zone .tracker-person:hover {
    border-color: rgba(8, 145, 180, 0.2);
    background: rgba(210, 239, 243, 0.65);
}

:root[data-theme="light"] .team-tracker-theme-zone .tracker-person.is-selected {
    border-color: rgba(8, 145, 180, 0.42);
    background: linear-gradient(90deg, rgba(198, 236, 241, 0.9), rgba(255, 248, 213, 0.55));
    box-shadow: inset 4px 0 0 #087fa4, 0 6px 14px rgba(41, 83, 98, 0.1);
}

:root[data-theme="light"] .team-tracker-theme-zone .tracker-person.is-selected strong {
    color: #153f51;
}

:root[data-theme="light"] .team-tracker-theme-zone .tracker-person.is-selected small {
    color: #416574;
}

:root[data-theme="light"] .team-tracker-theme-zone .tracker-avatar__status {
    border-color: #ffffff;
}

:root[data-theme="light"] .team-tracker-theme-zone .tracker-presence {
    border-color: rgba(22, 127, 157, 0.15);
    background: rgba(229, 241, 244, 0.72);
}

:root[data-theme="light"] .team-tracker-theme-zone .tracker-presence span {
    color: #416574;
}

:root[data-theme="light"] .team-tracker-theme-zone .tracker-map-panel {
    background: radial-gradient(circle at 50% 15%, rgba(23, 190, 211, 0.09), transparent 38rem);
}

:root[data-theme="light"] .team-tracker-theme-zone .tracker-view-switch {
    border-color: rgba(22, 127, 157, 0.18);
    background: rgba(220, 238, 242, 0.84);
}

:root[data-theme="light"] .team-tracker-theme-zone .tracker-view-switch button {
    color: #577583;
}

:root[data-theme="light"] .team-tracker-theme-zone .tracker-view-switch button.is-active {
    color: #ffffff;
    border: 1px solid rgba(7, 95, 121, 0.3);
    background: linear-gradient(135deg, #087fa4, #11896f);
    box-shadow: 0 6px 16px rgba(8, 127, 164, 0.22);
    text-shadow: 0 1px 2px rgba(3, 38, 50, 0.28);
}

:root[data-theme="light"] .team-tracker-theme-zone .tracker-view-switch button.is-active i {
    color: inherit;
}

:root[data-theme="light"] .team-tracker-theme-zone .tracker-route-controls {
    border-color: rgba(22, 127, 157, 0.15);
    background: rgba(239, 247, 249, 0.88);
}

:root[data-theme="light"] .team-tracker-theme-zone .tracker-alert {
    color: #7a570c;
    border-color: rgba(181, 116, 5, 0.28);
    background: rgba(255, 245, 211, 0.82);
}

:root[data-theme="light"] .team-tracker-theme-zone .tracker-alert button {
    color: #8a5d05;
}

:root[data-theme="light"] .team-tracker-theme-zone .tracker-timeline span {
    color: var(--app-text-secondary);
}

:root[data-theme="light"] .team-tracker-theme-zone :is(.tracker-map-loading, .tracker-map-empty) {
    color: var(--app-text-primary);
    background: rgba(241, 248, 250, 0.9);
}

:root[data-theme="light"] .team-tracker-theme-zone .tracker-map {
    background: #dbecef;
}

:root[data-theme="light"] .team-tracker-theme-zone .tracker-map-legend {
    border-color: rgba(22, 127, 157, 0.2);
    background: rgba(255, 255, 255, 0.88);
    box-shadow: 0 8px 18px rgba(41, 83, 98, 0.12);
}

:root[data-theme="light"] .team-tracker-theme-zone .tracker-map-legend span {
    color: #416574;
}

:root[data-theme="light"] .team-tracker-theme-zone .tracker-selection-strip {
    border-color: rgba(22, 127, 157, 0.15);
    background: rgba(246, 251, 252, 0.94);
}

:root[data-theme="light"] .team-tracker-theme-zone .tracker-selection-strip > div > small,
:root[data-theme="light"] .team-tracker-theme-zone .tracker-selection-strip dt {
    color: var(--app-text-muted);
}

:root[data-theme="light"] .team-tracker-theme-zone .tracker-selection-strip dl div {
    border-color: rgba(22, 127, 157, 0.14);
    background: rgba(229, 241, 244, 0.72);
}

:root[data-theme="light"] .team-tracker-theme-zone .tracker-selection-strip dd {
    color: var(--app-text-primary);
}

:root[data-theme="light"] .team-tracker-theme-zone .tracker-route-metrics div {
    border-color: rgba(22, 127, 157, 0.14);
    background: #e5f2f5;
}

:root[data-theme="light"] .team-tracker-theme-zone .tracker-route-metrics span {
    color: var(--app-text-muted);
}

:root[data-theme="light"] .team-tracker-theme-zone .tracker-insights article {
    border-color: rgba(22, 127, 157, 0.16);
    background: linear-gradient(145deg, #ffffff, #e8f3f6);
    box-shadow: 0 8px 20px rgba(41, 83, 98, 0.08);
}

:root[data-theme="light"] .team-tracker-theme-zone .tracker-insights p {
    color: var(--app-text-secondary);
}

:root[data-theme="light"] .team-tracker-theme-zone :is(.tracker-loading, .tracker-unavailable) {
    color: var(--app-text-primary);
    background: linear-gradient(145deg, #ffffff, #e6f2f5);
}

:root[data-theme="light"] .team-tracker-theme-zone .tracker-unavailable p {
    color: var(--app-text-secondary);
}

@media (prefers-reduced-motion: no-preference) {
    .b2b-theme-zone,
    .b2b-theme-zone .b2bconnector__workspace,
    .b2b-theme-zone .main-menu-grl,
    .b2b-theme-zone :is(.b2border__panel, .b2border__tablePanel, .b2border__editor, .b2bcredit__panel),
    .kpi-theme-zone,
    .kpi-theme-zone .kpi-workspace__hero,
    .kpi-theme-zone .kpi-panel-shell,
    .kpi-theme-zone :is(.kpi-editor, .kpi-library),
    .team-tracker-theme-zone,
    .team-tracker-theme-zone :is(.tracker-hero, .tracker-kpi, .tracker-toolbar, .tracker-workspace, .tracker-insights article) {
        transition: color 180ms ease, background 220ms ease, border-color 180ms ease, box-shadow 220ms ease;
    }
}

/* Ecommerce store configuration contrast refinements. */
:root[data-theme="light"] :is(.ecommerce-store-config-theme-zone, .draggable-content-theme-scope) .uxcfg .uxcfg__globalCatalogTitle {
    color: #075f79;
}

:root[data-theme="light"] :is(.ecommerce-store-config-theme-zone, .draggable-content-theme-scope) .uxcfg .uxcfg__globalCatalogSub {
    color: #496b79;
}

:root[data-theme="light"] :is(.ecommerce-store-config-theme-zone, .draggable-content-theme-scope) .uxcfg .uxcfg__globalCatalogCount {
    color: #075f79;
    border-color: rgba(8, 127, 164, 0.24);
    background: rgba(191, 232, 240, 0.72);
}

:root[data-theme="light"] :is(.ecommerce-store-config-theme-zone, .draggable-content-theme-scope) .uxcfg .uxcfg__globalCard {
    color: #173847;
    border-color: rgba(20, 127, 157, 0.2);
    background: linear-gradient(145deg, #ffffff, #edf6f8);
}

:root[data-theme="light"] :is(.ecommerce-store-config-theme-zone, .draggable-content-theme-scope) .uxcfg .uxcfg__globalCardName {
    color: #173847;
}

:root[data-theme="light"] :is(.ecommerce-store-config-theme-zone, .draggable-content-theme-scope) .uxcfg .uxcfg__globalCardMeta {
    color: #187258;
}

:root[data-theme="light"] :is(.ecommerce-store-config-theme-zone, .draggable-content-theme-scope) .uxcfg .uxcfg__globalCardCode {
    color: #587684;
}

:root[data-theme="light"] :is(.ecommerce-store-config-theme-zone, .draggable-content-theme-scope) .uxcfg .uxcfg__globalValuePreview {
    border: 1px solid rgba(20, 127, 157, 0.14);
    background: #dfecef;
}

:root[data-theme="light"] :is(.ecommerce-store-config-theme-zone, .draggable-content-theme-scope) .uxcfg .uxcfg__globalValueLabel {
    color: #315d6d;
}

:root[data-theme="light"] :is(.ecommerce-store-config-theme-zone, .draggable-content-theme-scope) .uxcfg .uxcfg__globalValueText {
    color: #173847;
}

:root[data-theme="light"] :is(.ecommerce-store-config-theme-zone, .draggable-content-theme-scope) .uxcfg .uxcfg__globalEditor {
    border-color: rgba(20, 127, 157, 0.18);
    background: rgba(232, 243, 246, 0.9);
}

:root[data-theme="light"] :is(.ecommerce-store-config-theme-zone, .draggable-content-theme-scope) .uxcfg :is(.uxrow__tokenValue, .uxrow__chip, .uxcfg__metaPill) {
    color: #315d6d;
}

:root[data-theme="light"] :is(.ecommerce-store-config-theme-zone, .draggable-content-theme-scope) .uxcfg :is(.uxrow__name, .uxcfg__editorName, .uxcfg__titleMain) {
    color: #173847;
}

:root[data-theme="light"] :is(.ecommerce-store-config-theme-zone, .draggable-content-theme-scope) .uxcfg .uxcfg__sectionItem {
    border-color: rgba(8, 127, 164, 0.2);
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(226, 240, 244, 0.9));
}

:root[data-theme="light"] :is(.ecommerce-store-config-theme-zone, .draggable-content-theme-scope) .uxcfg .uxcfg__sectionSelectArea {
    color: #173847;
}

:root[data-theme="light"] :is(.ecommerce-store-config-theme-zone, .draggable-content-theme-scope) .uxcfg .uxcfg__sectionEditButton {
    color: #ffffff;
    border-color: rgba(6, 95, 121, 0.38);
    background: linear-gradient(135deg, #087fa4, #11896f);
    box-shadow: 0 6px 14px rgba(8, 127, 164, 0.2);
    text-transform: none;
}

:root[data-theme="light"] :is(.ecommerce-store-config-theme-zone, .draggable-content-theme-scope) .uxcfg .uxcfg__sectionEditButton:hover,
:root[data-theme="light"] :is(.ecommerce-store-config-theme-zone, .draggable-content-theme-scope) .uxcfg .uxcfg__sectionRow.is-selected .uxcfg__sectionEditButton {
    color: #ffffff;
    border-color: rgba(5, 79, 100, 0.5);
    background: linear-gradient(135deg, #066d8b, #0d765f);
}

:root[data-theme="light"] :is(.ecommerce-store-config-theme-zone, .draggable-content-theme-scope) .uxcfg .uxcolor-editor .uxedit__iconBtn {
    border-color: rgba(8, 127, 164, 0.42);
    background: #ffffff;
    box-shadow: 0 3px 10px rgba(41, 83, 98, 0.14), inset 0 0 0 1px rgba(255, 255, 255, 0.9);
}

:root[data-theme="light"] :is(.ecommerce-store-config-theme-zone, .draggable-content-theme-scope) .uxcfg .uxcolor-editor .uxedit__iconBtn:hover {
    border-color: #087fa4;
    background: #f4fbfc;
    box-shadow: 0 6px 15px rgba(8, 127, 164, 0.2);
}

:root[data-theme="light"] :is(.ecommerce-store-config-theme-zone, .draggable-content-theme-scope) .uxcfg .uxcolor-editor .uxedit__swatch {
    width: 18px;
    height: 18px;
    border: 2px solid #ffffff;
    outline: 1px solid rgba(23, 56, 71, 0.58);
    box-shadow: 0 1px 4px rgba(23, 56, 71, 0.24);
}

:root[data-theme="light"] :is(.ecommerce-store-config-theme-zone, .draggable-content-theme-scope) .uxcfg .uxcolor-editor .uxedit__alphaValue {
    color: #315d6d;
    opacity: 1;
}

:root[data-theme="light"] :is(.ecommerce-store-config-theme-zone, .draggable-content-theme-scope) .uxcfg .uxcolor-editor input[type="range"] {
    accent-color: #087fa4;
}

:root[data-theme="light"] .ecommerce-store-config-theme-zone .form-floating .form-control-plaintext {
    min-height: 46px;
    color: var(--app-text-primary);
    border-color: rgba(20, 127, 157, 0.22);
    background: linear-gradient(180deg, #ffffff, #e5f1f4);
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .ecommerce-store-config-theme-zone .form-floating .form-control-plaintext:hover {
    border-color: rgba(8, 145, 180, 0.4);
    background: linear-gradient(180deg, #ffffff, #d9edf2);
}

:root[data-theme="light"] .ecommerce-store-config-theme-zone .form-floating .form-control-plaintext a {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 0.28rem 0.68rem;
    border: 1px solid rgba(8, 127, 164, 0.22);
    border-radius: 999px;
    color: #075f79;
    background: rgba(194, 232, 240, 0.68);
    font-weight: 750;
    text-decoration: none;
}

:root[data-theme="light"] .ecommerce-store-config-theme-zone .form-floating .form-control-plaintext a:hover,
:root[data-theme="light"] .ecommerce-store-config-theme-zone .form-floating .form-control-plaintext a:focus-visible {
    color: #ffffff;
    border-color: rgba(7, 95, 121, 0.34);
    background: linear-gradient(135deg, #087fa4, #11896f);
    box-shadow: 0 0 0 3px rgba(8, 145, 180, 0.12);
    outline: none;
    text-decoration: none;
}

/* Custom Site Elements uses compact semantic chips that need their own light palette. */
:root[data-theme="light"] :is(.ecommerce-store-config-theme-zone, .draggable-content-theme-scope) .ux-html-config-shell :is(.ux-eyebrow, .ux-panel-kicker) {
    color: #087fa4;
}

:root[data-theme="light"] :is(.ecommerce-store-config-theme-zone, .draggable-content-theme-scope) .ux-html-config-shell .ux-elements-count {
    color: #075f79;
    border-color: rgba(8, 127, 164, 0.22);
    background: linear-gradient(145deg, #e5f3f6, #d5e9ee);
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] :is(.ecommerce-store-config-theme-zone, .draggable-content-theme-scope) .ux-html-config-shell .ux-page-badge {
    color: #075f79;
    border-color: rgba(8, 127, 164, 0.24);
    background: #d8edf2;
}

:root[data-theme="light"] :is(.ecommerce-store-config-theme-zone, .draggable-content-theme-scope) .ux-html-config-shell .ux-type-pill {
    color: #205d74;
    border-color: rgba(34, 121, 155, 0.22);
    background: linear-gradient(135deg, #dceef4, #e8f5f2);
}

:root[data-theme="light"] :is(.ecommerce-store-config-theme-zone, .draggable-content-theme-scope) .ux-html-config-shell .ux-status-chip {
    color: #116548;
    border-color: rgba(17, 126, 87, 0.24);
    background: #d8f1e6;
}

:root[data-theme="light"] :is(.ecommerce-store-config-theme-zone, .draggable-content-theme-scope) .ux-html-config-shell :is(.ux-page-badge, .ux-type-pill, .ux-status-chip) i {
    color: inherit;
}

:root[data-theme="light"] :is(.ecommerce-store-config-theme-zone, .draggable-content-theme-scope) .ux-html-config-shell .ux-icon-btn {
    color: #205d74;
    border: 1px solid rgba(20, 127, 157, 0.18);
    background: linear-gradient(180deg, #ffffff, #e1eef2);
    box-shadow: 0 4px 11px rgba(41, 83, 98, 0.08);
}

:root[data-theme="light"] :is(.ecommerce-store-config-theme-zone, .draggable-content-theme-scope) .ux-html-config-shell .ux-icon-btn:hover {
    color: #ffffff;
    border-color: rgba(7, 95, 121, 0.32);
    background: linear-gradient(135deg, #087fa4, #11896f);
}

:root[data-theme="light"] :is(.ecommerce-store-config-theme-zone, .draggable-content-theme-scope) .ux-html-config-shell .ux-icon-btn-danger {
    color: #9b2949;
    border-color: rgba(178, 47, 84, 0.2);
    background: #f8e5ea;
}

:root[data-theme="light"] :is(.ecommerce-store-config-theme-zone, .draggable-content-theme-scope) .ux-html-config-shell .ux-icon-btn-danger:hover {
    color: #ffffff;
    border-color: #a52e50;
    background: linear-gradient(135deg, #b7375c, #d85577);
}

/* Notification and platform chat windows inherit the active light theme on first open. */
:root[data-theme="light"] .notifications-theme-zone {
    color: #173342;
    background:
        radial-gradient(circle at 12% 0%, rgba(35, 190, 218, 0.12), transparent 42%),
        linear-gradient(145deg, #f8fcfd, #e7f3f6);
}

:root[data-theme="light"] .notifications-theme-zone .notifications-filter {
    color: #173342;
    border-color: rgba(23, 124, 151, 0.22);
    background: rgba(255, 255, 255, 0.86);
    box-shadow: 0 8px 20px rgba(36, 82, 99, 0.08);
}

:root[data-theme="light"] .notifications-theme-zone :is(.notifications-search-input, .notifications-date-field) {
    color: #173342;
    border-color: #b9d7df;
    background: linear-gradient(180deg, #ffffff, #eef6f8);
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .notifications-theme-zone .notifications-search-input::placeholder {
    color: #6a8591;
}

:root[data-theme="light"] .notifications-theme-zone .notifications-date-field:focus-within {
    border-color: #149ec0;
    background: #ffffff;
    animation: none;
    box-shadow: 0 0 0 3px rgba(20, 158, 192, 0.13);
}

:root[data-theme="light"] .notifications-theme-zone .notifications-date-label {
    color: #587480;
    background: #edf6f8;
}

:root[data-theme="light"] .notifications-theme-zone :is(.notifications-date-field:focus-within, .notifications-date-field.has-value) .notifications-date-label {
    color: #087fa4;
    background: #ffffff;
}

:root[data-theme="light"] .notifications-theme-zone .notifications-date-input {
    color: #173342 !important;
}

:root[data-theme="light"] .notifications-theme-zone .notifications-date-input::-webkit-calendar-picker-indicator {
    filter: none;
}

:root[data-theme="light"] .notifications-theme-zone .notifications-clear-button {
    color: #225468;
    border: 1px solid #c2dce3;
    background: #e8f3f6;
}

:root[data-theme="light"] .notifications-theme-zone .notifications-clear-button:hover {
    color: #ffffff;
    background: #087fa4;
}

:root[data-theme="light"] .notifications-theme-zone .notifications-count,
:root[data-theme="light"] .notifications-theme-zone .chat-empty-state {
    color: #587480;
}

:root[data-theme="light"] .notifications-theme-zone .chat-messages {
    border: 1px solid rgba(23, 124, 151, 0.16);
    background:
        radial-gradient(circle at 20% 0%, rgba(76, 205, 218, 0.09), transparent 42%),
        #edf6f8;
}

:root[data-theme="light"] .notifications-theme-zone .notification-audit-card {
    color: #173342;
    border-color: #c6dde3;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 8px 20px rgba(36, 82, 99, 0.1);
}

:root[data-theme="light"] .notifications-theme-zone :is(.notification-main-message, .notification-audit-meta .audit-meta-row, .notification-audit-related .related-table td) {
    color: #173342;
}

:root[data-theme="light"] .notifications-theme-zone :is(.notification-main-date, .notification-audit-meta .audit-meta-row dt, .notification-audit-meta .audit-meta-row .audit-id-tag, .notification-audit-related .related-title, .notification-audit-related .related-table th) {
    color: #587480;
}

:root[data-theme="light"] .notifications-theme-zone .notification-info-button {
    color: #087fa4;
    background: #e3f2f6;
    box-shadow: 0 0 0 1px rgba(8, 127, 164, 0.34);
}

:root[data-theme="light"] .notifications-theme-zone .notification-info-button:hover {
    color: #ffffff;
    background: #087fa4;
}

:root[data-theme="light"] .notifications-theme-zone .notification-details {
    border-top-color: rgba(63, 112, 128, 0.34);
}

:root[data-theme="light"] .notifications-theme-zone .notification-audit-related .related-table :is(th, td) {
    border-bottom-color: #d4e5e9;
}

:root[data-theme="light"] .chat-theme-zone {
    color: #173342;
    border-color: #bdd9e1;
    background:
        radial-gradient(circle at 14% 0%, rgba(35, 190, 218, 0.11), transparent 38%),
        linear-gradient(145deg, #f8fcfd, #e8f4f6);
    box-shadow: 0 12px 30px rgba(36, 82, 99, 0.14);
}

:root[data-theme="light"] .chat-theme-zone .chat-users-panel {
    border-color: #c2dce3;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), #e8f3f6);
}

:root[data-theme="light"] .chat-theme-zone .chat-directory-tabs {
    border-color: #c0dbe2;
    background: #e6f1f4;
}

:root[data-theme="light"] .chat-theme-zone .chat-directory-tabs button {
    color: #4f6f7c;
}

:root[data-theme="light"] .chat-theme-zone .chat-directory-tabs button.is-active {
    color: #ffffff;
    background: linear-gradient(135deg, #087fa4, #15927e);
    box-shadow: inset 0 0 0 1px rgba(4, 89, 111, 0.2);
}

:root[data-theme="light"] .chat-theme-zone .chat-users-count-badge {
    color: #075f79;
    border-color: rgba(8, 127, 164, 0.3);
    background: #dceff3;
}

:root[data-theme="light"] .chat-theme-zone :is(.chat-users-search, .chat-input, .chat-link-input) {
    color: #173342;
    border-color: #b7d4dc;
    background: #ffffff;
    box-shadow: inset 0 1px 2px rgba(36, 82, 99, 0.06);
}

:root[data-theme="light"] .chat-theme-zone :is(.chat-users-search, .chat-input, .chat-link-input)::placeholder {
    color: #6d8792;
}

:root[data-theme="light"] .chat-theme-zone .chat-user-item {
    color: #173342;
}

:root[data-theme="light"] .chat-theme-zone .chat-user-item:hover {
    background: #e1f0f3;
    box-shadow: 0 4px 10px rgba(36, 82, 99, 0.11);
}

:root[data-theme="light"] .chat-theme-zone .chat-user-item.selected {
    color: #0d4c60;
    border-color: rgba(8, 127, 164, 0.45);
    background: linear-gradient(135deg, #d4eef3, #ddf2e9);
}

:root[data-theme="light"] .chat-theme-zone .chat-user-presence-icon {
    background: #ffffff;
}

:root[data-theme="light"] .chat-theme-zone :is(.chat-user-status, .chat-users-empty, .chat-users-count) {
    color: #627e89;
}

:root[data-theme="light"] .chat-theme-zone .chat-user-self {
    color: #116548;
    border-color: rgba(17, 126, 87, 0.24);
    background: #d8f1e6;
}

:root[data-theme="light"] .chat-theme-zone .chat-user-block-button {
    border-color: #edc5cf;
    background: #f8e8ec;
}

:root[data-theme="light"] .chat-theme-zone .chat-header {
    border-bottom-color: #cbdfe4;
}

:root[data-theme="light"] .chat-theme-zone :is(.chat-current-target, .chat-channel-name) {
    color: #173342;
}

:root[data-theme="light"] .chat-theme-zone .chat-current-target--idle {
    color: #587480;
}

:root[data-theme="light"] .chat-theme-zone .chat-messages {
    border: 1px solid #c6dde3;
    background:
        radial-gradient(circle at 20% 0%, rgba(65, 196, 209, 0.1), transparent 42%),
        #edf6f8;
}

:root[data-theme="light"] .chat-theme-zone .chat-empty-state {
    color: #66818c;
}

:root[data-theme="light"] .chat-theme-zone .chat-input-row {
    border-top-color: #cbdfe4;
}

:root[data-theme="light"] .chat-theme-zone .chat-composer-icon {
    color: #087fa4;
    border-color: #b8d8e0;
    background: linear-gradient(180deg, #ffffff, #dfedf1);
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .chat-theme-zone :is(.chat-composer-icon:hover, .chat-composer-icon.is-active) {
    color: #ffffff;
    border-color: #087fa4;
    background: linear-gradient(135deg, #087fa4, #15927e);
}

:root[data-theme="light"] .chat-theme-zone .chat-composer-tools__menu {
    border-color: #b7d8e0;
    background: linear-gradient(145deg, #ffffff, #e6f2f5);
    box-shadow: 0 18px 42px rgba(36, 82, 99, 0.2);
}

:root[data-theme="light"] .chat-theme-zone .chat-composer-tools__label {
    color: #587480;
}

:root[data-theme="light"] .chat-theme-zone .chat-composer-tools__item {
    color: #234b5c;
    border-color: #c4dce2;
    background: #f5fafb;
}

:root[data-theme="light"] .chat-theme-zone .chat-composer-tools__icon {
    color: #087fa4;
    border-color: #b8d8e0;
    background: #e1f1f4;
}

:root[data-theme="light"] .chat-theme-zone .chat-composer-tools__item:hover {
    color: #ffffff;
    border-color: #087fa4;
    background: linear-gradient(145deg, #087fa4, #15927e);
}

:root[data-theme="light"] .chat-theme-zone :is(.chat-emoji-picker, .chat-recording) {
    color: #173342;
    border-color: #c0dbe2;
    background: #edf6f8;
}

:root[data-theme="light"] .chat-theme-zone .chat-emoji-picker__item {
    background: #ffffff;
}

:root[data-theme="light"] .chat-theme-zone .chat-attachment-chip {
    color: #174f62;
    border-color: #b8d8e0;
    background: #dceff3;
}

:root[data-theme="light"] .chat-theme-zone .chat-room-item:hover {
    background: #e1f0f3;
}

:root[data-theme="light"] .chat-theme-zone .chat-room-item.selected {
    border-color: rgba(8, 127, 164, 0.45);
    background: linear-gradient(100deg, #d4eef3, #ddf2e9);
}

:root[data-theme="light"] .chat-theme-zone .chat-room-avatar {
    color: #087fa4;
    border-color: #b7d8e0;
    background: #e0f0f3;
}

:root[data-theme="light"] .chat-theme-zone .chat-room-info strong {
    color: #173342;
}

:root[data-theme="light"] .chat-theme-zone .chat-room-info small {
    color: #627e89;
}

:root[data-theme="light"] .chat-theme-zone .chat-contact-browser__trigger,
:root[data-theme="light"] .chat-theme-zone .chat-contact-browser__search-row > button,
:root[data-theme="light"] .chat-theme-zone .chat-contact-browser__result > button {
    color: #087fa4;
    border-color: #afd3dc;
    background: #e2f1f4;
}

:root[data-theme="light"] .chat-theme-zone .chat-contact-browser__panel {
    color: #173342;
    border-color: #afd3dc;
    background: linear-gradient(145deg, #ffffff, #e5f2f5);
    box-shadow: 0 16px 34px rgba(36, 82, 99, 0.2);
}

:root[data-theme="light"] .chat-theme-zone .chat-contact-browser__search-row input {
    color: #173342;
    border-color: #bfd9e0;
    background: #ffffff;
}

:root[data-theme="light"] .chat-theme-zone .chat-contact-browser__result {
    border-color: #c8dfe4;
    background: rgba(255, 255, 255, 0.82);
}

:root[data-theme="light"] .chat-theme-zone .chat-contact-browser__identity strong {
    color: #173342;
}

:root[data-theme="light"] .chat-theme-zone .chat-contact-browser__identity small,
:root[data-theme="light"] .chat-theme-zone :is(.chat-contact-browser__empty, .chat-contact-browser__message) {
    color: #627e89;
}

:root[data-theme="light"] .chat-theme-zone :is(.chat-contact-browser__empty, .chat-contact-browser__message) {
    background: #edf6f8;
}

:root[data-theme="light"] .chat-theme-zone .chat-room-editor__trigger {
    color: #087fa4;
    border-color: #afd3dc;
    background: linear-gradient(180deg, #ffffff, #dcecf0);
    box-shadow: 0 5px 12px rgba(36, 82, 99, 0.12);
}

:root[data-theme="light"] .chat-theme-zone .chat-room-editor__panel {
    color: #173342;
    border-color: #afd3dc;
    background: linear-gradient(155deg, #ffffff, #e5f2f5);
    box-shadow: 0 22px 48px rgba(36, 82, 99, 0.22);
}

:root[data-theme="light"] .chat-theme-zone :is(.chat-room-editor__header span, .chat-room-editor__members-header span:last-child) {
    color: #087fa4;
}

:root[data-theme="light"] .chat-theme-zone :is(.chat-room-editor__header button, .chat-room-editor__cancel) {
    color: #315d6d;
    border-color: #bfd8df;
    background: #edf5f7;
}

:root[data-theme="light"] .chat-theme-zone :is(.chat-room-editor__name label, .chat-room-editor__members-header) {
    color: #4f6f7c;
}

:root[data-theme="light"] .chat-theme-zone :is(.chat-room-editor__name input, .chat-room-editor__search) {
    color: #173342;
    border-color: #b7d4dc;
    background: #ffffff;
}

:root[data-theme="light"] .chat-theme-zone :is(.chat-room-editor__name small, .chat-room-editor__member-info small, .chat-room-editor__empty) {
    color: #627e89;
}

:root[data-theme="light"] .chat-theme-zone .chat-room-editor__member {
    color: #173342;
    border-color: #c8dfe4;
    background: rgba(255, 255, 255, 0.82);
}

:root[data-theme="light"] .chat-theme-zone .chat-room-editor__member:hover {
    border-color: #78bccb;
    background: #e4f2f4;
}

:root[data-theme="light"] .chat-theme-zone .chat-room-editor__member.is-selected {
    border-color: #4ca8bb;
    background: linear-gradient(100deg, #d4eef3, #ddf2e9);
}

:root[data-theme="light"] .chat-theme-zone .chat-message.other .chat-message-bubble {
    color: #173342;
    border-color: #c2dce3;
    background: #ffffff;
    box-shadow: 0 6px 14px rgba(36, 82, 99, 0.13);
}

:root[data-theme="light"] .chat-theme-zone :is(.chat-file-preview, .chat-link-preview, .chat-audio-preview) {
    color: #173342;
    border-color: #b9d8e0;
    background: rgba(231, 244, 247, 0.9);
}

:root[data-theme="light"] .chat-theme-zone :is(.chat-file-preview small, .chat-audio-preview__label small) {
    color: #627e89;
}

:root[data-theme="light"] .chat-theme-zone .chat-audio-preview__label strong {
    color: #173342;
}

:root[data-theme="light"] .chat-theme-zone .chat-audio-preview__open {
    color: #087fa4;
    border-color: #b8d8e0;
    background: #ffffff;
}

:root[data-theme="light"] .chat-theme-zone .chat-preview-dialog {
    border-color: #9fcbd5;
    background: #edf6f8;
    box-shadow: 0 22px 70px rgba(24, 60, 75, 0.28);
}

:root[data-theme="light"] .chat-theme-zone .chat-preview-dialog > header {
    color: #173342;
    background: linear-gradient(90deg, #d9edf2, #eef6f8);
}

:root[data-theme="light"] .chat-theme-zone .chat-preview-dialog > header > button {
    color: #245567;
    border-color: #b7d4dc;
    background: #ffffff;
}

/* Payroll routes use the shared MasterTable light boundary and a dedicated liquidation palette. */
:root[data-theme="light"] .payroll-theme-zone {
    color-scheme: light;
}

:root[data-theme="light"] .payroll-liquidation-theme-zone {
    --payliq-panel: linear-gradient(180deg, rgba(255, 255, 255, 0.97), rgba(234, 245, 248, 0.98));
    --payliq-panel-soft: linear-gradient(180deg, rgba(250, 253, 254, 0.96), rgba(226, 240, 244, 0.96));
    --payliq-border: rgba(29, 129, 153, 0.2);
    --payliq-border-strong: rgba(8, 127, 164, 0.52);
    --payliq-text: #173342;
    --payliq-muted: #587480;
    --payliq-cyan: #087fa4;
    --payliq-success: #147a58;
    --payliq-warn: #98610c;
    --payliq-error: #b63758;
    --payliq-shadow: 0 18px 40px rgba(36, 82, 99, 0.13);
}

:root[data-theme="light"] .payroll-liquidation-theme-zone .payliq__hero {
    background:
        radial-gradient(circle at top right, rgba(255, 186, 63, 0.14), transparent 30%),
        radial-gradient(circle at top left, rgba(31, 183, 209, 0.14), transparent 28%),
        linear-gradient(155deg, #ffffff, #e9f4f6);
}

:root[data-theme="light"] .payroll-liquidation-theme-zone :is(.payliq__hero h2, .payliq__panelHead h3) {
    color: #173342;
}

:root[data-theme="light"] .payroll-liquidation-theme-zone :is(.payliq__metric, .payliq__runMetric) {
    border-color: rgba(29, 129, 153, 0.18);
    background: rgba(255, 255, 255, 0.72);
}

:root[data-theme="light"] .payroll-liquidation-theme-zone :is(.payliq__metric strong, .payliq__summaryCard strong, .payliq__runMetric strong) {
    color: #173342;
}

:root[data-theme="light"] .payroll-liquidation-theme-zone .payliq__panel--table {
    background:
        radial-gradient(circle at top right, rgba(255, 186, 63, 0.1), transparent 24%),
        linear-gradient(180deg, #f9fcfd, #e8f3f6);
}

:root[data-theme="light"] .payroll-liquidation-theme-zone .payliq__pill {
    color: #075f79;
    border-color: rgba(8, 127, 164, 0.24);
    background: #dceff3;
}

:root[data-theme="light"] .payroll-liquidation-theme-zone .payliq__iconActions {
    border-color: #c1dce3;
    background: rgba(255, 255, 255, 0.82);
    box-shadow: inset 0 1px 0 #ffffff, 0 8px 20px rgba(36, 82, 99, 0.08);
}

:root[data-theme="light"] .payroll-liquidation-theme-zone .payliq__iconAction {
    border-color: #bdd8df;
    background: linear-gradient(180deg, #ffffff, #dfedf1);
    box-shadow: 0 8px 18px rgba(36, 82, 99, 0.11), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .payroll-liquidation-theme-zone .payliq__iconAction:hover:not(:disabled) {
    border-color: #47a7ba;
    background: linear-gradient(180deg, #f8fdfe, #cfe8ed);
    box-shadow: 0 0 0 3px rgba(8, 127, 164, 0.1), 0 10px 22px rgba(36, 82, 99, 0.15);
}

:root[data-theme="light"] .payroll-liquidation-theme-zone .payliq__iconAction--primary {
    border-color: rgba(8, 127, 164, 0.42);
    background: linear-gradient(135deg, #d8f2f5, #c9e5f5);
}

:root[data-theme="light"] .payroll-liquidation-theme-zone .payliq__input {
    color: #173342;
    border-color: #b9d7df;
    background: #ffffff;
    box-shadow: inset 0 1px 2px rgba(36, 82, 99, 0.05);
}

:root[data-theme="light"] .payroll-liquidation-theme-zone .payliq__input::placeholder {
    color: #758d97;
}

:root[data-theme="light"] .payroll-liquidation-theme-zone .payliq__input option {
    color: #173342;
    background: #ffffff;
}

:root[data-theme="light"] .payroll-liquidation-theme-zone .payliq__tab {
    color: #587480;
    border-color: #c3dce2;
    background: rgba(255, 255, 255, 0.68);
}

:root[data-theme="light"] .payroll-liquidation-theme-zone .payliq__tab:hover {
    color: #075f79;
    border-color: #77b9c8;
}

:root[data-theme="light"] .payroll-liquidation-theme-zone .payliq__tab--active {
    color: #ffffff;
    border-color: #087fa4;
    background: linear-gradient(135deg, #087fa4, #15927e);
    box-shadow: 0 0 0 3px rgba(8, 127, 164, 0.12);
}

:root[data-theme="light"] .payroll-liquidation-theme-zone .payliq__status--cool {
    color: #075f79;
    border-color: rgba(8, 127, 164, 0.24);
    background: #dceff3;
}

:root[data-theme="light"] .payroll-liquidation-theme-zone .payliq__tableWrap {
    border-color: #c4dce2;
    background: rgba(255, 255, 255, 0.72);
}

:root[data-theme="light"] .payroll-liquidation-theme-zone .payliq__table :is(th, td) {
    color: #294d5c;
    border-bottom-color: #d7e6ea;
}

:root[data-theme="light"] .payroll-liquidation-theme-zone .payliq__table th {
    color: #315d6d;
    background: #deedf1;
}

:root[data-theme="light"] .payroll-liquidation-theme-zone .payliq__table tbody tr:nth-child(even) {
    background: rgba(222, 239, 243, 0.42);
}

:root[data-theme="light"] .payroll-liquidation-theme-zone .payliq__table tbody tr:hover {
    background: #d9eef2;
}

:root[data-theme="light"] .payroll-liquidation-theme-zone :is(.payliq__cellTitle, .payliq__tableNet) {
    color: #173342;
}

:root[data-theme="light"] .payroll-liquidation-theme-zone :is(.payliq__banner strong, .payliq__state strong, .payliq__empty strong) {
    color: #173342;
}

:root[data-theme="light"] .payroll-liquidation-theme-zone .payliq__banner--success {
    color: #145a43;
    border-color: #adddca;
    background: linear-gradient(180deg, #effaf5, #dcf1e8);
}

:root[data-theme="light"] .payroll-liquidation-theme-zone .payliq__banner--warning {
    color: #744b0b;
    border-color: #ead19b;
    background: linear-gradient(180deg, #fffaf0, #f8ecd1);
}

:root[data-theme="light"] .payroll-liquidation-theme-zone .payliq__banner--error {
    color: #8c2945;
    border-color: #e7bcc8;
    background: linear-gradient(180deg, #fff5f7, #f8e2e8);
}

:root[data-theme="light"] .payroll-liquidation-theme-zone .payliq__overlay {
    color: #173342;
    border-color: #b9d7df;
    background: rgba(238, 247, 249, 0.9);
}

:root[data-theme="light"] .payroll-liquidation-theme-zone .payliq__tableWrap::-webkit-scrollbar-track {
    background: #deedf1;
}

:root[data-theme="light"] .payroll-liquidation-theme-zone :is(.payliq__rowAction, .payliq__rowActionPlaceholder) {
    display: inline-grid;
    width: 34px;
    height: 34px;
    place-items: center;
    padding: 0;
    border: 1px solid #b9d7df;
    border-radius: 10px;
    color: #315d6d;
    background: linear-gradient(180deg, #ffffff, #e2eff2);
}

:root[data-theme="light"] .payroll-liquidation-theme-zone .payliq__rowAction img {
    width: 20px;
    height: 20px;
    object-fit: contain;
}

/* Billing and subscription management, including agreements and locked-access cards. */
:root[data-theme="light"] .subscription-theme-zone {
    --bg: linear-gradient(145deg, #ffffff 0%, #e9f4f7 58%, #dcecf1 100%);
    --panel: rgba(255, 255, 255, 0.9);
    --panel-soft: rgba(231, 243, 246, 0.88);
    --line: rgba(28, 126, 151, 0.2);
    --line-strong: rgba(8, 127, 164, 0.38);
    --text: #173342;
    --muted: #587480;
    --accent: #087fa4;
    --accent-strong: #056b8b;
    --gold: #a96e0e;
    --success: #147a58;
    --warn: #98610c;
}

:root[data-theme="light"] .subscription-theme-zone :is(.subscription-hero, .subscription-card, .subscription-banner, .subscription-loading) {
    box-shadow: 0 18px 42px rgba(36, 82, 99, 0.13);
}

:root[data-theme="light"] .subscription-theme-zone :is(.subscription-stat, .subscription-plan, .subscription-addon-card, .subscription-plan-selection, .subscription-summary, .subscription-history-row) {
    color: #173342;
    border-color: #c4dce2;
    background: rgba(255, 255, 255, 0.78);
}

:root[data-theme="light"] .subscription-theme-zone :is(input, select, textarea) {
    color: #173342;
    border-color: #b9d7df;
    background: #ffffff;
}

:root[data-theme="light"] .subscription-theme-zone :is(input, textarea)::placeholder {
    color: #738b95;
}

:root[data-theme="light"] .subscription-theme-zone select option {
    color: #173342;
    background: #ffffff;
}

:root[data-theme="light"] .subscription-theme-zone .governance-agreements {
    --governance-ink: #173342;
    --governance-muted: #587480;
    --governance-cyan: #087fa4;
    --governance-mint: #147a58;
    --governance-gold: #98610c;
}

:root[data-theme="light"] .subscription-theme-zone :is(.governance-agreements__header, .governance-agreements__state, .governance-agreements__list, .governance-agreement) {
    color: #173342;
    border-color: #c2dce3;
    background: linear-gradient(145deg, #ffffff, #e8f3f6);
    box-shadow: 0 12px 28px rgba(36, 82, 99, 0.1);
}

:root[data-theme="light"] .subscription-theme-zone .governance-agreements__refresh {
    color: #075f79;
    border-color: #9fcbd5;
    background: #e1f1f4;
}

:root[data-theme="light"] .subscription-theme-zone .governance-agreements__list-item {
    color: #173342;
    background: rgba(255, 255, 255, 0.76);
}

:root[data-theme="light"] .subscription-theme-zone .feature-access-promo {
    color: #173342;
    border-color: #bdd9e1;
    background:
        radial-gradient(circle at 8% 6%, rgba(255, 111, 196, 0.1), transparent 28%),
        radial-gradient(circle at 92% 22%, rgba(28, 185, 210, 0.11), transparent 30%),
        linear-gradient(145deg, #ffffff, #e7f2f5);
    box-shadow: 0 20px 48px rgba(36, 82, 99, 0.14);
}

:root[data-theme="light"] .subscription-theme-zone :is(.feature-access-promo__title, .feature-access-promo__summary) {
    color: #173342;
}

:root[data-theme="light"] .subscription-theme-zone .feature-access-promo__chip {
    color: #315d6d;
    border-color: #bfd9e0;
    background: #edf6f8;
}

/* Personal file library. */
:root[data-theme="light"] .uploaded-files-theme-zone {
    color: #173342;
}

:root[data-theme="light"] .uploaded-files-theme-zone :is(.hero-panel, .toolbar-panel, .content-panel, .state-panel) {
    color: #173342;
    border-color: #c2dce3;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(230, 242, 245, 0.96));
    box-shadow: 0 10px 28px rgba(36, 82, 99, 0.12), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .uploaded-files-theme-zone :is(.hero-copy h1, .stat-value, .content-header-title, .state-title, .file-name, .file-card-title) {
    color: #173342;
}

:root[data-theme="light"] .uploaded-files-theme-zone :is(.hero-copy p, .stat-label, .content-header-caption, .state-text, .file-path, .file-meta, .file-card-subtitle) {
    color: #587480;
}

:root[data-theme="light"] .uploaded-files-theme-zone :is(.stat-card, .meta-box, .file-card) {
    color: #173342;
    border-color: #c6dde3;
    background: rgba(255, 255, 255, 0.78);
}

:root[data-theme="light"] .uploaded-files-theme-zone .file-card {
    box-shadow: 0 10px 24px rgba(36, 82, 99, 0.11), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .uploaded-files-theme-zone .file-card:hover {
    border-color: #86c8d7;
    box-shadow: 0 16px 30px rgba(36, 82, 99, 0.16), 0 0 0 1px rgba(8, 127, 164, 0.06), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .uploaded-files-theme-zone .meta-box span {
    color: #587480;
}

:root[data-theme="light"] .uploaded-files-theme-zone .meta-box strong {
    color: #173342;
}

:root[data-theme="light"] .uploaded-files-theme-zone :is(.folder-badge, .type-chip) {
    color: #17657c;
    border-color: #b6d8e0;
    background: linear-gradient(180deg, #f8fcfd, #deeff3);
    box-shadow: inset 0 1px 0 #ffffff, 0 4px 10px rgba(36, 82, 99, 0.08);
}

:root[data-theme="light"] .uploaded-files-theme-zone .file-card-preview {
    border-color: #c6dde3;
    background: radial-gradient(circle at 50% 35%, rgba(61, 170, 193, 0.14), transparent 48%), linear-gradient(145deg, #f8fcfd, #dcecf0);
}

:root[data-theme="light"] .uploaded-files-theme-zone .file-card-preview::after {
    background: linear-gradient(180deg, transparent 68%, rgba(42, 86, 101, 0.12));
}

:root[data-theme="light"] .uploaded-files-theme-zone .file-card-preview-fallback {
    color: #087fa4;
}

:root[data-theme="light"] .uploaded-files-theme-zone .preview-open-indicator {
    color: #075f79;
    border-color: #a9d2dc;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 5px 14px rgba(36, 82, 99, 0.12);
}

:root[data-theme="light"] .uploaded-files-theme-zone .view-switcher {
    color: #315d6d;
    border-color: #b8d6de;
    background: linear-gradient(180deg, #ffffff, #e2eff2);
    box-shadow: 0 7px 18px rgba(36, 82, 99, 0.12), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .uploaded-files-theme-zone .view-switcher-label {
    color: #587480;
}

:root[data-theme="light"] .uploaded-files-theme-zone .view-option {
    color: #315d6d;
}

:root[data-theme="light"] .uploaded-files-theme-zone .view-option:hover {
    color: #075f79;
    border-color: #b6d8e0;
    background: #edf6f8;
}

:root[data-theme="light"] .uploaded-files-theme-zone .view-option.active {
    color: #ffffff;
    border-color: #087fa4;
    background: linear-gradient(135deg, #087fa4, #12a1ad);
    box-shadow: 0 5px 13px rgba(8, 127, 164, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.28);
}

:root[data-theme="light"] .uploaded-files-theme-zone :is(.modern-select, .search-box, .search-input) {
    color: #173342;
    border-color: #b9d7df;
    background: #ffffff;
}

:root[data-theme="light"] .uploaded-files-theme-zone .search-input::placeholder {
    color: #758d97;
}

:root[data-theme="light"] .uploaded-files-theme-zone .search-box i {
    color: #087fa4;
    text-shadow: none;
    filter: none;
}

:root[data-theme="light"] .uploaded-files-theme-zone :is(.toggle-order-btn, .refresh-btn, .open-link, .select-link) {
    color: #075f79;
    border-color: #aed1da;
    background: linear-gradient(180deg, #ffffff, #dcecf0);
}

:root[data-theme="light"] .uploaded-files-theme-zone .files-table {
    color: #294d5c;
    background: rgba(255, 255, 255, 0.72);
}

:root[data-theme="light"] .uploaded-files-theme-zone .files-table :is(th, td) {
    border-color: #d3e4e8;
}

:root[data-theme="light"] .uploaded-files-theme-zone .files-table tbody td {
    color: #294d5c;
}

:root[data-theme="light"] .uploaded-files-theme-zone .files-table tbody tr:hover {
    background: #edf6f8;
}

:root[data-theme="light"] .uploaded-files-theme-zone .files-table th {
    color: #315d6d;
    background: #deedf1;
}

:root[data-theme="light"] .operations-theme-zone .external-window-link {
    --external-window-surface: linear-gradient(145deg, #ffffff, #e3f0f3);
    --external-window-border: #afd2db;
    --external-window-title: #075f79;
    --external-window-copy: #587480;
    --external-window-icon-surface: #dceef2;
    --external-window-shadow: 0 9px 22px rgba(36, 82, 99, 0.12), inset 0 1px 0 #ffffff;
}

/* Security management workspace. */
:root[data-theme="light"] .security-theme-zone {
    --bg: linear-gradient(145deg, #ffffff 0%, #e8f3f6 56%, #dcecf1 100%);
    --panel: rgba(255, 255, 255, 0.9);
    --panel-soft: rgba(231, 243, 246, 0.88);
    --border: rgba(28, 126, 151, 0.2);
    --border-strong: rgba(8, 127, 164, 0.4);
    --text: #173342;
    --muted: #587480;
    --accent: #087fa4;
    --accent-2: #a96e0e;
    --success: #147a58;
    --danger: #b63758;
    --warn: #98610c;
}

:root[data-theme="light"] .security-theme-zone :is(.security-hero, .security-card, .security-banner, .security-tabs, .security-loading) {
    box-shadow: 0 18px 42px rgba(36, 82, 99, 0.13);
}

:root[data-theme="light"] .security-theme-zone :is(.security-stat, .security-member-row, .security-role-row, .security-tool-row) {
    color: #173342;
    border-color: #c5dde3;
    background: rgba(255, 255, 255, 0.76);
}

:root[data-theme="light"] .security-theme-zone :is(input, select, textarea) {
    color: #173342;
    border-color: #b9d7df;
    background: #ffffff;
}

:root[data-theme="light"] .security-theme-zone select option {
    color: #173342;
    background: #ffffff;
}

:root[data-theme="light"] .security-theme-zone .security-tabs button {
    color: #4f6f7c;
}

:root[data-theme="light"] .security-theme-zone .security-tabs button.active {
    color: #ffffff;
    background: linear-gradient(135deg, #087fa4, #15927e);
}

/* Fundraising owner and investor workspaces. */
:root[data-theme="light"] .fundraising-theme-zone {
    --fund-bg: #edf6f8;
    --fund-panel: #ffffff;
    --fund-panel-soft: #e5f2f5;
    --fund-line: rgba(29, 129, 153, 0.22);
    --fund-cyan: #087fa4;
    --fund-cyan-soft: #075f79;
    --fund-amber: #a96e0e;
    --fund-green: #147a58;
    --fund-red: #b63758;
    --fund-text: #173342;
    --fund-muted: #587480;
    background:
        radial-gradient(circle at 8% 0%, rgba(35, 190, 218, 0.11), transparent 27rem),
        radial-gradient(circle at 95% 20%, rgba(255, 189, 89, 0.1), transparent 24rem),
        #edf6f8;
}

:root[data-theme="light"] .fundraising-theme-zone :is(.fundraising-hero, .fundraising-filters, .fundraising-kpis article, .campaign-rail, .campaign-editor, .campaign-health, .investor-list, .investor-profile, .investor-empty, .fundraising-state) {
    color: #173342;
    border-color: #c2dce3;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(231, 243, 246, 0.96));
    box-shadow: 0 14px 32px rgba(36, 82, 99, 0.11);
}

:root[data-theme="light"] .fundraising-theme-zone :is(.fundraising-hero p, .investor-profile__story, .health-list div, .investor-review__grid span, .campaign-publication__copy small) {
    color: #587480;
}

:root[data-theme="light"] .fundraising-theme-zone :is(input, select, textarea, .fundraising-search) {
    color: #173342;
    border-color: #b9d7df;
    background: #ffffff;
}

:root[data-theme="light"] .fundraising-theme-zone select option {
    color: #173342;
    background: #ffffff;
}

:root[data-theme="light"] .fundraising-theme-zone :is(.fundraising-tabs, .campaign-card, .campaign-publication, .investor-facts div, .investor-progress, .investor-review, .health-callout) {
    color: #173342;
    border-color: #c6dde3;
    background: rgba(255, 255, 255, 0.72);
}

:root[data-theme="light"] .fundraising-theme-zone .campaign-card.active {
    color: #0d4c60;
    background: linear-gradient(135deg, #d4eef3, #ddf2e9);
}

:root[data-theme="light"] .fundraising-theme-zone .fundraising-tabs button {
    color: #4f6f7c;
}

:root[data-theme="light"] .fundraising-theme-zone .fundraising-tabs button.active {
    color: #ffffff;
    background: linear-gradient(135deg, #087fa4, #15927e);
}

:root[data-theme="light"] .fundraising-theme-zone .fundraising-button {
    color: #ffffff !important;
    border-color: #087fa4;
    background: linear-gradient(135deg, #087fa4, #15927e);
    box-shadow: 0 7px 16px rgba(8, 127, 164, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.24);
    text-shadow: none;
}

:root[data-theme="light"] .fundraising-theme-zone .fundraising-button--quiet {
    color: #075f79 !important;
    border-color: #a9d0d9;
    background: linear-gradient(180deg, #ffffff, #deedf1);
    box-shadow: 0 6px 14px rgba(36, 82, 99, 0.1), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .fundraising-theme-zone .fundraising-button--danger {
    color: #8c2945 !important;
    border-color: #e3b6c2;
    background: linear-gradient(180deg, #fff7f8, #f3dde3);
}

:root[data-theme="light"] .fundraising-theme-zone :is(.fundraising-button, .campaign-rail__header button):hover:not(:disabled) {
    color: #ffffff !important;
    border-color: #076f90;
    background: linear-gradient(135deg, #076f90, #117c6c);
    box-shadow: 0 10px 20px rgba(8, 127, 164, 0.22);
}

:root[data-theme="light"] .fundraising-theme-zone .fundraising-button--danger:hover:not(:disabled) {
    border-color: #a52e50;
    background: linear-gradient(135deg, #b7375c, #d85577);
}

:root[data-theme="light"] .fundraising-theme-zone .fundraising-button:disabled {
    color: #607985 !important;
    border-color: #c7dce1;
    background: linear-gradient(180deg, #eef5f6, #dce9ec);
    box-shadow: inset 0 1px 0 #ffffff;
    opacity: 0.78;
}

:root[data-theme="light"] .fundraising-theme-zone .campaign-rail__header button {
    color: #ffffff;
    border-color: #087fa4;
    background: linear-gradient(135deg, #087fa4, #15927e);
    box-shadow: 0 7px 16px rgba(8, 127, 164, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.24);
}

:root[data-theme="light"] .fundraising-theme-zone .readiness-ring {
    border: 1px solid #c1dce3;
    background:
        radial-gradient(circle, #f8fcfd 56%, transparent 58%),
        conic-gradient(#087fa4 var(--readiness-angle), #d5e8ec 0);
    box-shadow: 0 10px 22px rgba(36, 82, 99, 0.12), inset 0 0 0 1px rgba(255, 255, 255, 0.84);
}

:root[data-theme="light"] .fundraising-theme-zone .readiness-ring strong {
    color: #087fa4;
}

:root[data-theme="light"] .fundraising-theme-zone .readiness-ring span {
    color: #587480;
}

:root[data-theme="light"] .fundraising-theme-zone .campaign-form .campaign-switch__track {
    border-color: #d2ab5d;
    background: #e7ecec;
    box-shadow: inset 0 2px 5px rgba(36, 82, 99, 0.15);
}

:root[data-theme="light"] .fundraising-theme-zone .campaign-form .campaign-switch__thumb {
    border: 1px solid #d2ab5d;
    background: #fff7e4;
    box-shadow: 0 2px 6px rgba(36, 82, 99, 0.2);
}

:root[data-theme="light"] .fundraising-theme-zone .campaign-form .campaign-switch input:checked + .campaign-switch__track {
    border-color: #5cad91;
    background: #bfe4d7;
    box-shadow: 0 0 0 3px rgba(21, 146, 126, 0.1), inset 0 2px 5px rgba(23, 107, 81, 0.12);
}

:root[data-theme="light"] .fundraising-theme-zone .campaign-form .campaign-switch input:checked + .campaign-switch__track .campaign-switch__thumb {
    border-color: #5cad91;
    background: #ffffff;
}

:root[data-theme="light"] .fundraising-theme-zone .campaign-form .campaign-switch__value {
    color: #315d6d;
}

:root[data-theme="light"] .fundraising-theme-zone .campaign-publication__icon {
    color: #a96e0e;
    border-color: #dfc383;
    background: #fff7e4;
}

:root[data-theme="light"] .fundraising-theme-zone .health-callout {
    color: #62430e;
    border-color: #dfc383;
    background: #fff7e4;
}

:root[data-theme="light"] .fundraising-theme-zone .health-callout strong {
    color: #8b5b0d;
}

:root[data-theme="light"] .fundraising-theme-zone .health-callout p {
    color: #62430e;
}

/* SEO manager and preview cards. */
:root[data-theme="light"] .seo-theme-zone {
    --seo-bg-1: #f8fcfd;
    --seo-bg-2: #edf6f8;
    --seo-bg-3: #e2eff2;
    --seo-surface: rgba(255, 255, 255, 0.82);
    --seo-surface-strong: rgba(255, 255, 255, 0.95);
    --seo-surface-soft: rgba(223, 239, 243, 0.72);
    --seo-border: rgba(28, 126, 151, 0.2);
    --seo-border-strong: rgba(8, 127, 164, 0.38);
    --seo-text: #173342;
    --seo-text-soft: #4f6f7c;
    --seo-text-dim: #6f8791;
    --seo-cyan: #087fa4;
    --seo-cyan-strong: #056b8b;
    --seo-blue: #236f9e;
    --seo-violet: #6655a6;
    --seo-gold: #a96e0e;
    --seo-mint: #147a58;
    --seo-danger: #b63758;
}

:root[data-theme="light"] .seo-theme-zone::before {
    background:
        radial-gradient(circle at 12% 12%, rgba(64, 185, 255, 0.1), transparent 26%),
        radial-gradient(circle at 88% 10%, rgba(141, 125, 255, 0.08), transparent 24%),
        linear-gradient(145deg, #f8fcfd, #e8f3f6);
}

:root[data-theme="light"] .seo-theme-zone :is(.seo-hero, .seo-card) {
    color: #173342;
    border-color: #c1dbe2;
    background:
        radial-gradient(circle at top right, rgba(91, 221, 255, 0.1), transparent 30%),
        linear-gradient(155deg, #ffffff, #e8f3f6);
    box-shadow: 0 20px 48px rgba(36, 82, 99, 0.13), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .seo-theme-zone :is(.seo-hero__copy h1, .seo-card__header h2, .seo-stat__value, .seo-page-button__title, .seo-social__title, .seo-snippet__title) {
    color: #173342;
    text-shadow: none;
}

:root[data-theme="light"] .seo-theme-zone :is(.seo-input, .seo-textarea) {
    color: #173342;
    border-color: #b9d7df;
    background: #ffffff;
}

:root[data-theme="light"] .seo-theme-zone :is(.seo-tab, .seo-page-button, .seo-btn--soft) {
    color: #315d6d;
    border-color: #c0d9df;
    background: #edf6f8;
}

:root[data-theme="light"] .seo-theme-zone :is(.seo-tab.active, .seo-page-button.active) {
    color: #ffffff;
    border-color: #087fa4;
    background: linear-gradient(135deg, #087fa4, #15927e);
}

:root[data-theme="light"] .seo-theme-zone :is(.seo-stat, .seo-snippet, .seo-social, .seo-checklist, .seo-switch) {
    color: #173342;
    border-color: #c5dde3;
    background: rgba(255, 255, 255, 0.76);
}

:root[data-theme="light"] .seo-theme-zone :is(.seo-form-grid label > span, .seo-switch, .seo-stat__label, .seo-social__site, .seo-snippet__url) {
    color: #4f6f7c;
}

:root[data-theme="light"] .seo-theme-zone .seo-social__placeholder {
    color: #496875;
    border-color: #b9d7df;
    background:
        linear-gradient(135deg, rgba(8, 145, 180, 0.05) 25%, transparent 25%) 0 0 / 1rem 1rem,
        linear-gradient(315deg, rgba(8, 145, 180, 0.05) 25%, transparent 25%) 0 0 / 1rem 1rem,
        #e8f2f5;
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .seo-theme-zone :is(.seo-social__desc, .seo-snippet__desc, .seo-checklist li) {
    color: #496875;
}

:root[data-theme="light"] .seo-theme-zone .seo-checklist__title {
    color: #173342;
}

:root[data-theme="light"] .seo-theme-zone .seo-checklist li::marker {
    color: #a96e0e;
}

:root[data-theme="light"] .seo-theme-zone .seo-checklist__ok {
    color: #176b51;
}

:root[data-theme="light"] .seo-theme-zone .seo-btn--primary {
    color: #ffffff !important;
    border-color: #087fa4;
    background: linear-gradient(135deg, #087fa4, #15927e);
    box-shadow: 0 9px 20px rgba(8, 127, 164, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.24);
    text-shadow: none;
}

:root[data-theme="light"] .seo-theme-zone .seo-btn--primary:hover:not(:disabled) {
    color: #ffffff !important;
    border-color: #076f90;
    background: linear-gradient(135deg, #076f90, #117c6c);
    box-shadow: 0 12px 24px rgba(8, 127, 164, 0.24);
}

:root[data-theme="light"] .seo-theme-zone .seo-btn--soft {
    color: #075f79;
    border-color: #a9d0d9;
    background: linear-gradient(180deg, #ffffff, #deedf1);
    box-shadow: 0 6px 14px rgba(36, 82, 99, 0.1), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .seo-theme-zone .seo-btn--soft:hover:not(:disabled) {
    color: #ffffff;
    border-color: #087fa4;
    background: linear-gradient(135deg, #087fa4, #15927e);
}

:root[data-theme="light"] .seo-theme-zone .seo-btn:disabled {
    color: #607985 !important;
    border-color: #c7dce1;
    background: linear-gradient(180deg, #eef5f6, #dce9ec);
    box-shadow: inset 0 1px 0 #ffffff;
    opacity: 0.78;
}

:root[data-theme="light"] .seo-theme-zone .seo-help-trigger {
    color: #075f79;
    border-color: #a9d0d9;
    background: linear-gradient(145deg, #ffffff, #dceef2);
    box-shadow: 0 6px 14px rgba(36, 82, 99, 0.1), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .seo-theme-zone .seo-help-bubble {
    color: #315d6d;
    border-color: #b9d7df;
    background: linear-gradient(145deg, #ffffff, #e7f2f5);
    box-shadow: 0 14px 30px rgba(36, 82, 99, 0.14), inset 0 1px 0 #ffffff;
}

/* Account/Manage layout and all Bootstrap-based nested account pages. */
:root[data-theme="light"] .account-manage-theme-zone {
    color: #173342;
    border-color: #bdd9e1;
    background:
        radial-gradient(circle at 12% 10%, rgba(0, 188, 218, 0.1), transparent 30%),
        linear-gradient(180deg, #f8fcfd, #e7f2f5);
    box-shadow: 0 20px 48px rgba(36, 82, 99, 0.14), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .account-manage-theme-zone .account-sidebar {
    color: #173342;
    border-color: #bdd9e1;
    background: linear-gradient(180deg, #ffffff, #e5f1f4);
    box-shadow: 0 14px 32px rgba(36, 82, 99, 0.12);
}

:root[data-theme="light"] .account-manage-theme-zone :is(.account-nav-title, .account-nav-subtitle) {
    color: #4f6f7c;
}

:root[data-theme="light"] .account-manage-theme-zone .account-nav .nav-link {
    color: #315d6d;
    border-color: #c5dde3;
    background: rgba(255, 255, 255, 0.72);
}

:root[data-theme="light"] .account-manage-theme-zone .account-nav .nav-link:hover,
:root[data-theme="light"] .account-manage-theme-zone .account-nav .nav-link.active {
    color: #ffffff;
    border-color: #087fa4;
    background: linear-gradient(135deg, #087fa4, #15927e);
    box-shadow: 0 8px 20px rgba(8, 127, 164, 0.18);
}

:root[data-theme="light"] .account-manage-theme-zone .account-manage-body {
    color: #173342;
}

:root[data-theme="light"] .account-manage-theme-zone :is(.frm-cnt, .email-card, .pw-card, .img-uploader-container, .table, .form-horizontal) {
    color: #173342;
    border-color: #c2dce3;
    background: rgba(255, 255, 255, 0.82);
}

:root[data-theme="light"] .account-manage-theme-zone :is(.form-control, input, select, textarea) {
    color: #173342;
    border-color: #b9d7df;
    background: #ffffff;
}

:root[data-theme="light"] .account-manage-theme-zone :is(.form-control:disabled, input:disabled) {
    color: #587480;
    background: #e5f0f3;
}

:root[data-theme="light"] .account-manage-theme-zone :is(.form-label, label, h1, h2, h3, h4, p, td, th) {
    color: #173342;
}

:root[data-theme="light"] .account-manage-theme-zone .table :is(th, td) {
    border-color: #d3e4e8;
}

/* Business Settings nested payment-profile editor. */
:root[data-theme="light"] .payment-profile-theme-zone {
    color: #173342;
}

:root[data-theme="light"] .payment-profile-theme-zone :is(.payment-profile-workspace__hero, .payment-profile-workspace__toolbar, .payment-profile-workspace__body, .payment-profile-editor, .payment-profile-workspace__empty, .payment-profile-card) {
    color: #173342;
    border-color: #c1dbe2;
    background: linear-gradient(180deg, #ffffff, #e8f3f6);
    box-shadow: 0 14px 34px rgba(36, 82, 99, 0.11);
}

:root[data-theme="light"] .payment-profile-theme-zone :is(.payment-profile-workspace__copy h3, .payment-profile-workspace__metric strong, .payment-profile-editor__summarycell strong, .payment-profile-card__top strong, .payment-profile-editor__head h4) {
    color: #173342;
}

:root[data-theme="light"] .payment-profile-theme-zone :is(.payment-profile-workspace__copy p, .payment-profile-workspace__metric span, .payment-profile-editor__summarycell span, .payment-profile-card__meta, .payment-profile-editor__field label) {
    color: #587480;
}

:root[data-theme="light"] .payment-profile-theme-zone :is(.payment-profile-workspace__metric, .payment-profile-editor__summarycell, .payment-profile-editor__policy, .payment-profile-editor__switches label) {
    color: #173342;
    border-color: #c5dde3;
    background: rgba(255, 255, 255, 0.72);
}

:root[data-theme="light"] .payment-profile-theme-zone .payment-profile-editor__field :is(input, select) {
    color: #173342;
    border-color: #b9d7df;
    background: #ffffff;
}

:root[data-theme="light"] .payment-profile-theme-zone .payment-profile-editor__field input[readonly] {
    color: #315d6d;
    background: #e4f0f3;
}

:root[data-theme="light"] .payment-profile-theme-zone .payment-profile-switch__label {
    color: #173342;
}

:root[data-theme="light"] .payment-profile-theme-zone .payment-profile-workspace__toolbtn--ghost,
:root[data-theme="light"] .payment-profile-theme-zone .payment-profile-editor__action--ghost {
    color: #075f79;
    border-color: #afd3dc;
    background: linear-gradient(180deg, #ffffff, #dcecf0);
    box-shadow: 0 8px 18px rgba(36, 82, 99, 0.1);
}

/* My Uploaded Files has a late dark reference pass; these rules complete its light palette. */
:root[data-theme="light"] .uploaded-files-theme-zone :is(.hero-icon, .file-icon, .file-thumb) {
    color: #087fa4;
    border-color: #b6d6de;
    background: linear-gradient(145deg, #ffffff, #dcecf0);
    box-shadow: inset 0 1px 0 #ffffff, 0 8px 18px rgba(36, 82, 99, 0.12);
}

:root[data-theme="light"] .uploaded-files-theme-zone :is(.hero-kicker, .folder-badge, .type-chip) {
    color: #075f79;
    border-color: rgba(8, 127, 164, 0.24);
    background: linear-gradient(180deg, #e9f5f7, #d7ebef);
    box-shadow: inset 0 1px 0 #ffffff, 0 5px 12px rgba(36, 82, 99, 0.08);
}

:root[data-theme="light"] .uploaded-files-theme-zone .desktop-table-wrap {
    border-color: #b9d7df;
    background: #ffffff;
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .uploaded-files-theme-zone .files-table tbody tr:nth-child(odd) {
    background: #f8fbfc;
}

:root[data-theme="light"] .uploaded-files-theme-zone .files-table tbody tr:nth-child(even) {
    background: #eaf3f5;
}

:root[data-theme="light"] .uploaded-files-theme-zone .files-table tbody tr:hover {
    background: #d8edf1;
}

:root[data-theme="light"] .uploaded-files-theme-zone .files-table tbody td {
    color: #294d5c;
    border-bottom-color: #cbdfe4;
}

:root[data-theme="light"] .uploaded-files-theme-zone .files-table .row-actions {
    margin-top: 0;
}

:root[data-theme="light"] .uploaded-files-theme-zone :is(.open-link, .select-link) {
    color: #075f79;
    border-color: #9fcbd5;
    background: linear-gradient(180deg, #ffffff, #dceff3);
    box-shadow: 0 6px 14px rgba(36, 82, 99, 0.1), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .uploaded-files-theme-zone .trash-link {
    color: #8c2945;
    border-color: #e3b6c2;
    background: linear-gradient(180deg, #fff7f8, #f3dde3);
    box-shadow: 0 6px 14px rgba(112, 38, 58, 0.1), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .uploaded-files-theme-zone .trash-link:hover {
    color: #ffffff;
    border-color: #a52e50;
    background: linear-gradient(135deg, #b7375c, #d85577);
}

/* Security Setup controls need explicit geometry because legacy button styles can stretch them. */
:root[data-theme="light"] .security-theme-zone .security-tabs {
    display: inline-flex;
    align-items: center;
    align-self: start;
    gap: 0.3rem;
    width: max-content;
    min-width: 0;
    height: auto;
    min-height: 0;
    padding: 0.3rem;
    border-color: #b9d7df;
    border-radius: 14px;
    background: rgba(238, 247, 249, 0.94);
    box-shadow: 0 10px 24px rgba(36, 82, 99, 0.1), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .security-theme-zone .security-tabs > .security-tab {
    flex: 0 0 auto;
    width: auto;
    min-width: 0;
    height: 2.25rem;
    min-height: 2.25rem;
    margin: 0;
    padding: 0 0.9rem;
    border: 1px solid transparent;
    border-radius: 10px;
    color: #476977;
    background: transparent;
    box-shadow: none;
    line-height: 1;
}

:root[data-theme="light"] .security-theme-zone .security-tabs > .security-tab--active {
    color: #ffffff;
    border-color: #087fa4;
    background: linear-gradient(135deg, #087fa4, #15927e);
    box-shadow: 0 7px 16px rgba(8, 127, 164, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.28);
}

:root[data-theme="light"] .security-theme-zone .security-toggle--setting {
    min-height: 2.25rem;
    padding: 0.32rem 0.58rem;
    color: #315d6d;
    border-color: #bdd8df;
    background: #eef6f8;
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .security-theme-zone .security-toggle input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    flex: 0 0 2.65rem;
    width: 2.65rem;
    min-width: 2.65rem;
    height: 1.4rem;
    min-height: 1.4rem;
    padding: 0;
    border: 1px solid #8fb9c4;
    border-radius: 999px;
    background: #c9dce1;
    box-shadow: inset 0 2px 5px rgba(36, 82, 99, 0.14);
}

:root[data-theme="light"] .security-theme-zone .security-toggle input[type="checkbox"]::before {
    top: 50%;
    left: 0.16rem;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    background: #ffffff;
    box-shadow: 0 2px 5px rgba(36, 82, 99, 0.28);
    transform: translate(0, -50%);
}

:root[data-theme="light"] .security-theme-zone .security-toggle input[type="checkbox"]:checked {
    border-color: #12856f;
    background: linear-gradient(135deg, #15927e, #21b69a);
    box-shadow: inset 0 2px 5px rgba(10, 85, 72, 0.22), 0 0 0 3px rgba(21, 146, 126, 0.1);
}

:root[data-theme="light"] .security-theme-zone .security-toggle input[type="checkbox"]:checked::before {
    background: #ffffff;
    transform: translate(1.22rem, -50%);
}

:root[data-theme="light"] .security-theme-zone .security-toggle span {
    color: #315d6d;
}

:root[data-theme="light"] .security-theme-zone .security-role-chip {
    color: #075f79;
    border-color: #9fcbd5;
    background: linear-gradient(180deg, #eff9fa, #d8edf1);
    box-shadow: 0 5px 12px rgba(36, 82, 99, 0.1), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .security-theme-zone .security-role-chip.pending {
    color: #78500d;
    border-color: #dfc383;
    background: linear-gradient(180deg, #fff9e9, #f7e9c2);
}

:root[data-theme="light"] .security-theme-zone .security-role-chip__remove {
    color: #075f79;
    background: rgba(7, 95, 121, 0.1);
}

:root[data-theme="light"] .security-theme-zone .security-role-chip.pending .security-role-chip__remove {
    color: #78500d;
    background: rgba(120, 80, 13, 0.12);
}

:root[data-theme="light"] .security-theme-zone .security-role-chip__remove::before {
    color: currentColor;
}

:root[data-theme="light"] .security-theme-zone .security-btn--primary {
    color: #ffffff;
    border: 1px solid #087fa4;
    background: linear-gradient(135deg, #087fa4, #168dc1);
    box-shadow: 0 7px 16px rgba(8, 127, 164, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.24);
}

:root[data-theme="light"] .security-theme-zone .security-btn--soft {
    color: #315d6d;
    border: 1px solid #c2dce3;
    background: linear-gradient(180deg, #ffffff, #edf5f7);
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .security-theme-zone .security-btn--security {
    color: #075f79;
    border: 1px solid #a8cfda;
    background: linear-gradient(180deg, #e8f6fb, #cae8f1);
    box-shadow: 0 6px 14px rgba(36, 82, 99, 0.1), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .security-theme-zone .security-btn--danger {
    color: #8c2945;
    border: 1px solid #e3b6c2;
    background: linear-gradient(180deg, #fff8f9, #f3dfe4);
    box-shadow: inset 0 1px 0 #ffffff;
}

@media (max-width: 720px) {
    :root[data-theme="light"] .security-theme-zone .security-tabs {
        width: 100%;
    }

    :root[data-theme="light"] .security-theme-zone .security-tabs > .security-tab {
        flex: 1 1 0;
    }
}

/* Security role architecture and its detached dialogs share the complete light palette. */
:root[data-theme="light"] .security-theme-zone.security-shell {
    align-content: start;
    grid-auto-rows: max-content;
}

:root[data-theme="light"] .security-theme-zone .security-hero {
    min-height: 0;
    padding: 0.85rem 1rem;
}

:root[data-theme="light"] .security-theme-zone .security-role-workspace {
    color: #173342;
    border-color: #b9d7df;
    background:
        radial-gradient(circle at 94% 0%, rgba(8, 145, 180, 0.09), transparent 30%),
        linear-gradient(145deg, #ffffff, #e8f3f6);
    box-shadow: 0 16px 36px rgba(36, 82, 99, 0.12), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .security-theme-zone :is(.security-role-workspace__header h2, .security-role-card__title, .security-role-assignment-row strong, .security-role-tool-row strong) {
    color: #173342;
    text-shadow: none;
}

:root[data-theme="light"] .security-theme-zone :is(.security-role-workspace__header p, .security-role-card__meta, .security-role-audience__hint, .security-role-assignment-row > div > span, .security-role-tool-row > div > span) {
    color: #587480;
}

:root[data-theme="light"] .security-theme-zone .security-role-card {
    color: #173342;
    border-color: #c1dce3;
    background: linear-gradient(145deg, #ffffff, #edf6f8);
    box-shadow: 0 10px 24px rgba(36, 82, 99, 0.1), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .security-theme-zone .security-role-card:hover {
    border-color: #75bdce;
    background: linear-gradient(145deg, #ffffff, #e3f2f5);
    box-shadow: 0 14px 28px rgba(36, 82, 99, 0.14), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .security-theme-zone :is(.security-role-card__icon, .security-role-tool-row__icon) {
    color: #087fa4;
    border-color: #a9cfda;
    background: linear-gradient(145deg, #eef9fa, #d5ebf0);
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .security-theme-zone :is(.security-role-card__edit, .security-role-assignment-row__remove) {
    color: #315d6d;
    border-color: #b8d6de;
    background: linear-gradient(180deg, #ffffff, #e4f0f3);
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .security-theme-zone .security-role-card__edit:hover:not(:disabled) {
    color: #075f79;
    border-color: #75bdce;
    background: #dff1f4;
}

:root[data-theme="light"] .security-theme-zone .security-role-card__metrics {
    border-top-color: #c9dfe4;
}

:root[data-theme="light"] .security-theme-zone .security-role-card__metrics button {
    color: #476977;
    border-color: #c1dce3;
    background: rgba(255, 255, 255, 0.84);
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .security-theme-zone .security-role-card__metrics button:hover:not(:disabled) {
    color: #075f79;
    border-color: #82c3d2;
    background: #dff1f4;
}

:root[data-theme="light"] .security-theme-zone .security-role-card__metrics strong {
    color: #173342;
}

:root[data-theme="light"] .security-theme-zone .security-audience-pill {
    color: #587480;
    border-color: #c1dce3;
    background: #edf6f8;
}

:root[data-theme="light"] .security-theme-zone .security-audience-pill.core {
    color: #075f79;
    border-color: #89c7d5;
    background: #dff3f6;
}

:root[data-theme="light"] .security-theme-zone .security-audience-pill.customer {
    color: #176b51;
    border-color: #9bd4c0;
    background: #e0f4ec;
}

:root[data-theme="light"] .security-theme-zone .security-audience-pill.vendor {
    color: #78500d;
    border-color: #dfc383;
    background: #fff4d6;
}

:root[data-theme="light"] .security-profile-backdrop.security-theme-zone {
    background: rgba(24, 52, 65, 0.34);
    backdrop-filter: blur(10px);
}

:root[data-theme="light"] .security-theme-zone .security-profile-modal {
    color: #173342;
    border-color: #a9cfda;
    background:
        radial-gradient(circle at 94% 2%, rgba(8, 145, 180, 0.09), transparent 30%),
        linear-gradient(150deg, #ffffff, #e8f3f6);
    box-shadow: 0 30px 72px rgba(26, 61, 75, 0.28), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .security-theme-zone :is(.security-profile-modal__header, .security-profile-modal__footer) {
    border-color: #c6dde3;
    background: rgba(239, 247, 249, 0.9);
}

:root[data-theme="light"] .security-theme-zone .security-profile-modal__body {
    scrollbar-color: #83bdca #e4f0f3;
}

:root[data-theme="light"] .security-theme-zone .security-profile-modal__icon {
    color: #087fa4;
    border-color: #a9cfda;
    background: linear-gradient(145deg, #ffffff, #d8edf1);
    box-shadow: 0 8px 18px rgba(36, 82, 99, 0.1), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .security-theme-zone :is(.security-profile-modal__heading h2, .security-profile-section__header h3, .security-profile-modal__empty strong, .security-role-editor__admin strong, .security-role-editor__section strong, .security-role-detail-toolbar strong) {
    color: #173342;
}

:root[data-theme="light"] .security-theme-zone :is(.security-profile-modal__heading p, .security-profile-section__header p, .security-profile-modal__footer > span, .security-role-editor__admin small, .security-role-editor__section span, .security-role-detail-toolbar span, .security-profile-modal__loading, .security-profile-modal__empty) {
    color: #587480;
}

:root[data-theme="light"] .security-theme-zone :is(.security-profile-modal__eyebrow, .security-profile-section__header > div > span) {
    color: #087fa4;
}

:root[data-theme="light"] .security-theme-zone :is(.security-profile-modal__close, .security-profile-remove) {
    color: #315d6d;
    border-color: #b8d6de;
    background: linear-gradient(180deg, #ffffff, #e5f1f3);
}

:root[data-theme="light"] .security-theme-zone :is(.security-profile-section, .security-role-editor__admin, .security-role-editor__section, .security-role-detail-toolbar, .security-role-tool-classification-filters) {
    color: #173342;
    border-color: #c1dce3;
    background: rgba(255, 255, 255, 0.68);
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .security-theme-zone :is(.security-role-assignment-row, .security-role-tool-row) {
    color: #173342;
    border-color: #c6dde3;
    background: rgba(255, 255, 255, 0.76);
}

:root[data-theme="light"] .security-theme-zone .security-role-assignment-row__status {
    color: #176b51;
    background: #e0f4ec;
}

:root[data-theme="light"] .security-theme-zone .security-role-assignment-row__status.pending {
    color: #78500d;
    background: #fff4d6;
}

:root[data-theme="light"] .security-theme-zone :is(.security-role-tool-catalog-summary, .security-tool-context) {
    color: #075f79;
    border-color: #a9cfda;
    background: #e4f3f6;
}

:root[data-theme="light"] .security-theme-zone .security-role-tool-classification-filter {
    color: #315d6d;
    border-color: #bdd8df;
    background: #f1f8f9;
}

:root[data-theme="light"] .security-theme-zone .security-role-tool-classification-switch {
    border-color: #8fb9c4;
    background: #c9dce1;
    box-shadow: inset 0 2px 5px rgba(36, 82, 99, 0.14);
}

:root[data-theme="light"] .security-theme-zone .security-role-tool-classification-switch::after {
    background: #ffffff;
    box-shadow: 0 2px 5px rgba(36, 82, 99, 0.24);
}

:root[data-theme="light"] .security-theme-zone .security-role-tool-classification-filter input {
    position: absolute;
    width: 1px;
    min-width: 1px;
    height: 1px;
    min-height: 1px;
    padding: 0;
    opacity: 0;
    pointer-events: none;
}

:root[data-theme="light"] .security-theme-zone :is(.security-toggle--audience, .security-toggle--function) {
    color: #315d6d;
    border-color: #bdd8df;
    background: #eef6f8;
}

:root[data-theme="light"] .security-theme-zone .security-role-editor__admin input[type="checkbox"] {
    appearance: auto;
    -webkit-appearance: checkbox;
    width: 1.05rem;
    min-width: 1.05rem;
    height: 1.05rem;
    min-height: 1.05rem;
    padding: 0;
    accent-color: #087fa4;
}

/* Security member details and detached nested workspaces need authoritative light surfaces. */
:root[data-theme="light"] .security-theme-zone .security-grid--team {
    align-items: start;
}

:root[data-theme="light"] .security-theme-zone .security-member-row__representation {
    color: #587480;
}

:root[data-theme="light"] .security-theme-zone .security-member-row__representation i {
    color: #087fa4;
}

:root[data-theme="light"] .security-theme-zone .security-member-row__representation strong {
    color: #315d6d;
}

:root[data-theme="light"] .security-theme-zone .security-member-row__representation small {
    color: #075f79;
    border-color: #a9cfda;
    background: #dff3f6;
}

:root[data-theme="light"] .security-theme-zone .security-member-row__representation.is-missing {
    color: #94600b;
}

:root[data-theme="light"] .security-profile-modal.security-theme-zone,
:root[data-theme="light"] .security-profile-backdrop.security-theme-zone > .security-profile-modal {
    color: #173342 !important;
    color-scheme: light;
    border-color: #9fc9d4 !important;
    background:
        radial-gradient(circle at 94% 2%, rgba(8, 145, 180, 0.09), transparent 30%),
        linear-gradient(150deg, #ffffff, #e8f3f6) !important;
    box-shadow: 0 30px 72px rgba(26, 61, 75, 0.28), inset 0 1px 0 #ffffff !important;
}

:root[data-theme="light"] .security-profile-modal.security-theme-zone > .security-profile-modal__header,
:root[data-theme="light"] .security-profile-modal.security-theme-zone > .security-profile-modal__footer {
    border-color: #c6dde3 !important;
    background: rgba(239, 247, 249, 0.96) !important;
}

:root[data-theme="light"] .security-profile-modal.security-theme-zone > .security-profile-modal__body {
    color: #173342;
    background: transparent;
}

:root[data-theme="light"] .security-profile-modal.security-theme-zone :is(.security-profile-modal__heading h2, .security-profile-section__header h3, .security-membership-type__copy strong, .security-profile-address__toolbar strong, .security-membership-change__copy strong) {
    color: #173342 !important;
}

:root[data-theme="light"] .security-profile-modal.security-theme-zone :is(.security-profile-modal__heading p, .security-profile-section__header p, .security-membership-type__copy small, .security-profile-address__toolbar span, .security-profile-modal__footer > span) {
    color: #587480 !important;
}

:root[data-theme="light"] .security-profile-modal.security-theme-zone .security-profile-notice {
    color: #315d6d;
    border-color: #a9cfda;
    background: #e4f3f6;
}

:root[data-theme="light"] .security-profile-modal.security-theme-zone .security-profile-notice--warning {
    color: #78500d;
    border-color: #dfc383;
    background: #fff4d6;
}

:root[data-theme="light"] .security-profile-modal.security-theme-zone .security-profile-notice--error {
    color: #8c2945;
    border-color: #e3b6c2;
    background: #fbe8ed;
}

:root[data-theme="light"] .security-profile-modal.security-theme-zone .security-profile-notice--success {
    color: #176b51;
    border-color: #9bd4c0;
    background: #e0f4ec;
}

:root[data-theme="light"] .security-profile-modal.security-theme-zone .security-profile-section {
    color: #173342;
    border-color: #b9d7df;
    background: rgba(255, 255, 255, 0.82) !important;
    box-shadow: 0 8px 20px rgba(36, 82, 99, 0.08), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .security-profile-modal.security-theme-zone .security-profile-entity-badge {
    color: #075f79;
    border-color: #9fcbd5;
    background: #dff3f6;
}

:root[data-theme="light"] .security-profile-modal.security-theme-zone .security-membership-type {
    color: #173342;
    border-color: #c1dce3;
    background: linear-gradient(145deg, #ffffff, #edf6f8) !important;
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .security-profile-modal.security-theme-zone .security-membership-type:hover:not(:disabled) {
    border-color: #82c3d2;
    background: linear-gradient(145deg, #ffffff, #e1f1f4) !important;
}

:root[data-theme="light"] .security-profile-modal.security-theme-zone .security-membership-type.is-selected {
    color: #075f79;
    border-color: #4aa6b9;
    background: linear-gradient(145deg, #e7f8f5, #d2eee8) !important;
    box-shadow: 0 8px 18px rgba(21, 146, 126, 0.12), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .security-profile-modal.security-theme-zone .security-membership-type__icon {
    color: #087fa4;
    border-color: #a9cfda;
    background: #dff3f6;
}

:root[data-theme="light"] .security-profile-modal.security-theme-zone .security-membership-type.is-selected .security-membership-type__icon {
    color: #147a58;
    border-color: #9bd4c0;
    background: #d8f1e7;
}

:root[data-theme="light"] .security-profile-modal.security-theme-zone .security-membership-type__check {
    color: #147a58;
}

:root[data-theme="light"] .security-profile-modal.security-theme-zone :is(.security-profile-mode-note, .security-profile-mode-note--company) {
    color: #315d6d;
    border-color: #a9cfda;
    background: linear-gradient(110deg, #e4f3f6, #f8fcfd);
}

:root[data-theme="light"] .security-profile-modal.security-theme-zone :is(.security-profile-mode-note, .security-profile-mode-note--company) i {
    color: #087fa4;
}

:root[data-theme="light"] .security-profile-modal.security-theme-zone :is(.security-profile-field > span, .security-profile-phone label > span) {
    color: #315d6d;
}

:root[data-theme="light"] .security-profile-modal.security-theme-zone .security-profile-field small {
    color: #587480;
}

:root[data-theme="light"] .security-profile-modal.security-theme-zone :is(input:not([type="checkbox"]), select, textarea) {
    color: #173342 !important;
    color-scheme: light;
    border-color: #b9d7df !important;
    background-color: #ffffff !important;
    box-shadow: inset 0 1px 0 #ffffff !important;
    opacity: 1;
}

:root[data-theme="light"] .security-profile-modal.security-theme-zone :is(input:not([type="checkbox"]), select, textarea):disabled,
:root[data-theme="light"] .security-profile-modal.security-theme-zone :is(input:not([type="checkbox"]), textarea)[readonly] {
    color: #496875 !important;
    border-color: #c6dce2 !important;
    background-color: #e8f1f3 !important;
    opacity: 1;
    -webkit-text-fill-color: #496875;
}

:root[data-theme="light"] .security-profile-modal.security-theme-zone select option {
    color: #173342 !important;
    background: #ffffff !important;
}

:root[data-theme="light"] .security-profile-modal.security-theme-zone :is(.security-profile-phone, .security-profile-address) {
    color: #173342;
    border-color: #c1dce3;
    background: #f4f9fa;
}

:root[data-theme="light"] .security-profile-modal.security-theme-zone .security-profile-inline-empty {
    color: #587480;
    border-color: #b9d7df;
    background: #f4f9fa;
}

:root[data-theme="light"] .security-profile-modal.security-theme-zone .security-membership-change {
    color: #62430e;
    border-color: #dfc383;
    background: #fff7e4;
}

:root[data-theme="light"] .security-profile-modal.security-theme-zone .security-membership-change__copy > i {
    color: #a96e0e;
}

:root[data-theme="light"] .security-profile-modal.security-theme-zone .security-membership-change__copy span {
    color: #785d2e;
}

/* Password reset confirmation stays distinct without carrying the dark warning surface. */
:root[data-theme="light"] .security-theme-zone .security-member-editor {
    color: #173342;
    border-color: #b9d7df;
    background: linear-gradient(120deg, rgba(8, 145, 180, 0.06), transparent 42%), #f8fbfc;
    box-shadow: 0 7px 18px rgba(36, 82, 99, 0.08), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .security-theme-zone .security-member-editor--reset {
    border-color: #dfc383;
    background: linear-gradient(120deg, rgba(231, 171, 47, 0.12), transparent 44%), #fffaf0;
    box-shadow: 0 8px 18px rgba(120, 80, 13, 0.1), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .security-theme-zone .security-member-editor__copy strong {
    color: #173342;
}

:root[data-theme="light"] .security-theme-zone .security-member-editor--reset .security-member-editor__copy strong {
    color: #62430e;
}

:root[data-theme="light"] .security-theme-zone :is(.security-member-editor__copy span, .security-member-editor__copy small, .security-member-editor__empty) {
    color: #587480;
}

:root[data-theme="light"] .security-theme-zone .security-member-editor--reset :is(.security-member-editor__copy span, .security-member-editor__copy small) {
    color: #785d2e;
}

:root[data-theme="light"] .security-theme-zone .security-btn--security {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.38rem;
}

:root[data-theme="light"] .security-theme-zone .security-member-editor--reset .security-btn--security {
    color: #075f79;
    border-color: #82c3d2;
    background: linear-gradient(180deg, #f7fdfe, #d5edf2);
    box-shadow: 0 6px 14px rgba(36, 82, 99, 0.11), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .security-theme-zone .security-member-editor__result {
    color: #176b51;
    border-color: #9bd4c0;
    background: #e0f4ec;
}

:root[data-theme="light"] .security-theme-zone .security-member-editor__result.is-error {
    color: #8c2945;
    border-color: #e3b6c2;
    background: #fbe8ed;
}

/* Account settings owns the page canvas as well as every nested identity workflow. */
:root[data-theme="light"] .account-layout-theme-zone {
    color: #173342;
    background:
        radial-gradient(circle at 10% 4%, rgba(8, 145, 180, 0.1), transparent 30rem),
        radial-gradient(circle at 94% 12%, rgba(230, 170, 45, 0.07), transparent 26rem),
        linear-gradient(155deg, #f8fcfd, #e9f4f6 58%, #e1eef1);
}

:root[data-theme="light"] .account-layout-theme-zone .account-layout-glow--cyan {
    background: rgba(8, 145, 180, 0.12);
}

:root[data-theme="light"] .account-layout-theme-zone .account-layout-glow--pink {
    background: rgba(230, 170, 45, 0.08);
}

:root[data-theme="light"] .account-layout-theme-zone :is(h1, h2, h3) {
    color: #173342;
}

:root[data-theme="light"] .account-layout-theme-zone hr {
    border-top-color: #c6dde3;
}

:root[data-theme="light"] .account-layout-theme-zone .page-header-title {
    display: block;
    box-sizing: border-box;
    width: 100%;
    min-height: 2.15rem;
    margin: 0;
    padding: 0.36rem 0.85rem 0.3rem;
    color: #087fa4;
    border-top: 1px solid rgba(255, 255, 255, 0.9);
    border-bottom: 1px solid rgba(24, 126, 154, 0.16);
    background:
        radial-gradient(circle at 12% 0%, rgba(8, 145, 180, 0.1), transparent 28%),
        linear-gradient(90deg, rgba(248, 252, 253, 0.98), rgba(229, 242, 245, 0.94));
    box-shadow: inset 0 1px 0 #ffffff, 0 5px 16px rgba(41, 83, 98, 0.08);
    text-shadow: 0 1px 0 #ffffff;
}

:root[data-theme="light"] .account-manage-theme-zone .account-nav .nav-icon {
    color: #087fa4;
    border-color: #afd3dc;
    background: linear-gradient(145deg, #ffffff, #dceef2);
    box-shadow: inset 0 1px 0 #ffffff, 0 5px 12px rgba(36, 82, 99, 0.1);
}

:root[data-theme="light"] .account-manage-theme-zone .account-nav .nav-link:is(:hover, .active) .nav-icon {
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.42);
    background: rgba(255, 255, 255, 0.14);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.26);
}

/* AccountLayout's generic Bootstrap row card must not become a second dark card. */
:root[data-theme="light"] .account-manage-theme-zone :is(.email-card, .pw-card) > .row,
:root[data-theme="light"] .account-manage-theme-zone .pw-card > .pw-row {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
}

:root[data-theme="light"] .account-manage-theme-zone .account-manage-body > .row:not(.g-0) {
    width: 100% !important;
    margin: 0.75rem 0 0 !important;
    padding: 1rem !important;
    color: #173342;
    border: 1px solid #c2dce3 !important;
    border-radius: 18px !important;
    background: rgba(255, 255, 255, 0.86) !important;
    box-shadow: 0 12px 28px rgba(36, 82, 99, 0.1) !important;
}

:root[data-theme="light"] .account-manage-theme-zone :is(.email-card, .pw-card, .frm-cnt, .img-uploader-container, .form-horizontal) {
    color: #173342 !important;
    border-color: #c2dce3 !important;
    background:
        radial-gradient(circle at 10% 6%, rgba(8, 145, 180, 0.06), transparent 22rem),
        linear-gradient(180deg, #ffffff, #edf6f8) !important;
    box-shadow: 0 16px 34px rgba(36, 82, 99, 0.12), inset 0 1px 0 #ffffff !important;
}

:root[data-theme="light"] .account-manage-theme-zone .frm-cnt-plus-img {
    color: #173342;
    border-color: #b9d7df;
    background:
        radial-gradient(circle at 12% 8%, rgba(8, 145, 180, 0.08), transparent 26rem),
        radial-gradient(circle at 88% 82%, rgba(21, 146, 126, 0.06), transparent 24rem),
        linear-gradient(145deg, #f8fcfd, #e7f2f5) !important;
    box-shadow: 0 18px 40px rgba(36, 82, 99, 0.14), inset 0 1px 0 #ffffff !important;
}

:root[data-theme="light"] .account-manage-theme-zone .frm-cnt-plus-img::before {
    border-color: transparent;
    background: linear-gradient(120deg, rgba(8, 145, 180, 0.18), rgba(255, 255, 255, 0.72), rgba(21, 146, 126, 0.12));
    opacity: 0.32;
}

:root[data-theme="light"] .account-manage-theme-zone :is(.email-card, .pw-card)::before {
    opacity: 0.22;
}

:root[data-theme="light"] .account-manage-theme-zone .pw-head {
    color: #173342;
    border-color: #c5dde3;
    background: linear-gradient(135deg, rgba(8, 145, 180, 0.07), rgba(255, 255, 255, 0.76));
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .account-manage-theme-zone .pw-head::after {
    border-color: #afd3dc;
    background: linear-gradient(145deg, #ffffff, #dceef2);
    box-shadow: 0 8px 18px rgba(36, 82, 99, 0.12), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .account-manage-theme-zone :is(.pw-title, .pw-card h1, .pw-card h2, .pw-card h3) {
    color: #173342;
}

:root[data-theme="light"] .account-manage-theme-zone :is(.pw-subtitle, .form-text, small, .text-muted) {
    color: #587480 !important;
}

:root[data-theme="light"] .account-manage-theme-zone :is(.form-control, .form-select, input, select, textarea) {
    color: #173342 !important;
    border-color: #b9d7df !important;
    background: #ffffff !important;
    box-shadow: inset 0 1px 0 #ffffff, 0 5px 12px rgba(36, 82, 99, 0.06) !important;
    -webkit-text-fill-color: #173342;
}

:root[data-theme="light"] .account-manage-theme-zone :is(.form-control, .form-select, input, select, textarea):focus {
    color: #173342 !important;
    border-color: #33a9bd !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(8, 145, 180, 0.12) !important;
}

:root[data-theme="light"] .account-manage-theme-zone :is(.form-control, input, select, textarea):is(:disabled, [readonly]) {
    color: #496875 !important;
    background: #e5f0f3 !important;
    opacity: 1;
    -webkit-text-fill-color: #496875;
}

:root[data-theme="light"] .account-manage-theme-zone :is(.form-floating > label, .form-label, label) {
    color: #496875;
}

:root[data-theme="light"] .account-manage-theme-zone .pw-card .form-floating > .form-control::placeholder {
    color: transparent !important;
    opacity: 0 !important;
    -webkit-text-fill-color: transparent !important;
}

:root[data-theme="light"] .account-manage-theme-zone :is(.input-group-text, .pw-btn-ic, .btn-icn) {
    color: #087fa4;
    border-color: #b9d7df;
    background: #edf6f8;
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .account-manage-theme-zone :is(.btn-primary, .btn-neon, .pw-btn-primary, .btn-custom.btn-save) {
    color: #ffffff !important;
    border-color: #087fa4 !important;
    background: linear-gradient(135deg, #087fa4, #15927e) !important;
    box-shadow: 0 9px 20px rgba(8, 127, 164, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.24) !important;
    -webkit-text-fill-color: #ffffff;
}

:root[data-theme="light"] .account-manage-theme-zone :is(.btn-primary, .btn-neon, .pw-btn-primary, .btn-custom.btn-save):hover {
    color: #ffffff !important;
    background: linear-gradient(135deg, #076f90, #117c6c) !important;
    box-shadow: 0 12px 24px rgba(8, 127, 164, 0.24) !important;
}

:root[data-theme="light"] .account-manage-theme-zone .btn-neon::after {
    opacity: 0.12;
}

:root[data-theme="light"] .account-manage-theme-zone :is(.btn-glass:not(.btn-neon), .btn-link-fx, .btn-outline-primary, .btn-secondary) {
    color: #075f79 !important;
    border-color: #a9d0d9 !important;
    background: linear-gradient(180deg, #ffffff, #deedf1) !important;
    box-shadow: 0 6px 14px rgba(36, 82, 99, 0.1), inset 0 1px 0 #ffffff !important;
    -webkit-text-fill-color: #075f79;
}

:root[data-theme="light"] .account-manage-theme-zone .btn-danger {
    color: #8c2945;
    border-color: #e3b6c2;
    background: linear-gradient(180deg, #fff7f8, #f3dde3);
}

:root[data-theme="light"] .account-manage-theme-zone :is(.table, .table > :not(caption) > * > *, .form-horizontal) {
    color: #173342;
    border-color: #cbdfe4;
    background-color: transparent;
}

:root[data-theme="light"] .account-manage-theme-zone .table thead > tr {
    background: #dcecf0;
}

:root[data-theme="light"] .account-manage-theme-zone .table tbody > tr:nth-child(odd) {
    background: #f8fbfc;
}

:root[data-theme="light"] .account-manage-theme-zone .table tbody > tr:nth-child(even) {
    background: #eaf3f5;
}

:root[data-theme="light"] .account-manage-theme-zone .alert-info {
    color: #075f79;
    border-color: #9fcbd5;
    background: #e5f4f7;
}

:root[data-theme="light"] .account-manage-theme-zone .alert-warning {
    color: #62430e;
    border-color: #dfc383;
    background: #fff7e4;
}

:root[data-theme="light"] .account-manage-theme-zone :is(.alert-danger, .validation-summary-errors) {
    color: #8c2945 !important;
    border-color: #e3b6c2;
    background: #fbe8ed;
}

:root[data-theme="light"] .account-manage-theme-zone :is(.text-danger, .validation-message) {
    color: #a52e50 !important;
    -webkit-text-fill-color: #a52e50;
}

:root[data-theme="light"] .account-manage-theme-zone a:not(.nav-link):not(.btn) {
    color: #087fa4;
}

@media (max-width: 768px) {
    :root[data-theme="light"] .account-manage-theme-zone .account-manage-body > .row:not(.g-0) {
        width: 100% !important;
        margin-inline: 0 !important;
    }
}

/* Survey designer, analytics browser, result details, and embedded player. */
:root[data-theme="light"] .survey-designer-theme-zone {
    min-height: calc(100vh - 8rem);
    color: #173342;
    background:
        radial-gradient(circle at 8% 0%, rgba(8, 145, 180, 0.1), transparent 28rem),
        radial-gradient(circle at 94% 12%, rgba(230, 170, 45, 0.07), transparent 24rem),
        linear-gradient(155deg, #f8fcfd, #e8f3f6);
}

:root[data-theme="light"] .survey-results-theme-zone {
    --srb-bg: #edf6f8;
    --srb-panel: linear-gradient(145deg, #ffffff, #e8f3f6);
    --srb-panel-soft: linear-gradient(145deg, #f9fcfd, #e4f0f3);
    --srb-border: rgba(28, 126, 151, 0.2);
    --srb-border-strong: rgba(8, 127, 164, 0.48);
    --srb-text: #173342;
    --srb-muted: #587480;
    --srb-cyan: #087fa4;
    --srb-magenta: #b63778;
    --srb-warn: #c87531;
    --srb-success: #147a58;
    --srb-shadow: 0 16px 34px rgba(36, 82, 99, 0.11);
    color: #173342;
}

:root[data-theme="light"] .survey-results-theme-zone :is(.srb__browser, .srb__workspace, .srb__panel, .srb__surveycard, .srb__questioncard, .srb__responsecard, .srb__kpi, .srb__mini-card, .srb__metricbox) {
    color: #173342;
    border-color: #c1dbe2;
    background: linear-gradient(145deg, #ffffff, #e8f3f6);
    box-shadow: 0 14px 32px rgba(36, 82, 99, 0.11), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .survey-results-theme-zone .srb__workspace {
    background:
        radial-gradient(circle at 96% 2%, rgba(181, 55, 120, 0.06), transparent 28%),
        radial-gradient(circle at 4% 0%, rgba(8, 145, 180, 0.08), transparent 30%),
        linear-gradient(155deg, #f8fcfd, #e8f3f6);
}

:root[data-theme="light"] .survey-results-theme-zone :is(.srb__hero, .srb__questionrail, .srb__questionhero) {
    color: #173342;
    border-color: #c1dbe2;
    background: linear-gradient(145deg, #ffffff, #e5f1f4);
    box-shadow: 0 12px 28px rgba(36, 82, 99, 0.1), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .survey-results-theme-zone :is(.srb__browser-head h3, .srb__panel-head h3, .srb__questionhero h3, .srb__hero h2, .srb__surveycard h4, .srb__responsecard h4, .srb__questioncard strong, .srb__responsevalue, .srb__word) {
    color: #173342;
}

:root[data-theme="light"] .survey-results-theme-zone :is(.srb__hero p, .srb__questionhero p, .srb__surveycard p, .srb__state p, .srb__sentiment p, .srb__date, .srb__surveycard small, .srb__questioncard small, .srb__responsecard p, .srb__kpi small, .srb__mini-card small, .srb__emptyhint) {
    color: #587480;
}

:root[data-theme="light"] .survey-results-theme-zone .srb__search {
    color: #173342;
    border-color: #b9d7df;
    background: #ffffff;
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .survey-results-theme-zone .srb__search::placeholder {
    color: #6b8590;
}

:root[data-theme="light"] .survey-results-theme-zone .srb__search:focus {
    border-color: #33a9bd;
    box-shadow: 0 0 0 3px rgba(8, 145, 180, 0.12);
}

:root[data-theme="light"] .survey-results-theme-zone .srb__help-button {
    color: #075f79;
    border-color: #a9d0d9;
    background: linear-gradient(180deg, #ffffff, #deedf1);
    box-shadow: 0 6px 14px rgba(36, 82, 99, 0.1), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .survey-results-theme-zone .srb__help-button i {
    color: #087fa4;
}

:root[data-theme="light"] .survey-results-theme-zone :is(.srb__hero-badge, .srb__pill, .srb__trendlabel, .srb__insight, .srb__chip, .srb__meta-item, .srb__responsevalue, .srb__state, .srb__emptyhint) {
    color: #173342;
    border-color: #c6dde3;
    background: rgba(255, 255, 255, 0.72);
}

:root[data-theme="light"] .survey-results-theme-zone :is(.srb__surveycard.is-selected, .srb__questioncard.is-selected) {
    color: #0d4c60;
    border-color: #4aa6b9;
    background: linear-gradient(135deg, #d9eff3, #e2f2ed);
    box-shadow: 0 10px 22px rgba(8, 127, 164, 0.13), inset 4px 0 0 #087fa4;
}

:root[data-theme="light"] .survey-results-theme-zone :is(.srb__tab, .srb__segment) {
    color: #315d6d;
    border-color: #bdd8df;
    background: #eef6f8;
}

:root[data-theme="light"] .survey-results-theme-zone :is(.srb__tab.is-active, .srb__segment.is-active) {
    color: #ffffff;
    border-color: #087fa4;
    background: linear-gradient(135deg, #087fa4, #15927e);
    box-shadow: 0 7px 16px rgba(8, 127, 164, 0.18);
}

:root[data-theme="light"] .survey-results-theme-zone .srb__donut-center {
    color: #173342;
    background: #f8fcfd;
    box-shadow: inset 0 0 0 1px #c6dde3;
}

:root[data-theme="light"] .survey-results-theme-zone :is(.srb__gauge-track, .srb__optionbar-track) {
    background: #d7e7eb;
}

:root[data-theme="light"] .survey-results-theme-zone .srb__gauge-track--nps {
    background: linear-gradient(90deg, #f4d7d0, #f5e6bd, #cce9df);
}

:root[data-theme="light"] .survey-results-theme-zone .srb__trendchart {
    border-color: #c5dde3;
    background: linear-gradient(180deg, #f8fcfd, #e8f3f6);
}

:root[data-theme="light"] .survey-results-theme-zone .srb__status--cool,
:root[data-theme="light"] .survey-results-theme-zone .srb__sentiment-badge.is-neutral {
    color: #075f79;
    background: #dff3f6;
}

:root[data-theme="light"] .survey-results-theme-zone .srb__status--good,
:root[data-theme="light"] .survey-results-theme-zone .srb__sentiment-badge.is-good {
    color: #176b51;
    background: #dff3ea;
}

:root[data-theme="light"] .survey-results-theme-zone .srb__status--warn,
:root[data-theme="light"] .survey-results-theme-zone .srb__sentiment-badge.is-warn {
    color: #78500d;
    background: #fff0d5;
}

:root[data-theme="light"] .survey-results-detail-theme-zone {
    color: #173342;
}

:root[data-theme="light"] .survey-results-detail-theme-zone :is(.survey-results__state, .survey-results__hero, .survey-results__section) {
    color: #173342;
    border-color: #c1dbe2;
    background:
        radial-gradient(circle at 96% 0%, rgba(8, 145, 180, 0.07), transparent 30%),
        linear-gradient(145deg, #ffffff, #e8f3f6);
    box-shadow: 0 16px 36px rgba(36, 82, 99, 0.12), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .survey-results-detail-theme-zone :is(.survey-results__stat, .survey-results__summarycard, .survey-results__respondentcard, .survey-results__numericgrid > div, .survey-results__textanswers blockquote, .survey-results__answerrow) {
    color: #173342;
    border-color: #c6dde3;
    background: rgba(255, 255, 255, 0.76);
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .survey-results-detail-theme-zone :is(.survey-results__hero-main h2, .survey-results__sectionhead h3, .survey-results__summarycard h4, .survey-results__respondenthead h4, .survey-results__textanswers blockquote, .survey-results__answervalue) {
    color: #173342;
}

:root[data-theme="light"] .survey-results-detail-theme-zone :is(.survey-results__hero-main p, .survey-results__respondenthead p, .survey-results__answerkind, .survey-results__textanswers small, .survey-results__optionrow small, .survey-results__emptyhint, .survey-results__answervalue.is-empty) {
    color: #587480;
}

:root[data-theme="light"] .survey-results-detail-theme-zone .survey-results__optiontrack {
    border-color: #c6dde3;
    background: #d7e7eb;
}

:root[data-theme="light"] .survey-results-detail-theme-zone .survey-results__btn--primary {
    color: #ffffff;
    border-color: #087fa4;
    background: linear-gradient(135deg, #087fa4, #15927e);
    box-shadow: 0 9px 20px rgba(8, 127, 164, 0.2);
}

:root[data-theme="light"] .survey-results-detail-theme-zone .survey-results__playerdialog {
    color: #173342;
    border-color: #9fc9d4;
    background: linear-gradient(145deg, #ffffff, #e5f1f4);
    box-shadow: 0 30px 72px rgba(26, 61, 75, 0.28);
}

:root[data-theme="light"] .survey-results-detail-theme-zone .survey-results__playerclose,
:root[data-theme="light"] .survey-player-theme-zone .survey-prompt__close {
    color: #075f79;
    border-color: #a9d0d9;
    background: linear-gradient(145deg, #ffffff, #dceef2);
    box-shadow: 0 6px 14px rgba(36, 82, 99, 0.12), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .survey-player-theme-zone {
    color: #173342;
}

:root[data-theme="light"] .survey-player-theme-zone :is(.survey-player__state, .survey-player__shell) {
    color: #173342;
    border-color: #b9d7df;
    background:
        radial-gradient(circle at 96% 0%, rgba(8, 145, 180, 0.08), transparent 30%),
        linear-gradient(145deg, #ffffff, #e7f2f5);
    box-shadow: 0 20px 46px rgba(36, 82, 99, 0.15), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .survey-player-theme-zone :is(.survey-player__hero h2, .survey-player__questioncard h3) {
    color: #173342;
}

:root[data-theme="light"] .survey-player-theme-zone :is(.survey-player__introquestion, .survey-player__description, .survey-player__progressmeta) {
    color: #4f6f7c;
}

:root[data-theme="light"] .survey-player-theme-zone :is(.survey-player__infocard, .survey-player__questioncard) {
    color: #173342;
    border-color: #c5dde3;
    background: rgba(255, 255, 255, 0.76);
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .survey-player-theme-zone .survey-player__banner.is-info {
    color: #075f79;
    border-color: #9fcbd5;
    background: #e5f4f7;
}

:root[data-theme="light"] .survey-player-theme-zone .survey-player__banner.is-warning,
:root[data-theme="light"] .survey-player-theme-zone .survey-player__required {
    color: #78500d;
    border-color: #dfc383;
    background: #fff4d6;
}

:root[data-theme="light"] .survey-player-theme-zone .survey-player__validation {
    color: #8c2945;
    border-color: #e3b6c2;
    background: #fbe8ed;
}

:root[data-theme="light"] .survey-player-theme-zone .survey-player__progress {
    border-color: #c5dde3;
    background: #d7e7eb;
}

:root[data-theme="light"] .survey-player-theme-zone .survey-player__btn--primary {
    color: #ffffff;
    border-color: #087fa4;
    background: linear-gradient(135deg, #087fa4, #15927e);
    box-shadow: 0 9px 20px rgba(8, 127, 164, 0.2);
}

:root[data-theme="light"] .survey-player-theme-zone :is(.survey-player__btn--secondary, .survey-player__btn--ghost) {
    color: #075f79;
    border-color: #a9d0d9;
    background: linear-gradient(180deg, #ffffff, #deedf1);
    box-shadow: 0 6px 14px rgba(36, 82, 99, 0.1), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .survey-player-theme-zone .survey-player__btn:disabled {
    color: #607985;
    border-color: #c7dce1;
    background: #e3edef;
    box-shadow: none;
    opacity: 0.78;
}

:root[data-theme="light"] .survey-player-theme-zone :is(.survey-player__input, .survey-player__textarea, .survey-player__select) {
    color: #173342;
    border-color: #b9d7df;
    background: #ffffff;
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .survey-player-theme-zone :is(.survey-player__input, .survey-player__textarea, .survey-player__select):focus {
    border-color: #33a9bd;
    background: #ffffff;
    box-shadow: 0 0 0 3px rgba(8, 145, 180, 0.12);
}

:root[data-theme="light"] .survey-player-theme-zone .survey-player__select option {
    color: #173342;
    background: #ffffff;
}

:root[data-theme="light"] .survey-player-theme-zone :is(.survey-player__choice, .survey-player__checkitem) {
    color: #315d6d;
    border-color: #c1dce3;
    background: #f4f9fa;
}

:root[data-theme="light"] .survey-player-theme-zone .survey-player__choice.is-selected {
    color: #ffffff;
    border-color: #087fa4;
    background: linear-gradient(135deg, #087fa4, #15927e);
}

/* Governance Decision Center, including authoring, ballots, and nested results. */
:root[data-theme="light"] .governance-decision-theme-zone {
    min-height: calc(100dvh - 86px);
    color: #173342;
    background:
        radial-gradient(circle at 92% 3%, rgba(182, 55, 120, 0.06), transparent 25rem),
        radial-gradient(circle at 3% 35%, rgba(8, 145, 180, 0.08), transparent 24rem),
        linear-gradient(150deg, #f8fcfd, #e7f2f5 66%);
}

:root[data-theme="light"] .governance-decision-theme-zone .decision-center {
    --dc-bg: #edf6f8;
    --dc-panel: rgba(255, 255, 255, 0.94);
    --dc-panel-2: rgba(231, 243, 246, 0.9);
    --dc-line: rgba(28, 126, 151, 0.2);
    --dc-line-strong: rgba(8, 127, 164, 0.42);
    --dc-cyan: #087fa4;
    --dc-green: #147a58;
    --dc-pink: #b63778;
    --dc-amber: #a96e0e;
    --dc-text: #173342;
    --dc-muted: #587480;
    color: #173342;
    background: transparent;
}

:root[data-theme="light"] .governance-decision-theme-zone :is(.decision-hero, .decision-kpis article, .decision-workspace, .decision-alert, .decision-loading, .decision-unavailable) {
    color: #173342;
    border-color: #c1dbe2;
    background: linear-gradient(145deg, #ffffff, #e8f3f6);
    box-shadow: 0 14px 32px rgba(36, 82, 99, 0.11), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .governance-decision-theme-zone .decision-hero::after {
    border-color: rgba(182, 55, 120, 0.16);
    box-shadow: 0 0 45px rgba(8, 145, 180, 0.1);
}

:root[data-theme="light"] .governance-decision-theme-zone :is(.decision-hero h1, .decision-stage__header h2, .decision-zero-state h2, .decision-question-builder strong, .decision-ballot h3, .decision-results h3, .decision-facts strong, .decision-kpis strong, .electorate-readiness > strong, .decision-unavailable h1) {
    color: #173342;
}

:root[data-theme="light"] .governance-decision-theme-zone :is(.decision-hero p, .decision-stage__header p, .decision-zero-state p, .decision-list-item__meta, .decision-list-item small, .decision-empty-mini, .electorate-readiness > small, .electorate-readiness > p, .decision-ballot legend small, .decision-ballot > footer p, .decision-results__policy, .decision-audit-strip, .decision-unavailable p) {
    color: #587480;
}

:root[data-theme="light"] .governance-decision-theme-zone :is(.decision-eyebrow, .decision-stage__header > div:first-child > span, .decision-results > header span, .decision-question-builder > header span, .decision-list-item__top b, .decision-index__heading, .decision-facts span, .decision-form label > span, .decision-question-editor label > span, .electorate-readiness__title, .decision-ballot > header span) {
    color: #087fa4;
}

:root[data-theme="light"] .governance-decision-theme-zone .decision-kpis span {
    color: #315d6d;
}

:root[data-theme="light"] .governance-decision-theme-zone .decision-kpis article > i {
    color: #087fa4;
    border-color: #acd4dd;
    background: #e1f3f6;
}

:root[data-theme="light"] .governance-decision-theme-zone .decision-index {
    border-color: #c1dbe2;
    background: linear-gradient(180deg, rgba(230, 243, 246, 0.9), rgba(244, 249, 250, 0.96));
}

:root[data-theme="light"] .governance-decision-theme-zone .decision-index__toolbar,
:root[data-theme="light"] .governance-decision-theme-zone .decision-stage__header {
    border-color: #c1dbe2;
}

:root[data-theme="light"] .governance-decision-theme-zone .decision-search i {
    color: #087fa4;
}

:root[data-theme="light"] .governance-decision-theme-zone :is(.decision-index input, .decision-index select, .decision-form input, .decision-form textarea, .decision-form select, .decision-question-editor input) {
    color: #173342;
    border-color: #b9d7df;
    background: #ffffff;
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .governance-decision-theme-zone :is(.decision-index input, .decision-form input, .decision-form textarea, .decision-question-editor input)::placeholder {
    color: #78909a;
    opacity: 1;
}

:root[data-theme="light"] .governance-decision-theme-zone :is(.decision-index input, .decision-index select, .decision-form input, .decision-form textarea, .decision-form select, .decision-question-editor input):focus {
    border-color: #33a9bd;
    box-shadow: 0 0 0 3px rgba(8, 145, 180, 0.12);
}

:root[data-theme="light"] .governance-decision-theme-zone :is(.decision-index select, .decision-form select) option {
    color: #173342;
    background: #ffffff;
}

:root[data-theme="light"] .governance-decision-theme-zone .decision-index__heading b {
    color: #ffffff;
    background: #147a58;
}

:root[data-theme="light"] .governance-decision-theme-zone .decision-index__list,
:root[data-theme="light"] .governance-decision-theme-zone .decision-stage {
    scrollbar-color: #38a9bd #d9e9ed;
}

:root[data-theme="light"] .governance-decision-theme-zone .decision-list-item {
    color: #173342;
    border-color: #c9dfe4;
    background: rgba(255, 255, 255, 0.82);
}

:root[data-theme="light"] .governance-decision-theme-zone .decision-list-item:hover,
:root[data-theme="light"] .governance-decision-theme-zone .decision-list-item.is-selected {
    border-color: #6db8c8;
    background: linear-gradient(120deg, #e2f5f7, #f7fbfc);
    box-shadow: 0 9px 20px rgba(36, 82, 99, 0.09);
}

:root[data-theme="light"] .governance-decision-theme-zone .decision-list-item > strong {
    color: #173342;
}

:root[data-theme="light"] .governance-decision-theme-zone .decision-list-item__progress,
:root[data-theme="light"] .governance-decision-theme-zone .electorate-readiness__meter,
:root[data-theme="light"] .governance-decision-theme-zone .decision-option-result__rail {
    background: #d7e7eb;
}

:root[data-theme="light"] .governance-decision-theme-zone .decision-template-strip {
    color: #315d6d;
    border-color: #c5dce2;
    background: #edf6f8;
}

:root[data-theme="light"] .governance-decision-theme-zone .decision-template-strip > span {
    color: #587480;
}

:root[data-theme="light"] .governance-decision-theme-zone :is(.decision-form, .decision-question-editor, .decision-facts article, .electorate-readiness, .decision-ballot, .decision-ballot fieldset, .decision-results__policy) {
    color: #173342;
    border-color: #c1dbe2;
    background: rgba(255, 255, 255, 0.78);
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .governance-decision-theme-zone :is(.decision-form label > span, .decision-question-editor label > span, .decision-toggle-stack label) {
    color: #486b78;
}

:root[data-theme="light"] .governance-decision-theme-zone .electorate-readiness {
    background: linear-gradient(155deg, #e9f5f7, #ffffff);
}

:root[data-theme="light"] .governance-decision-theme-zone .electorate-readiness__list > div {
    color: #173342;
    border: 1px solid #d2e4e8;
    background: #f7fbfc;
}

:root[data-theme="light"] .governance-decision-theme-zone .electorate-warning {
    color: #78500d;
    border-color: #dfc383;
    background: #fff4d6;
}

:root[data-theme="light"] .governance-decision-theme-zone :is(.decision-button, .decision-icon-button, .decision-template-strip button, .decision-question-builder > header button, .decision-options-editor > button) {
    color: #075f79;
    border-color: #a9d0d9;
    background: linear-gradient(180deg, #ffffff, #deedf1);
    box-shadow: 0 6px 14px rgba(36, 82, 99, 0.1), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .governance-decision-theme-zone .decision-button--primary {
    color: #ffffff;
    border-color: #087fa4;
    background: linear-gradient(135deg, #087fa4, #15927e);
    box-shadow: 0 9px 20px rgba(8, 127, 164, 0.2);
}

:root[data-theme="light"] .governance-decision-theme-zone .decision-button--warning {
    color: #78500d;
    border-color: #d5ae59;
    background: #fff4d6;
}

:root[data-theme="light"] .governance-decision-theme-zone :is(.decision-button, .decision-icon-button):disabled {
    color: #607985;
    border-color: #c7dce1;
    background: #e3edef;
    box-shadow: none;
    opacity: 0.78;
}

:root[data-theme="light"] .governance-decision-theme-zone .decision-alert--error {
    color: #8c2945;
    border-color: #e3b6c2;
    background: #fbe8ed;
}

:root[data-theme="light"] .governance-decision-theme-zone .decision-alert--success {
    color: #146347;
    border-color: #a9d5c4;
    background: #e5f5ee;
}

:root[data-theme="light"] .governance-decision-theme-zone .decision-question-editor__number {
    color: #087fa4;
    border-color: #90c6d1;
    background: #e5f4f7;
}

:root[data-theme="light"] .governance-decision-theme-zone .decision-options-editor label > i,
:root[data-theme="light"] .governance-decision-theme-zone .decision-options-editor label button {
    color: #397083;
}

:root[data-theme="light"] .governance-decision-theme-zone .decision-zero-state__orb {
    color: #087fa4;
    border-color: #86c3d0;
    background: radial-gradient(circle, #e0f4f7, transparent 70%);
    box-shadow: 0 0 34px rgba(8, 145, 180, 0.12);
}

:root[data-theme="light"] .governance-decision-theme-zone .decision-ballot {
    border-color: #a9d5c4;
    background: linear-gradient(145deg, #e7f6f0, #ffffff);
}

:root[data-theme="light"] .governance-decision-theme-zone .decision-ballot legend {
    color: #173342;
}

:root[data-theme="light"] .governance-decision-theme-zone .decision-ballot__options label {
    color: #315d6d;
    border-color: #c1dce3;
    background: #f7fbfc;
}

:root[data-theme="light"] .governance-decision-theme-zone .decision-ballot__options label.is-selected {
    color: #104c3b;
    border-color: #58a98d;
    background: #dcf3e9;
}

:root[data-theme="light"] .governance-decision-theme-zone .decision-ballot__options i {
    border-color: #82a8b3;
}

/* The result component can also be reused outside the decision page. */
:root[data-theme="light"] :is(.governance-decision-theme-zone, .governance-result-theme-zone) .decision-result-card,
:root[data-theme="light"] .decision-result-card.governance-result-theme-zone {
    color: #173342;
    border-color: #c1dbe2;
    background: linear-gradient(145deg, #ffffff, #e8f3f6);
    box-shadow: 0 12px 26px rgba(36, 82, 99, 0.1), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] :is(.governance-decision-theme-zone, .governance-result-theme-zone) .decision-result-card :is(h3, .decision-result-card__turnout strong, .decision-result-card__sealed strong, .decision-option-result__label strong, .decision-option-result__metrics b, footer b),
:root[data-theme="light"] .decision-result-card.governance-result-theme-zone :is(h3, .decision-result-card__turnout strong, .decision-result-card__sealed strong, .decision-option-result__label strong, .decision-option-result__metrics b, footer b) {
    color: #173342;
}

:root[data-theme="light"] :is(.governance-decision-theme-zone, .governance-result-theme-zone) .decision-result-card :is(p, small, footer, .decision-result-card__sealed span, .decision-result-card__legend, .decision-option-result__metrics),
:root[data-theme="light"] .decision-result-card.governance-result-theme-zone :is(p, small, footer, .decision-result-card__sealed span, .decision-result-card__legend, .decision-option-result__metrics) {
    color: #587480;
}

:root[data-theme="light"] :is(.governance-decision-theme-zone, .governance-result-theme-zone) :is(.decision-result-card__sealed, .decision-result-card__empty, .decision-option-result),
:root[data-theme="light"] .decision-result-card.governance-result-theme-zone :is(.decision-result-card__sealed, .decision-result-card__empty, .decision-option-result) {
    color: #315d6d;
    border-color: #c5dde3;
    background: #f4f9fa;
}

:root[data-theme="light"] :is(.governance-decision-theme-zone, .governance-result-theme-zone) .decision-option-result.is-leading,
:root[data-theme="light"] .decision-result-card.governance-result-theme-zone .decision-option-result.is-leading {
    border-color: #69b79c;
    background: #edf8f3;
}

/* Squad Governance shell and its nested legal publication workspace. */
:root[data-theme="light"] .squad-governance-theme-zone {
    color: #173342;
    background:
        radial-gradient(circle at 12% 8%, rgba(8, 145, 180, 0.08), transparent 30%),
        linear-gradient(135deg, rgba(249, 253, 254, 0.96), rgba(229, 242, 245, 0.82));
}

:root[data-theme="light"] .squad-governance-theme-zone::before {
    background:
        radial-gradient(circle at 12% 8%, rgba(8, 145, 180, 0.08), transparent 30%),
        linear-gradient(135deg, rgba(249, 253, 254, 0.5), rgba(229, 242, 245, 0.28));
}

:root[data-theme="light"] .squad-governance-theme-zone .squad-governance__hero {
    color: #173342;
    border-color: #bddae1;
    background:
        linear-gradient(110deg, rgba(255, 255, 255, 0.97), rgba(228, 242, 245, 0.94)),
        repeating-linear-gradient(90deg, transparent 0 35px, rgba(8, 127, 164, 0.025) 36px);
    box-shadow: 0 14px 32px rgba(36, 82, 99, 0.1), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .squad-governance-theme-zone .squad-governance__hero::after {
    background: radial-gradient(circle, rgba(8, 145, 180, 0.12), transparent 68%);
}

:root[data-theme="light"] .squad-governance-theme-zone .squad-governance__hero h1,
:root[data-theme="light"] .squad-governance-theme-zone .squad-governance__principle strong,
:root[data-theme="light"] .squad-governance-theme-zone .squad-governance__empty strong {
    color: #173342;
}

:root[data-theme="light"] .squad-governance-theme-zone :is(.squad-governance__hero p, .squad-governance__principle span:last-child, .squad-governance__loading, .squad-governance__empty) {
    color: #587480;
}

:root[data-theme="light"] .squad-governance-theme-zone .squad-governance__eyebrow {
    color: #087fa4;
}

:root[data-theme="light"] .squad-governance-theme-zone .squad-governance__principle {
    border-color: #c1dbe2;
    background: rgba(255, 255, 255, 0.72);
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .squad-governance-theme-zone .squad-governance__help {
    color: #075f79;
    border-color: #a9d0d9;
    background: linear-gradient(180deg, #ffffff, #deedf1);
    box-shadow: 0 6px 14px rgba(36, 82, 99, 0.1);
}

:root[data-theme="light"] .squad-governance-theme-zone .squad-governance__help:hover,
:root[data-theme="light"] .squad-governance-theme-zone .squad-governance__help:focus-visible {
    color: #ffffff;
    border-color: #087fa4;
    background: #087fa4;
}

:root[data-theme="light"] .squad-governance-theme-zone :is(.squad-governance__loading, .squad-governance__empty) {
    border-color: #b8d7df;
    background: rgba(255, 255, 255, 0.78);
}

:root[data-theme="light"] .squad-governance-theme-zone .legal-shell {
    --legal-bg: #edf6f8;
    --legal-panel: linear-gradient(180deg, rgba(255, 255, 255, 0.97), rgba(235, 245, 247, 0.98));
    --legal-panel-soft: rgba(226, 241, 244, 0.9);
    --legal-line: rgba(28, 126, 151, 0.2);
    --legal-line-strong: rgba(8, 127, 164, 0.42);
    --legal-text: #173342;
    --legal-muted: #587480;
    --legal-accent: #087fa4;
    --legal-mint: #147a58;
    --legal-amber: #9a650d;
    --legal-coral: #a63750;
    color: #173342;
}

:root[data-theme="light"] .squad-governance-theme-zone .legal-shell :is(.legal-hero, .legal-tabs, .legal-panel, .legal-loading, .legal-banner) {
    border-color: #c1dbe2;
    background: linear-gradient(145deg, #ffffff, #e8f3f6);
    box-shadow: 0 12px 28px rgba(36, 82, 99, 0.1), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .squad-governance-theme-zone .legal-shell .legal-hero {
    background:
        radial-gradient(circle at 84% -30%, rgba(8, 145, 180, 0.13), transparent 38%),
        radial-gradient(circle at 5% 140%, rgba(20, 122, 88, 0.08), transparent 35%),
        linear-gradient(145deg, #ffffff, #e8f3f6);
}

:root[data-theme="light"] .squad-governance-theme-zone .legal-shell :is(.legal-hero h1, .legal-panel h2, .legal-panel h3, .legal-empty h2, .legal-list__title, .legal-list__topline, .legal-document-row__body > strong, .legal-audit-item strong) {
    color: #173342;
}

:root[data-theme="light"] .squad-governance-theme-zone .legal-shell :is(.legal-hero p, .legal-panel p, .legal-empty p, .legal-editor-header p, .legal-composer__heading p, .legal-list__meta, .legal-list__status, .legal-check, .legal-document-row small, .legal-audit-item > div span, .legal-audit-item p, .legal-table th, .legal-table td, .legal-muted) {
    color: #587480;
}

:root[data-theme="light"] .squad-governance-theme-zone .legal-shell .legal-summary__item {
    border-color: #c9dfe4;
    background: rgba(255, 255, 255, 0.8);
}

:root[data-theme="light"] .squad-governance-theme-zone .legal-shell .legal-summary__item :is(span, small) {
    color: #587480;
}

:root[data-theme="light"] .squad-governance-theme-zone .legal-shell :is(.legal-tab, .legal-content-tab) {
    color: #486b78;
}

:root[data-theme="light"] .squad-governance-theme-zone .legal-shell :is(.legal-tab:hover, .legal-content-tab:hover, .legal-tab.is-active, .legal-content-tab.is-active) {
    color: #075f79;
    border-color: #86c3d0;
    background: linear-gradient(135deg, #dff2f5, #f8fcfd);
}

:root[data-theme="light"] .squad-governance-theme-zone .legal-shell :is(.legal-input, .legal-select, .legal-textarea) {
    color: #173342;
    border-color: #b9d7df;
    background: #ffffff;
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .squad-governance-theme-zone .legal-shell :is(.legal-input, .legal-textarea)::placeholder {
    color: #78909a;
    opacity: 1;
}

:root[data-theme="light"] .squad-governance-theme-zone .legal-shell :is(.legal-input, .legal-select, .legal-textarea):disabled {
    color: #607985;
    border-color: #c7dce1;
    background: #e3edef;
    opacity: 0.82;
}

:root[data-theme="light"] .squad-governance-theme-zone .legal-shell .legal-select option {
    color: #173342;
    background: #ffffff;
}

:root[data-theme="light"] .squad-governance-theme-zone .legal-shell .legal-list__item {
    color: #173342;
    border-color: #cfE2e7;
    background: rgba(255, 255, 255, 0.78);
}

:root[data-theme="light"] .squad-governance-theme-zone .legal-shell .legal-list__item:hover,
:root[data-theme="light"] .squad-governance-theme-zone .legal-shell .legal-list__item.is-selected {
    border-color: #75bac9;
    background: linear-gradient(135deg, #e0f3f6, #ffffff);
    box-shadow: inset 3px 0 #087fa4, 0 10px 22px rgba(36, 82, 99, 0.09);
}

:root[data-theme="light"] .squad-governance-theme-zone .legal-shell :is(.legal-identity, .legal-hash) {
    border-color: #a9d5c4;
    background: #e8f6f0;
}

:root[data-theme="light"] .squad-governance-theme-zone .legal-shell :is(.legal-markdown-preview, .legal-diff) {
    color: #315d6d;
    border-color: #c1dbe2;
    background: #ffffff;
}

:root[data-theme="light"] .squad-governance-theme-zone .legal-shell .legal-diff__header {
    color: #587480;
    border-color: #c1dbe2;
    background: #e9f4f6;
}

:root[data-theme="light"] .squad-governance-theme-zone .legal-shell .legal-diff__line {
    color: #486b78;
    border-color: #e0ecef;
}

:root[data-theme="light"] .squad-governance-theme-zone .legal-shell .legal-diff__line > span {
    color: #6b8792;
    background: #eef6f8;
}

:root[data-theme="light"] .squad-governance-theme-zone .legal-shell .legal-diff__line--added {
    color: #146347;
    background: #e6f5ee;
}

:root[data-theme="light"] .squad-governance-theme-zone .legal-shell .legal-diff__line--removed {
    color: #8c2945;
    background: #fbe8ed;
}

:root[data-theme="light"] .squad-governance-theme-zone .legal-shell :is(.legal-lock-note, .legal-empty--warning) {
    color: #78500d;
    border-color: #dfc383;
    background: #fff4d6;
}

:root[data-theme="light"] .squad-governance-theme-zone .legal-shell .legal-btn {
    color: #075f79;
    border-color: #a9d0d9;
    background: linear-gradient(180deg, #ffffff, #deedf1);
    box-shadow: 0 6px 14px rgba(36, 82, 99, 0.09);
}

:root[data-theme="light"] .squad-governance-theme-zone .legal-shell .legal-btn--primary {
    color: #ffffff;
    border-color: #087fa4;
    background: linear-gradient(135deg, #087fa4, #15927e);
}

:root[data-theme="light"] .squad-governance-theme-zone .legal-shell .legal-btn--danger {
    color: #8c2945;
    border-color: #e3b6c2;
    background: #fbe8ed;
}

:root[data-theme="light"] .squad-governance-theme-zone .legal-shell .legal-btn:disabled {
    color: #607985;
    border-color: #c7dce1;
    background: #e3edef;
    box-shadow: none;
    opacity: 0.78;
}

:root[data-theme="light"] .squad-governance-theme-zone .legal-shell :is(.legal-composer, .legal-document-row, .legal-audit-item) {
    color: #173342;
    border-color: #c9dfe4;
    background: #f7fbfc;
}

:root[data-theme="light"] .squad-governance-theme-zone .legal-shell :is(.legal-document-row__actions button, .legal-icon-btn) {
    color: #075f79;
    border-color: #b7d5dc;
    background: #edf6f8;
}

:root[data-theme="light"] .squad-governance-theme-zone .legal-shell .legal-icon-btn--danger {
    color: #a63750;
}

:root[data-theme="light"] .squad-governance-theme-zone .legal-shell .legal-resolution {
    border-color: #9bcfbb;
    background: linear-gradient(135deg, #e2f4ec, #f7fbfc);
}

:root[data-theme="light"] .squad-governance-theme-zone .legal-shell .legal-resolution--empty {
    color: #8c2945;
    border-color: #e3b6c2;
    background: #fbe8ed;
}

:root[data-theme="light"] .squad-governance-theme-zone .legal-shell .legal-table code {
    color: #087fa4;
}

/* Productive resource agenda, embedded in Service Bookings or opened standalone. */
:root[data-theme="light"] .productive-resources-schedule-theme-zone {
    --prs-bg: #f8fcfd;
    --prs-surface: rgba(255, 255, 255, 0.94);
    --prs-surface-strong: #ffffff;
    --prs-border: rgba(8, 127, 164, 0.34);
    --prs-border-soft: rgba(28, 126, 151, 0.2);
    --prs-text: #173342;
    --prs-muted: #587480;
    --prs-cyan: #087fa4;
    --prs-blue: #087fa4;
    --prs-deep-blue: #075f79;
    --prs-violet: #486cae;
    --prs-pink: #b63778;
    color: #173342;
    color-scheme: light;
    background: transparent;
}

:root[data-theme="light"] .productive-resources-schedule-theme-zone #upperBar {
    color: #173342;
    border-color: #c1dbe2;
    background:
        radial-gradient(circle at 10% 8%, rgba(8, 145, 180, 0.1), transparent 32%),
        radial-gradient(circle at 88% 18%, rgba(72, 108, 174, 0.07), transparent 30%),
        linear-gradient(135deg, #ffffff, #e7f2f5 58%, #f8fcfd);
    box-shadow: 0 14px 32px rgba(36, 82, 99, 0.12), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .productive-resources-schedule-theme-zone :is(.schedule-title, .schedule-title h1, .schedule-title h2, .schedule-title .panel-title) {
    color: #173342;
    text-shadow: none;
}

:root[data-theme="light"] .productive-resources-schedule-theme-zone .schedule-field span {
    color: #486b78;
}

:root[data-theme="light"] .productive-resources-schedule-theme-zone :is(.schedule-field select, .schedule-field input) {
    color: #173342;
    border-color: #b9d7df;
    background: #ffffff;
    box-shadow: inset 0 1px 0 #ffffff, 0 6px 14px rgba(36, 82, 99, 0.08);
}

:root[data-theme="light"] .productive-resources-schedule-theme-zone :is(.schedule-field select, .schedule-field input):focus {
    border-color: #33a9bd;
    box-shadow: 0 0 0 3px rgba(8, 145, 180, 0.12);
}

:root[data-theme="light"] .productive-resources-schedule-theme-zone .schedule-field select option {
    color: #173342;
    background: #ffffff;
}

:root[data-theme="light"] .productive-resources-schedule-theme-zone .schedule-action-btn--primary {
    color: #ffffff;
    border-color: #087fa4;
    background: linear-gradient(135deg, #087fa4, #15927e);
    box-shadow: 0 9px 20px rgba(8, 127, 164, 0.2);
}

:root[data-theme="light"] .productive-resources-schedule-theme-zone .schedule-action-btn--ghost {
    color: #075f79;
    border-color: #a9d0d9;
    background: linear-gradient(180deg, #ffffff, #deedf1);
    box-shadow: 0 6px 14px rgba(36, 82, 99, 0.1);
}

:root[data-theme="light"] .productive-resources-schedule-theme-zone .schedule-action-btn:disabled {
    color: #607985;
    border-color: #c7dce1;
    background: #e3edef;
    box-shadow: none;
    opacity: 0.78;
}

:root[data-theme="light"] .productive-resources-schedule-theme-zone .schedule-action-banner {
    color: #315d6d;
    border-color: #b8d7df;
    background: #f4f9fa;
    box-shadow: 0 9px 20px rgba(36, 82, 99, 0.1);
}

:root[data-theme="light"] .productive-resources-schedule-theme-zone .schedule-action-banner.is-success {
    color: #146347;
    border-color: #a9d5c4;
    background: #e5f5ee;
}

:root[data-theme="light"] .productive-resources-schedule-theme-zone .schedule-action-banner.is-error {
    color: #8c2945;
    border-color: #e3b6c2;
    background: #fbe8ed;
}

:root[data-theme="light"] .productive-resources-schedule-theme-zone .schedule-loading-state {
    color: #587480;
    border: 1px dashed #b8d7df;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.76);
}

:root[data-theme="light"] .productive-resources-schedule-theme-zone .schedule-loading-state i {
    color: #087fa4;
}

:root[data-theme="light"] .productive-resources-schedule-theme-zone .calendar-cnt {
    border-color: #b8d7df;
    background:
        radial-gradient(circle at 9% 6%, rgba(8, 145, 180, 0.08), transparent 24%),
        radial-gradient(circle at top right, rgba(72, 108, 174, 0.06), transparent 30%),
        linear-gradient(180deg, #f8fcfd, #e7f2f5);
    box-shadow: 0 16px 36px rgba(36, 82, 99, 0.13), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .productive-resources-schedule-theme-zone .calendar-cnt .activity-schedule,
:root[data-theme="light"] .productive-resources-schedule-theme-zone .calendar-cnt .activity-schedule.e-schedule,
:root[data-theme="light"] .productive-resources-schedule-theme-zone .calendar-cnt .activity-schedule .e-schedule {
    color: #173342 !important;
    border-color: #b9d7df !important;
    background: #ffffff !important;
}

:root[data-theme="light"] .productive-resources-schedule-theme-zone .calendar-cnt .activity-schedule :is(.e-schedule-toolbar, .e-toolbar, .e-toolbar-items) {
    color: #173342 !important;
    border-color: #c1dbe2 !important;
    background: linear-gradient(180deg, #ffffff, #e9f4f6) !important;
}

:root[data-theme="light"] .productive-resources-schedule-theme-zone .calendar-cnt .activity-schedule .e-toolbar .e-toolbar-item .e-tbar-btn {
    color: #315d6d !important;
    border-color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
}

:root[data-theme="light"] .productive-resources-schedule-theme-zone .calendar-cnt .activity-schedule .e-toolbar .e-toolbar-item .e-tbar-btn :is(.e-tbar-btn-text, .e-icons),
:root[data-theme="light"] .productive-resources-schedule-theme-zone .calendar-cnt .activity-schedule :is(.e-date-range, .e-toolbar-item) {
    color: #315d6d !important;
}

:root[data-theme="light"] .productive-resources-schedule-theme-zone .calendar-cnt .activity-schedule .e-toolbar .e-toolbar-item .e-tbar-btn:hover,
:root[data-theme="light"] .productive-resources-schedule-theme-zone .calendar-cnt .activity-schedule .e-toolbar .e-toolbar-item.e-active-view .e-tbar-btn {
    color: #075f79 !important;
    border-color: #a9d0d9 !important;
    background: #dff1f4 !important;
}

:root[data-theme="light"] .productive-resources-schedule-theme-zone .calendar-cnt .activity-schedule :is(.e-date-header-container, .e-date-header-wrap, .e-time-cells-wrap, .e-content-wrap, .e-content-table, .e-month-view) {
    color: #173342 !important;
    border-color: #c7dce1 !important;
    background: #ffffff !important;
}

:root[data-theme="light"] .productive-resources-schedule-theme-zone .calendar-cnt .activity-schedule :is(.e-header-cells, .e-all-day-cells, .e-all-day-appointment-wrapper) {
    color: #315d6d !important;
    border-color: #c7dce1 !important;
    background: #eaf4f6 !important;
}

:root[data-theme="light"] .productive-resources-schedule-theme-zone .calendar-cnt .activity-schedule .e-header-cells :is(.e-header-day, .e-header-date) {
    color: #315d6d !important;
}

:root[data-theme="light"] .productive-resources-schedule-theme-zone .calendar-cnt .activity-schedule .e-header-cells.e-current-day,
:root[data-theme="light"] .productive-resources-schedule-theme-zone .calendar-cnt .activity-schedule .e-header-cells.e-current-day :is(.e-header-day, .e-header-date) {
    color: #087fa4 !important;
    background: #dff2f5 !important;
}

:root[data-theme="light"] .productive-resources-schedule-theme-zone .calendar-cnt .activity-schedule .e-time-cells {
    color: #486b78 !important;
    border-color: #c7dce1 !important;
    background: #edf5f7 !important;
}

:root[data-theme="light"] .productive-resources-schedule-theme-zone .calendar-cnt .activity-schedule .e-vertical-view .e-time-cells-wrap,
:root[data-theme="light"] .productive-resources-schedule-theme-zone .calendar-cnt .activity-schedule .e-vertical-view .e-time-cells-wrap table,
:root[data-theme="light"] .productive-resources-schedule-theme-zone .calendar-cnt .activity-schedule .e-vertical-view .e-time-cells-wrap tbody,
:root[data-theme="light"] .productive-resources-schedule-theme-zone .calendar-cnt .activity-schedule .e-vertical-view .e-time-cells-wrap tr {
    color: #486b78 !important;
    background: #edf5f7 !important;
}

:root[data-theme="light"] .productive-resources-schedule-theme-zone .calendar-cnt .activity-schedule .e-vertical-view .e-time-cells-wrap table td {
    color: #486b78 !important;
    border-color: #c7dce1 !important;
    background: #edf5f7 !important;
}

:root[data-theme="light"] .productive-resources-schedule-theme-zone .calendar-cnt .activity-schedule .e-work-cells {
    color: #173342 !important;
    border-color: #d1e2e6 !important;
    background: #ffffff !important;
}

:root[data-theme="light"] .productive-resources-schedule-theme-zone .calendar-cnt .activity-schedule .e-work-cells.e-work-hours {
    background: #f8fbfc !important;
}

:root[data-theme="light"] .productive-resources-schedule-theme-zone .calendar-cnt .activity-schedule .e-work-cells:hover,
:root[data-theme="light"] .productive-resources-schedule-theme-zone .calendar-cnt .activity-schedule .e-work-cells.e-selected-cell {
    background: #e2f3f6 !important;
}

:root[data-theme="light"] .productive-resources-schedule-theme-zone .calendar-cnt .activity-schedule :is(.e-current-time, .e-current-timeline) {
    color: #087fa4 !important;
    border-color: #087fa4 !important;
}

:root[data-theme="light"] .productive-resources-schedule-theme-zone .calendar-cnt .activity-schedule .e-more-indicator {
    color: #075f79 !important;
    background: #e2f3f6 !important;
}

:root[data-theme="light"] .productive-resources-schedule-theme-zone .calendar-cnt .activity-schedule .e-appointment,
:root[data-theme="light"] .productive-resources-schedule-theme-zone .calendar-cnt .activity-schedule .e-vertical-view .e-day-wrapper .e-appointment {
    overflow: visible !important;
    padding: 3px 4px !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

:root[data-theme="light"] .productive-resources-schedule-theme-zone .calendar-cnt .activity-schedule .e-appointment :is(.e-appointment-details, .e-appointment-template) {
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #173342 !important;
    background: transparent !important;
}

:root[data-theme="light"] .productive-resources-schedule-theme-zone .calendar-cnt .activity-schedule .e-appointment .appointment-cnt {
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0.52rem 0.62rem !important;
    box-sizing: border-box;
}

:root[data-theme="light"] .productive-resources-schedule-theme-zone .calendar-cnt .activity-schedule .e-appointment.e-appointment-border .appointment-cnt {
    border-color: #087fa4;
    box-shadow: 0 0 0 2px rgba(8, 127, 164, 0.2), 0 8px 18px rgba(36, 82, 99, 0.14);
}

:root[data-theme="light"] .productive-resources-schedule-theme-zone .appointment-cnt {
    color: #173342;
    border-color: #acd4dd;
    background: linear-gradient(135deg, #ffffff, #e8f3f6);
    box-shadow: 0 8px 18px rgba(36, 82, 99, 0.14), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .productive-resources-schedule-theme-zone .appointment-cnt :is(.apt__title, .apt__meta, .apt__time) {
    color: #173342;
    text-shadow: none;
    opacity: 1;
}

:root[data-theme="light"] .productive-resources-schedule-theme-zone .appointment-cnt .apt__glow {
    opacity: 0.14;
    mix-blend-mode: multiply;
}

:root[data-theme="light"] .productive-resources-schedule-theme-zone .appointment-cnt .apt__badge {
    color: #315d6d;
    border-color: #b9d7df;
    background: rgba(255, 255, 255, 0.84);
    box-shadow: none;
    text-shadow: none;
}

:root[data-theme="light"] .productive-resources-schedule-theme-zone .appointment-cnt.st-free {
    color: #075f79;
    border-color: #85c7d4;
    border-left-color: #087fa4;
    background: linear-gradient(135deg, #e2f4f7, #f8fcfd);
    box-shadow: 0 8px 18px rgba(8, 127, 164, 0.13);
}

:root[data-theme="light"] .productive-resources-schedule-theme-zone .appointment-cnt.st-confirmed {
    color: #104c3b;
    border-color: #8fc8b3;
    border-left-color: #147a58;
    background: linear-gradient(135deg, #dff3ea, #f7fcf9);
    box-shadow: 0 8px 18px rgba(20, 122, 88, 0.13);
}

:root[data-theme="light"] .productive-resources-schedule-theme-zone .appointment-cnt.st-not-confirmed {
    color: #78500d;
    border-color: #dfc383;
    border-left-color: #a96e0e;
    background: linear-gradient(135deg, #fff0c8, #fffaf0);
    box-shadow: 0 8px 18px rgba(169, 110, 14, 0.13);
}

:root[data-theme="light"] .productive-resources-schedule-theme-zone .appointment-cnt.st-invoiced {
    color: #146347;
    border-color: #a9d5c4;
    border-left-color: #15927e;
    background: linear-gradient(135deg, #e5f5ee, #ffffff);
}

:root[data-theme="light"] .productive-resources-schedule-theme-zone .appointment-cnt.st-na {
    color: #8c2945;
    border-color: #e3b6c2;
    border-left-color: #b33c59;
    background: repeating-linear-gradient(135deg, rgba(179, 60, 89, 0.06) 0 12px, transparent 12px 24px), linear-gradient(135deg, #fbe8ed, #fffafa);
    box-shadow: 0 8px 18px rgba(140, 41, 69, 0.13);
}

:root[data-theme="light"] .productive-resources-schedule-theme-zone .appointment-cnt.st-other {
    color: #524078;
    border-color: #c8bcdf;
    border-left-color: #715aa1;
    background: linear-gradient(135deg, #eee9f7, #ffffff);
}

:root[data-theme="light"] .productive-resources-schedule-theme-zone .appointment-cnt:hover {
    border-color: #6db8c8;
    box-shadow: 0 12px 24px rgba(36, 82, 99, 0.18);
}

/* Syncfusion schedule overlays are portalled outside the agenda component. */
:root[data-theme="light"] :is(.e-quick-popup-wrapper.e-schedule-event-popup, .e-schedule-dialog.e-dialog, .e-recurrenceeditor, .e-schedule .e-more-popup-wrapper) {
    color: #173342 !important;
    border-color: #b9d7df !important;
    background: #ffffff !important;
    box-shadow: 0 18px 38px rgba(36, 82, 99, 0.2) !important;
}

:root[data-theme="light"] :is(.e-quick-popup-wrapper.e-schedule-event-popup, .e-schedule-dialog.e-dialog) :is(.e-popup-header, .e-dlg-header-content, .e-popup-content, .e-dlg-content, .e-popup-footer, .e-footer-content) {
    color: #173342 !important;
    border-color: #c7dce1 !important;
    background: #ffffff !important;
}

:root[data-theme="light"] :is(.e-quick-popup-wrapper.e-schedule-event-popup, .e-schedule-dialog.e-dialog) :is(input, textarea, select) {
    color: #173342 !important;
    border-color: #b9d7df !important;
    background: #ffffff !important;
}

/* Dark resource agenda: replace Syncfusion defaults with the application palette. */
:root[data-theme="dark"] .productive-resources-schedule-theme-zone {
    --prs-bg: #050e1a;
    --prs-surface: rgba(8, 22, 37, 0.96);
    --prs-surface-strong: #0a1b2d;
    --prs-border: rgba(81, 215, 242, 0.38);
    --prs-border-soft: rgba(81, 215, 242, 0.18);
    --prs-text: #edfaff;
    --prs-muted: #9bb9c8;
    --prs-cyan: #51d7f2;
    --prs-blue: #3d8dff;
    --prs-deep-blue: #071a32;
    --prs-violet: #7569ff;
    --prs-pink: #f16dce;
    color: #edfaff;
    color-scheme: dark;
}

:root[data-theme="dark"] .productive-resources-schedule-theme-zone #upperBar {
    border-color: rgba(81, 215, 242, 0.22);
    background:
        radial-gradient(circle at 9% 4%, rgba(81, 215, 242, 0.14), transparent 30%),
        radial-gradient(circle at 90% 10%, rgba(117, 105, 255, 0.13), transparent 30%),
        linear-gradient(135deg, #071927, #09182f 54%, #0b1430);
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

:root[data-theme="dark"] .productive-resources-schedule-theme-zone .schedule-field span {
    color: #a8c1ce;
}

:root[data-theme="dark"] .productive-resources-schedule-theme-zone :is(.schedule-field select, .schedule-field input) {
    color: #edfaff;
    border-color: rgba(81, 215, 242, 0.3);
    background: linear-gradient(180deg, #0a1a29, #06111e);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 7px 16px rgba(0, 0, 0, 0.2);
}

:root[data-theme="dark"] .productive-resources-schedule-theme-zone :is(.schedule-field select, .schedule-field input):focus {
    border-color: #51d7f2;
    box-shadow: 0 0 0 3px rgba(81, 215, 242, 0.12);
}

:root[data-theme="dark"] .productive-resources-schedule-theme-zone .schedule-field select option {
    color: #edfaff;
    background: #0a1a29;
}

:root[data-theme="dark"] .productive-resources-schedule-theme-zone .schedule-action-btn--primary {
    color: #ffffff;
    border-color: rgba(81, 215, 242, 0.45);
    background: linear-gradient(135deg, #129bbb, #346ee2 58%, #6759e8);
    box-shadow: 0 10px 24px rgba(52, 110, 226, 0.26), 0 0 20px rgba(81, 215, 242, 0.1);
}

:root[data-theme="dark"] .productive-resources-schedule-theme-zone .schedule-action-btn--ghost {
    color: #dff8ff;
    border-color: rgba(81, 215, 242, 0.28);
    background: linear-gradient(180deg, #10263a, #081725);
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.22);
}

:root[data-theme="dark"] .productive-resources-schedule-theme-zone .schedule-action-btn:hover:not(:disabled) {
    border-color: #51d7f2;
    box-shadow: 0 12px 26px rgba(0, 0, 0, 0.3), 0 0 20px rgba(81, 215, 242, 0.14);
}

:root[data-theme="dark"] .productive-resources-schedule-theme-zone .schedule-action-btn:disabled {
    color: #718997;
    border-color: rgba(131, 161, 176, 0.16);
    background: #101d27;
    box-shadow: none;
    opacity: 0.78;
}

:root[data-theme="dark"] .productive-resources-schedule-theme-zone .schedule-action-banner {
    color: #c7dce5;
    border-color: rgba(81, 215, 242, 0.22);
    background: #0b1b29;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.26);
}

:root[data-theme="dark"] .productive-resources-schedule-theme-zone .schedule-action-banner.is-success {
    color: #9cedca;
    border-color: rgba(101, 239, 201, 0.32);
    background: rgba(11, 55, 49, 0.82);
}

:root[data-theme="dark"] .productive-resources-schedule-theme-zone .schedule-action-banner.is-error {
    color: #ffc0ca;
    border-color: rgba(255, 113, 135, 0.34);
    background: rgba(61, 20, 34, 0.86);
}

:root[data-theme="dark"] .productive-resources-schedule-theme-zone .schedule-loading-state {
    color: #9bb9c8;
    border: 1px dashed rgba(81, 215, 242, 0.24);
    border-radius: 16px;
    background: rgba(7, 22, 35, 0.72);
}

:root[data-theme="dark"] .productive-resources-schedule-theme-zone .calendar-cnt {
    border-color: rgba(81, 215, 242, 0.2);
    background:
        radial-gradient(circle at 7% 4%, rgba(81, 215, 242, 0.09), transparent 24%),
        radial-gradient(circle at 94% 3%, rgba(117, 105, 255, 0.09), transparent 28%),
        linear-gradient(180deg, #081724, #050e18);
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.38), inset 0 1px 0 rgba(255, 255, 255, 0.035);
}

:root[data-theme="dark"] .productive-resources-schedule-theme-zone .calendar-cnt .activity-schedule,
:root[data-theme="dark"] .productive-resources-schedule-theme-zone .calendar-cnt .activity-schedule.e-schedule,
:root[data-theme="dark"] .productive-resources-schedule-theme-zone .calendar-cnt .activity-schedule .e-schedule {
    color: #e7f4fa !important;
    border-color: rgba(81, 215, 242, 0.18) !important;
    background: #07121d !important;
    scrollbar-color: #45677b #07121d;
}

:root[data-theme="dark"] .productive-resources-schedule-theme-zone .calendar-cnt .activity-schedule :is(.e-schedule-toolbar, .e-toolbar, .e-toolbar-items) {
    color: #e7f4fa !important;
    border-color: rgba(81, 215, 242, 0.16) !important;
    background: linear-gradient(180deg, #101d29, #0a151f) !important;
}

:root[data-theme="dark"] .productive-resources-schedule-theme-zone .calendar-cnt .activity-schedule .e-toolbar .e-toolbar-item .e-tbar-btn {
    color: #bdd0d9 !important;
    border-color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
}

:root[data-theme="dark"] .productive-resources-schedule-theme-zone .calendar-cnt .activity-schedule .e-toolbar .e-toolbar-item .e-tbar-btn :is(.e-tbar-btn-text, .e-icons),
:root[data-theme="dark"] .productive-resources-schedule-theme-zone .calendar-cnt .activity-schedule :is(.e-date-range, .e-toolbar-item) {
    color: #bdd0d9 !important;
}

:root[data-theme="dark"] .productive-resources-schedule-theme-zone .calendar-cnt .activity-schedule .e-toolbar .e-toolbar-item .e-tbar-btn:hover,
:root[data-theme="dark"] .productive-resources-schedule-theme-zone .calendar-cnt .activity-schedule .e-toolbar .e-toolbar-item.e-active-view .e-tbar-btn {
    color: #7cecff !important;
    border-color: rgba(81, 215, 242, 0.22) !important;
    background: rgba(31, 111, 135, 0.24) !important;
}

:root[data-theme="dark"] .productive-resources-schedule-theme-zone .calendar-cnt .activity-schedule :is(.e-date-header-container, .e-date-header-wrap, .e-time-cells-wrap, .e-content-wrap, .e-content-table, .e-month-view) {
    color: #dcebf1 !important;
    border-color: #29404c !important;
    background: #07121d !important;
}

:root[data-theme="dark"] .productive-resources-schedule-theme-zone .calendar-cnt .activity-schedule :is(.e-header-cells, .e-all-day-cells, .e-all-day-appointment-wrapper) {
    color: #b9ced8 !important;
    border-color: #314a57 !important;
    background: #101c26 !important;
}

:root[data-theme="dark"] .productive-resources-schedule-theme-zone .calendar-cnt .activity-schedule .e-header-cells :is(.e-header-day, .e-header-date) {
    color: #b9ced8 !important;
}

:root[data-theme="dark"] .productive-resources-schedule-theme-zone .calendar-cnt .activity-schedule .e-header-cells.e-current-day,
:root[data-theme="dark"] .productive-resources-schedule-theme-zone .calendar-cnt .activity-schedule .e-header-cells.e-current-day :is(.e-header-day, .e-header-date) {
    color: #51d7f2 !important;
    background: #102939 !important;
}

:root[data-theme="dark"] .productive-resources-schedule-theme-zone .calendar-cnt .activity-schedule .e-vertical-view .e-time-cells-wrap,
:root[data-theme="dark"] .productive-resources-schedule-theme-zone .calendar-cnt .activity-schedule .e-vertical-view .e-time-cells-wrap table,
:root[data-theme="dark"] .productive-resources-schedule-theme-zone .calendar-cnt .activity-schedule .e-vertical-view .e-time-cells-wrap tbody,
:root[data-theme="dark"] .productive-resources-schedule-theme-zone .calendar-cnt .activity-schedule .e-vertical-view .e-time-cells-wrap tr,
:root[data-theme="dark"] .productive-resources-schedule-theme-zone .calendar-cnt .activity-schedule .e-vertical-view .e-time-cells-wrap table td {
    color: #b4c8d2 !important;
    border-color: #334954 !important;
    background: #121d27 !important;
}

:root[data-theme="dark"] .productive-resources-schedule-theme-zone .calendar-cnt .activity-schedule .e-work-cells {
    color: #dcebf1 !important;
    border-color: #2b414d !important;
    background: #08131d !important;
}

:root[data-theme="dark"] .productive-resources-schedule-theme-zone .calendar-cnt .activity-schedule .e-work-cells.e-work-hours {
    background: #0a1722 !important;
}

:root[data-theme="dark"] .productive-resources-schedule-theme-zone .calendar-cnt .activity-schedule .e-work-cells:hover,
:root[data-theme="dark"] .productive-resources-schedule-theme-zone .calendar-cnt .activity-schedule .e-work-cells.e-selected-cell {
    background: #123246 !important;
}

:root[data-theme="dark"] .productive-resources-schedule-theme-zone .calendar-cnt .activity-schedule :is(.e-current-time, .e-current-timeline) {
    color: #42bfff !important;
    border-color: #42bfff !important;
}

:root[data-theme="dark"] .productive-resources-schedule-theme-zone .calendar-cnt .activity-schedule .e-more-indicator {
    color: #7cecff !important;
    background: #102939 !important;
}

:root[data-theme="dark"] .productive-resources-schedule-theme-zone .calendar-cnt .activity-schedule .e-appointment,
:root[data-theme="dark"] .productive-resources-schedule-theme-zone .calendar-cnt .activity-schedule .e-vertical-view .e-day-wrapper .e-appointment {
    overflow: visible !important;
    padding: 3px 4px !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

:root[data-theme="dark"] .productive-resources-schedule-theme-zone .calendar-cnt .activity-schedule .e-appointment :is(.e-appointment-details, .e-appointment-template) {
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #edfaff !important;
    background: transparent !important;
}

:root[data-theme="dark"] .productive-resources-schedule-theme-zone .calendar-cnt .activity-schedule .e-appointment .appointment-cnt {
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0.52rem 0.62rem !important;
    box-sizing: border-box;
}

:root[data-theme="dark"] .productive-resources-schedule-theme-zone .appointment-cnt {
    color: #edfaff;
    border-color: rgba(81, 215, 242, 0.25);
    background: linear-gradient(135deg, #102941, #0a1b32);
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

:root[data-theme="dark"] .productive-resources-schedule-theme-zone .appointment-cnt.st-free {
    border-color: rgba(81, 215, 242, 0.36);
    border-left-color: #51d7f2;
    background: radial-gradient(circle at 8% 4%, rgba(81, 215, 242, 0.18), transparent 34%), linear-gradient(135deg, #123657, #11245d);
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

:root[data-theme="dark"] .productive-resources-schedule-theme-zone .appointment-cnt :is(.apt__title, .apt__meta, .apt__time) {
    color: #edfaff;
    text-shadow: none;
    opacity: 1;
}

:root[data-theme="dark"] .productive-resources-schedule-theme-zone .appointment-cnt .apt__glow {
    opacity: 0.28;
    mix-blend-mode: screen;
}

:root[data-theme="dark"] .productive-resources-schedule-theme-zone .appointment-cnt .apt__badge {
    color: #dff8ff;
    border-color: rgba(81, 215, 242, 0.3);
    background: rgba(3, 14, 27, 0.72);
    box-shadow: none;
    text-shadow: none;
}

:root[data-theme="dark"] .productive-resources-schedule-theme-zone .calendar-cnt .activity-schedule .e-appointment.e-appointment-border .appointment-cnt {
    border-color: #7cecff;
    box-shadow: 0 0 0 2px rgba(81, 215, 242, 0.22), 0 10px 22px rgba(0, 0, 0, 0.34);
}

:root[data-theme="dark"] :is(.e-quick-popup-wrapper.e-schedule-event-popup, .e-schedule-dialog.e-dialog, .e-recurrenceeditor, .e-schedule .e-more-popup-wrapper) {
    color: #edfaff !important;
    border-color: rgba(81, 215, 242, 0.24) !important;
    background: #0a1826 !important;
    box-shadow: 0 20px 42px rgba(0, 0, 0, 0.46) !important;
}

:root[data-theme="dark"] :is(.e-quick-popup-wrapper.e-schedule-event-popup, .e-schedule-dialog.e-dialog) :is(.e-popup-header, .e-dlg-header-content, .e-popup-content, .e-dlg-content, .e-popup-footer, .e-footer-content) {
    color: #edfaff !important;
    border-color: rgba(81, 215, 242, 0.16) !important;
    background: #0a1826 !important;
}

:root[data-theme="dark"] :is(.e-quick-popup-wrapper.e-schedule-event-popup, .e-schedule-dialog.e-dialog) :is(input, textarea, select) {
    color: #edfaff !important;
    border-color: rgba(81, 215, 242, 0.26) !important;
    background: #07131f !important;
}

/* Keep booking action icons comfortably separated from their labels in both modes. */
.booking-shell :is(.booking-primary, .booking-secondary, .booking-danger, .booking-list-refresh, .booking-filter-reset) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.46rem;
}

.booking-shell .booking-icon {
    display: inline-grid;
    place-items: center;
}

/* Production-curve parameters: mode-aware surface used by master tables and orders. */
:root[data-theme="light"] .productive-mode-parameters {
    --pmp-surface: rgba(247, 252, 253, 0.97);
    --pmp-panel: rgba(255, 255, 255, 0.86);
    --pmp-line: rgba(24, 126, 154, 0.2);
    --pmp-muted: #587681;
    --pmp-cyan: #087fa4;
    --pmp-teal: #168b78;
    --pmp-danger: #b63859;
    color: #173f50;
    color-scheme: light;
    background:
        radial-gradient(circle at 0% 0%, rgba(25, 181, 215, 0.11), transparent 31rem),
        radial-gradient(circle at 100% 0%, rgba(255, 183, 66, 0.08), transparent 25rem),
        linear-gradient(145deg, #ffffff, #e8f3f6);
    border-color: rgba(24, 126, 154, 0.22);
    box-shadow: 0 14px 32px rgba(42, 86, 101, 0.13), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .productive-mode-parameters .productive-mode-parameters__header {
    padding-bottom: 0.65rem;
    border-bottom: 1px solid rgba(24, 126, 154, 0.14);
}

:root[data-theme="light"] .productive-mode-parameters :is(h3, .productive-mode-parameters__variable, .productive-mode-parameters__empty strong) {
    color: #173f50;
    text-shadow: none;
}

:root[data-theme="light"] .productive-mode-parameters :is(p, small, .productive-mode-parameters__empty, .productive-mode-parameters__drift > div span) {
    color: #587681;
    text-shadow: none;
}

:root[data-theme="light"] .productive-mode-parameters :is(.productive-mode-parameters__eyebrow, .productive-mode-parameters__panel-head > div > span, .productive-mode-parameters__formula-heading > span:first-child, .productive-mode-parameters__runtime-inputs > span) {
    color: #087fa4;
}

:root[data-theme="light"] .productive-mode-parameters button {
    color: #245364;
    border-color: rgba(24, 126, 154, 0.25);
    background: linear-gradient(145deg, #ffffff, #e2eff2);
    box-shadow: 0 5px 12px rgba(42, 86, 101, 0.1), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .productive-mode-parameters button:hover:not(:disabled) {
    color: #064f66;
    border-color: rgba(8, 145, 180, 0.5);
    background: linear-gradient(145deg, #ffffff, #d3eaf0);
    box-shadow: 0 8px 17px rgba(42, 86, 101, 0.14), 0 0 0 3px rgba(8, 145, 180, 0.08);
}

:root[data-theme="light"] .productive-mode-parameters button:disabled {
    color: #718991;
    background: #e2ecef;
    border-color: rgba(83, 112, 124, 0.14);
    box-shadow: none;
    opacity: 0.82;
}

:root[data-theme="light"] .productive-mode-parameters :is(.productive-mode-parameters__add, .productive-mode-parameters__save) {
    color: #ffffff;
    border-color: #087fa4;
    background: linear-gradient(135deg, #18b8c7, #087fa4);
    box-shadow: 0 7px 16px rgba(8, 127, 164, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.28);
}

:root[data-theme="light"] .productive-mode-parameters :is(.productive-mode-parameters__formula-card, .productive-mode-parameters__panel, .productive-mode-parameters__drift, .productive-mode-parameters__empty) {
    color: #173f50;
    border-color: rgba(24, 126, 154, 0.17);
    background: rgba(255, 255, 255, 0.78);
    box-shadow: 0 7px 18px rgba(42, 86, 101, 0.08), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .productive-mode-parameters .productive-mode-parameters__empty {
    min-height: 5.2rem;
    align-content: center;
    padding: 0.9rem 1rem;
    border-style: dashed;
    background:
        radial-gradient(circle at 100% 0%, rgba(255, 183, 66, 0.08), transparent 45%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.93), rgba(232, 244, 247, 0.9));
}

:root[data-theme="light"] .productive-mode-parameters .productive-mode-parameters__empty > i {
    display: grid;
    width: 2rem;
    height: 2rem;
    margin-bottom: 0.18rem;
    place-items: center;
    color: #087fa4;
    border: 1px solid rgba(8, 145, 180, 0.23);
    border-radius: 0.58rem;
    background: #e2f3f6;
}

:root[data-theme="light"] .productive-mode-parameters .productive-mode-parameters__formula-card code {
    color: #075f79;
    border-left-color: #168b78;
    background: #edf7f9;
    box-shadow: inset 0 0 0 1px rgba(24, 126, 154, 0.1);
}

:root[data-theme="light"] .productive-mode-parameters :is(.productive-mode-parameters__formula-count, .productive-mode-parameters__axis) {
    color: #075f79;
    border: 1px solid rgba(8, 145, 180, 0.15);
    background: #dff1f4;
}

:root[data-theme="light"] .productive-mode-parameters .productive-mode-parameters__parameter {
    color: #173f50;
    border-color: rgba(24, 126, 154, 0.16);
    background: linear-gradient(145deg, #ffffff, #edf6f8);
    box-shadow: 0 5px 13px rgba(42, 86, 101, 0.08);
}

:root[data-theme="light"] .productive-mode-parameters .productive-mode-parameters__parameter.is-missing {
    border-color: rgba(188, 126, 23, 0.42);
    background: linear-gradient(145deg, #fffdf8, #faedcf);
}

:root[data-theme="light"] .productive-mode-parameters :is(label > span, label > small) {
    color: #496b78;
}

:root[data-theme="light"] .productive-mode-parameters input {
    color: #173f50;
    background: #ffffff;
    border-color: rgba(24, 126, 154, 0.26);
    box-shadow: inset 0 1px 2px rgba(42, 86, 101, 0.05);
}

:root[data-theme="light"] .productive-mode-parameters input:focus {
    border-color: #0a94b3;
    box-shadow: 0 0 0 3px rgba(8, 145, 180, 0.12);
}

:root[data-theme="light"] .productive-mode-parameters input:disabled {
    color: #607b86;
    -webkit-text-fill-color: #607b86;
    background: #e8f0f2;
    opacity: 1;
}

:root[data-theme="light"] .productive-mode-parameters .productive-mode-parameters__runtime-inputs {
    border-top-color: rgba(24, 126, 154, 0.15);
}

:root[data-theme="light"] .productive-mode-parameters .productive-mode-parameters__message.is-success {
    color: #126347;
    border: 1px solid rgba(20, 122, 88, 0.2);
    background: #e1f3eb;
}

:root[data-theme="light"] .productive-mode-parameters :is(.productive-mode-parameters__message.is-error, .productive-mode-parameters__chart-error) {
    color: #8c2945;
    border: 1px solid rgba(179, 60, 89, 0.2);
    background: #fbe8ed;
}

:root[data-theme="light"] .productive-mode-parameters .productive-mode-parameters__drift {
    border-color: rgba(179, 60, 89, 0.28);
    background: linear-gradient(145deg, #fffafa, #fbe8ed);
}

:root[data-theme="light"] .productive-mode-parameters :is(.e-chart text, .e-axis-label, .e-axis-title, .e-chart-title, .e-legend-text) {
    fill: #315b6b !important;
    color: #315b6b !important;
}

:root[data-theme="light"] .productive-mode-parameters :is(.e-major-grid-lines, .e-minor-grid-lines, .e-axis-line) {
    stroke: rgba(49, 91, 107, 0.18) !important;
}

:root[data-theme="dark"] .productive-mode-parameters {
    --pmp-surface: rgba(5, 22, 36, 0.96);
    --pmp-panel: rgba(8, 30, 47, 0.9);
    --pmp-line: rgba(61, 211, 232, 0.24);
    --pmp-muted: #9ab2c5;
    --pmp-cyan: #40d9ee;
    --pmp-teal: #20bfaa;
    --pmp-danger: #f06d80;
    color: #e8f5fa;
    color-scheme: dark;
    background:
        radial-gradient(circle at 0% 0%, rgba(64, 217, 238, 0.09), transparent 32rem),
        linear-gradient(135deg, rgba(6, 22, 37, 0.98), rgba(8, 28, 44, 0.94));
    border-color: rgba(61, 211, 232, 0.26);
    box-shadow: 0 16px 38px rgba(0, 0, 0, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

:root[data-theme="dark"] .productive-mode-parameters :is(input, button) {
    color-scheme: dark;
}

:root[data-theme="dark"] .productive-mode-parameters :is(.e-chart text, .e-axis-label, .e-axis-title, .e-chart-title, .e-legend-text) {
    fill: #b9d4df !important;
    color: #b9d4df !important;
}

:root[data-theme="dark"] .productive-mode-parameters :is(.e-major-grid-lines, .e-minor-grid-lines, .e-axis-line) {
    stroke: rgba(154, 178, 197, 0.2) !important;
}

/* Master-table validation: keep the summary icon clear of its title in dark mode. */
:root[data-theme="dark"] .operations-theme-zone .master-table-document .val-summary-title {
    display: flex;
    align-items: center;
    min-height: 3rem;
    margin: 0;
    padding: 0.78rem 1rem 0.78rem 3.35rem;
}

:root[data-theme="dark"] .operations-theme-zone .master-table-document .val-summary-wrap:has(> ul.validation-errors)::before {
    content: "!";
    top: 0.78rem;
    left: 1rem;
    width: 1.6rem;
    height: 1.6rem;
}

/* Master-table validation: preserve warning hierarchy and contrast on light surfaces. */
:root[data-theme="light"] .operations-theme-zone .master-table-document .val-summary-title {
    min-height: 3rem;
    margin: 0;
    padding: 0.78rem 1rem 0.78rem 3.35rem;
    color: #6f2c17;
    font-weight: 750;
    line-height: 1.35;
    text-shadow: none;
    border: 1px solid rgba(190, 91, 54, 0.42);
    background: linear-gradient(145deg, #fff9ed, #fbe4d8);
    box-shadow: 0 8px 20px rgba(113, 62, 43, 0.12), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .operations-theme-zone .master-table-document .val-summary-wrap:has(> ul.validation-errors)::before {
    content: "!";
    top: 0.78rem;
    left: 1rem;
    width: 1.6rem;
    height: 1.6rem;
    color: #ffffff;
    border-color: rgba(147, 55, 35, 0.5);
    background: linear-gradient(145deg, #dc6752, #a93d32);
    box-shadow: 0 0 0 5px rgba(190, 76, 55, 0.1), 0 4px 10px rgba(113, 62, 43, 0.16);
}

:root[data-theme="light"] .operations-theme-zone .master-table-document .val-summary-wrap > ul.validation-errors {
    margin: 0;
    padding: 0.42rem 0.5rem;
    color: #55331d;
    text-shadow: none;
    border: 1px solid rgba(176, 112, 38, 0.34);
    background: linear-gradient(145deg, rgba(255, 253, 247, 0.98), rgba(250, 239, 211, 0.94));
    box-shadow: 0 8px 18px rgba(89, 69, 38, 0.1), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .operations-theme-zone .master-table-document .val-summary-wrap > ul.validation-errors > li.validation-message,
:root[data-theme="light"] .operations-theme-zone .master-table-document .val-summary-wrap > ul.validation-errors > li.validation-message:hover {
    align-items: flex-start;
    margin: 0.36rem 0;
    padding: 0.58rem 0.72rem;
    color: #533015;
    font-weight: 650;
    text-shadow: none;
    border-color: rgba(176, 112, 38, 0.24);
    background: rgba(255, 248, 229, 0.96);
}

:root[data-theme="light"] .operations-theme-zone .master-table-document .val-summary-wrap > ul.validation-errors > li.validation-message::before {
    margin-top: 0.36rem;
    background: #b96816;
    box-shadow: 0 0 0 4px rgba(185, 104, 22, 0.12);
}

:root[data-theme="light"] .operations-theme-zone .master-table-document .validation-msg {
    color: #782637;
    font-weight: 650;
    line-height: 1.35;
    text-shadow: none;
    border-color: rgba(190, 67, 91, 0.42);
    background: linear-gradient(145deg, #fff7f8, #fbdfe4);
    box-shadow: 0 7px 16px rgba(126, 48, 66, 0.11), inset 0 1px 0 #ffffff;
    backdrop-filter: none;
}

:root[data-theme="light"] .operations-theme-zone .master-table-document .validation-msg::before {
    color: #ffffff;
    border-color: rgba(142, 40, 61, 0.48);
    background: linear-gradient(145deg, #dd5a73, #a82e4a);
    box-shadow: 0 0 0 4px rgba(190, 67, 91, 0.1);
}

:root[data-theme="light"] .operations-theme-zone .master-table-document .grid-container .grid-item.has-error {
    border-color: rgba(190, 67, 91, 0.48);
    background: linear-gradient(160deg, rgba(255, 255, 255, 0.94), rgba(255, 239, 242, 0.82));
    box-shadow: 0 0 0 2px rgba(190, 67, 91, 0.08), 0 10px 24px rgba(107, 54, 66, 0.1);
}

:root[data-theme="light"] .operations-theme-zone .master-table-document .grid-container .grid-item.has-error :is(input, select, textarea, .form-control),
:root[data-theme="light"] .operations-theme-zone .master-table-document .grid-container .grid-item.has-error .selectorcontainer {
    border-color: rgba(190, 67, 91, 0.58);
    box-shadow: 0 0 0 3px rgba(190, 67, 91, 0.1);
}

/* Master-table booleans: unify off/on tracks across header and nested document sections. */
:root[data-theme="light"] .operations-theme-zone .master-table-document .toggle-switch {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    filter: none !important;
}

:root[data-theme="light"] .operations-theme-zone .master-table-document .toggle-switch .slider {
    overflow: hidden;
    border: 1px solid #9ab8c1 !important;
    background: linear-gradient(180deg, #e6f0f2, #cfdee2) !important;
    box-shadow: inset 0 1px 2px rgba(42, 86, 101, 0.1), 0 2px 5px rgba(42, 86, 101, 0.1) !important;
}

:root[data-theme="light"] .operations-theme-zone .master-table-document .toggle-switch .slider::before {
    box-sizing: border-box;
    border: 1px solid rgba(74, 116, 130, 0.2) !important;
    background: linear-gradient(145deg, #ffffff, #f1f7f8) !important;
    box-shadow: 0 2px 5px rgba(42, 86, 101, 0.22), inset 0 1px 0 #ffffff !important;
}

:root[data-theme="light"] .operations-theme-zone .master-table-document .toggle-switch input:checked + .slider {
    border-color: rgba(5, 108, 139, 0.58) !important;
    background: linear-gradient(135deg, #25c8d5, #0a86a7) !important;
    box-shadow: 0 0 0 3px rgba(17, 166, 195, 0.09), inset 0 1px 0 rgba(255, 255, 255, 0.24) !important;
}

:root[data-theme="light"] .operations-theme-zone .master-table-document .toggle-switch input:checked + .slider::before {
    border-color: rgba(255, 255, 255, 0.5) !important;
    background: #ffffff !important;
}

:root[data-theme="light"] .operations-theme-zone .master-table-document .toggle-switch input:focus-visible + .slider {
    outline: 3px solid rgba(8, 145, 180, 0.24) !important;
    outline-offset: 2px;
}

:root[data-theme="light"] .operations-theme-zone .master-table-document .toggle-switch input:disabled + .slider {
    border-color: rgba(83, 112, 124, 0.16) !important;
    background: #e3ecef !important;
    box-shadow: inset 0 1px 2px rgba(42, 86, 101, 0.06) !important;
    opacity: 0.72;
}

:root[data-theme="dark"] .operations-theme-zone .master-table-document .toggle-switch {
    position: relative !important;
    display: inline-block !important;
    flex: 0 0 48px !important;
    align-self: flex-start;
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 26px !important;
    min-height: 26px !important;
    max-height: 26px !important;
    margin: 2px 0 0 !important;
    padding: 0 !important;
    overflow: visible;
    aspect-ratio: auto !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 999px !important;
    box-shadow: none !important;
    vertical-align: middle;
}

:root[data-theme="dark"] .operations-theme-zone .master-table-document .toggle-switch > input[type="checkbox"] {
    position: absolute !important;
    inset: 0 !important;
    z-index: 2;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0;
    appearance: none;
}

:root[data-theme="dark"] .operations-theme-zone .master-table-document .toggle-switch .slider {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    box-sizing: border-box;
    overflow: hidden;
    border-radius: 999px;
    border: 1px solid rgba(112, 184, 205, 0.34) !important;
    background: linear-gradient(180deg, #203747, #122431) !important;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.34), 0 3px 8px rgba(0, 0, 0, 0.24) !important;
}

:root[data-theme="dark"] .operations-theme-zone .master-table-document .toggle-switch .slider::before {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    width: 18px !important;
    height: 18px !important;
    box-sizing: border-box;
    border-radius: 50%;
    border: 1px solid rgba(159, 216, 230, 0.34) !important;
    background: linear-gradient(145deg, #e9fbff, #b9d9e2) !important;
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.34) !important;
    transform: translateX(0);
}

:root[data-theme="dark"] .operations-theme-zone .master-table-document .toggle-switch input:checked + .slider {
    border-color: rgba(64, 217, 238, 0.58) !important;
    background: linear-gradient(135deg, #22bfd2, #1679a3) !important;
    box-shadow: 0 0 0 3px rgba(64, 217, 238, 0.1), 0 0 14px rgba(64, 217, 238, 0.12) !important;
}

:root[data-theme="dark"] .operations-theme-zone .master-table-document .toggle-switch input:checked + .slider::before {
    border-color: rgba(255, 255, 255, 0.45) !important;
    background: #f5fdff !important;
    transform: translateX(22px);
}

/* Quality Assurance Report: issue checklist and evaluator scorecard follow application mode. */
:root[data-theme="light"] .qa-checklist {
    --qa-cyan: #087fa4;
    --qa-mint: #147a58;
    --qa-alert: #b63859;
    --qa-ink: #173f50;
    --qa-panel: rgba(255, 255, 255, 0.82);
    --qa-line: rgba(24, 126, 154, 0.2);
}

:root[data-theme="light"] .qa-scorecard {
    --qa-score-ink: #173f50;
    --qa-score-muted: #587681;
    --qa-score-cyan: #087fa4;
    --qa-score-mint: #147a58;
    --qa-score-pink: #b63859;
}

:root[data-theme="light"] :is(.qa-checklist, .qa-scorecard) {
    color: #173f50;
    color-scheme: light;
    background:
        radial-gradient(circle at 94% 0%, rgba(25, 181, 215, 0.1), transparent 34%),
        radial-gradient(circle at 6% 100%, rgba(255, 183, 66, 0.06), transparent 28%),
        linear-gradient(145deg, #ffffff, #e8f3f6);
    border-color: rgba(24, 126, 154, 0.22);
    box-shadow: 0 15px 34px rgba(42, 86, 101, 0.13), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] :is(.qa-checklist__header h3, .qa-checklist__panel-heading h4, .qa-scorecard h3, .qa-scorecard h4) {
    color: #173f50;
    text-shadow: none;
}

:root[data-theme="light"] :is(.qa-checklist__header p, .qa-checklist__panel-heading p, .qa-scorecard__header p, .qa-scorecard__panel-heading p) {
    color: #587681;
    text-shadow: none;
}

:root[data-theme="light"] :is(.qa-checklist__eyebrow, .qa-checklist__panel-heading span, .qa-scorecard__eyebrow, .qa-scorecard__panel-heading > div > span) {
    color: #087fa4;
}

:root[data-theme="light"] :is(.qa-checklist__metric, .qa-scorecard__metric) {
    border-color: rgba(24, 126, 154, 0.17);
    background: rgba(255, 255, 255, 0.78);
    box-shadow: 0 5px 13px rgba(42, 86, 101, 0.08), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] :is(.qa-checklist__metric strong, .qa-scorecard__metric strong) {
    color: #147a58;
    text-shadow: none;
}

:root[data-theme="light"] :is(.qa-checklist__metric small, .qa-scorecard__metric small) {
    color: #5d7984;
}

:root[data-theme="light"] .qa-checklist__metric--alert strong {
    color: #b63859;
}

:root[data-theme="light"] :is(.qa-checklist__refresh, .qa-scorecard__refresh) {
    color: #075f79;
    border-color: rgba(8, 145, 180, 0.3);
    background: linear-gradient(145deg, #ffffff, #dceef2);
    box-shadow: 0 5px 12px rgba(42, 86, 101, 0.1), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] :is(.qa-checklist__refresh, .qa-scorecard__refresh):hover:not(:disabled) {
    color: #064f66;
    border-color: rgba(8, 145, 180, 0.55);
    background: linear-gradient(145deg, #ffffff, #cce8ee);
    box-shadow: 0 8px 17px rgba(42, 86, 101, 0.14), 0 0 0 3px rgba(8, 145, 180, 0.08);
}

:root[data-theme="light"] :is(.qa-checklist__loading, .qa-checklist__empty, .qa-scorecard__loading, .qa-scorecard__empty) {
    color: #587681;
    border-color: rgba(24, 126, 154, 0.22);
    background: rgba(255, 255, 255, 0.66);
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] :is(.qa-checklist__empty strong, .qa-scorecard__empty strong) {
    color: #173f50;
}

:root[data-theme="light"] :is(.qa-checklist__empty p, .qa-scorecard__empty p, .qa-checklist__loading p, .qa-scorecard__loading p) {
    color: #587681;
}

:root[data-theme="light"] :is(.qa-checklist__empty-mark, .qa-scorecard__empty-mark) {
    color: #087fa4;
    border-color: rgba(8, 145, 180, 0.3);
    background: #e0f1f4;
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] :is(.qa-checklist__message--error, .qa-scorecard__message--error) {
    color: #8c2945;
    border-color: rgba(179, 60, 89, 0.27);
    background: #fbe8ed;
}

:root[data-theme="light"] :is(.qa-checklist__groups, .qa-scorecard__groups) {
    scrollbar-color: #4da5b9 #d9e9ed;
}

:root[data-theme="light"] .qa-scorecard__groups::-webkit-scrollbar-track {
    background: #d9e9ed;
}

:root[data-theme="light"] .qa-scorecard__groups::-webkit-scrollbar-thumb {
    background: linear-gradient(90deg, #4da5b9, #087fa4);
}

:root[data-theme="light"] :is(.qa-checklist__group, .qa-scorecard__group) {
    color: #244f60;
    border-color: rgba(24, 126, 154, 0.18);
    background: linear-gradient(145deg, #ffffff, #eaf4f6);
    box-shadow: 0 5px 13px rgba(42, 86, 101, 0.08), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] :is(.qa-checklist__group:hover, .qa-checklist__group.is-active, .qa-scorecard__group:hover, .qa-scorecard__group.is-active) {
    color: #064f66;
    border-color: rgba(8, 145, 180, 0.55);
    background: linear-gradient(145deg, #ffffff, #d7edf2);
    box-shadow: 0 8px 18px rgba(42, 86, 101, 0.14), inset 0 -3px #0a9cba;
}

:root[data-theme="light"] :is(.qa-checklist__group-index, .qa-scorecard__group-index) {
    color: #087fa4;
    border-color: rgba(8, 145, 180, 0.24);
    background: rgba(218, 240, 244, 0.82);
}

:root[data-theme="light"] :is(.qa-checklist__group-copy strong, .qa-scorecard__group-copy strong) {
    color: #173f50;
}

:root[data-theme="light"] :is(.qa-checklist__group-copy small, .qa-scorecard__group-copy small) {
    color: #66818c;
}

:root[data-theme="light"] :is(.qa-checklist__group-count, .qa-scorecard__group-score) {
    color: #126347;
    border-color: rgba(20, 122, 88, 0.24);
    background: #e1f3eb;
}

:root[data-theme="light"] .qa-checklist__group.has-findings .qa-checklist__group-count {
    color: #8c2945;
    border-color: rgba(179, 60, 89, 0.3);
    background: #fbe8ed;
}

:root[data-theme="light"] :is(.qa-checklist__panel, .qa-scorecard__panel) {
    border-color: rgba(24, 126, 154, 0.18);
    background: rgba(255, 255, 255, 0.64);
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] :is(.qa-checklist__panel-heading, .qa-scorecard__panel-heading) {
    border-bottom-color: rgba(24, 126, 154, 0.15);
    background: linear-gradient(90deg, rgba(213, 238, 243, 0.86), rgba(255, 255, 255, 0.42));
}

:root[data-theme="light"] .qa-checklist__issue {
    color: #173f50;
    border-color: rgba(24, 126, 154, 0.16);
    background: linear-gradient(145deg, #ffffff, #edf6f8);
    box-shadow: 0 5px 13px rgba(42, 86, 101, 0.07);
}

:root[data-theme="light"] .qa-checklist__issue.has-issue {
    border-color: rgba(179, 60, 89, 0.42);
    background: linear-gradient(120deg, #fbe8ed, #ffffff 64%);
}

:root[data-theme="light"] .qa-checklist__issue-copy strong {
    color: #173f50;
}

:root[data-theme="light"] :is(.qa-checklist__issue-copy small, .qa-checklist__switch-block > span, .qa-checklist__notes > span) {
    color: #66818c;
}

:root[data-theme="light"] .qa-checklist__switch {
    border-color: rgba(20, 122, 88, 0.34);
    background: #dceee8;
    box-shadow: inset 0 1px 2px rgba(42, 86, 101, 0.09);
}

:root[data-theme="light"] .qa-checklist__switch span {
    background: #ffffff;
    border: 1px solid rgba(20, 122, 88, 0.25);
    box-shadow: 0 2px 5px rgba(42, 86, 101, 0.2);
}

:root[data-theme="light"] :is(.qa-checklist__switch.is-on, .qa-checklist__switch[aria-checked="true"]) {
    border-color: rgba(179, 60, 89, 0.52);
    background: #f5ccd7;
}

:root[data-theme="light"] :is(.qa-checklist__switch.is-on, .qa-checklist__switch[aria-checked="true"]) span {
    background: #b63859;
    border-color: #ffffff;
    box-shadow: 0 2px 7px rgba(179, 60, 89, 0.3);
}

:root[data-theme="light"] .qa-checklist__notes label {
    color: #9b3150;
}

:root[data-theme="light"] .qa-checklist__notes textarea {
    color: #173f50;
    border-color: rgba(179, 60, 89, 0.22);
    background: #ffffff;
    box-shadow: inset 0 1px 2px rgba(42, 86, 101, 0.05);
}

:root[data-theme="light"] .qa-checklist__notes textarea::placeholder {
    color: #78909a;
}

:root[data-theme="light"] .qa-scorecard__evaluator {
    color: #173f50;
    border-color: rgba(24, 126, 154, 0.17);
    background: linear-gradient(145deg, #ffffff, #edf6f8);
    box-shadow: 0 5px 13px rgba(42, 86, 101, 0.07);
}

:root[data-theme="light"] .qa-scorecard__evaluator.has-score {
    border-color: rgba(20, 122, 88, 0.34);
    background: linear-gradient(115deg, #e1f3eb, #ffffff 62%);
}

:root[data-theme="light"] .qa-scorecard__evaluator-copy strong {
    color: #173f50;
}

:root[data-theme="light"] .qa-scorecard__evaluator-copy small,
:root[data-theme="light"] .qa-scorecard__score-input > span {
    color: #66818c;
}

:root[data-theme="light"] .qa-scorecard__score-input input {
    color: #173f50;
    border-color: rgba(24, 126, 154, 0.28);
    background: #ffffff;
    box-shadow: inset 0 1px 2px rgba(42, 86, 101, 0.05);
}

:root[data-theme="light"] .qa-scorecard__score-input input:focus {
    border-color: #0a94b3;
    box-shadow: 0 0 0 3px rgba(8, 145, 180, 0.11);
}

:root[data-theme="light"] .qa-scorecard__metrics {
    border-top-color: rgba(24, 126, 154, 0.12);
    background: rgba(225, 239, 243, 0.54);
}

:root[data-theme="light"] :is(.qa-scorecard__metrics dt, .qa-scorecard__save-state dt) {
    color: #66818c;
}

:root[data-theme="light"] .qa-scorecard__metrics dd {
    color: #315b6b;
}

:root[data-theme="dark"] :is(.qa-checklist, .qa-scorecard) {
    color-scheme: dark;
}

:root[data-theme="dark"] :is(.qa-checklist, .qa-scorecard) :is(button, input, textarea) {
    color-scheme: dark;
}

/* Commercial Document Detail selector used by Quality Assurance and other master documents. */
:root[data-theme="light"] .commercial-document-detail-selector {
    color: #173f50;
    color-scheme: light;
}

:root[data-theme="light"] .commercial-document-detail-selector .search-item-edit {
    color: #173f50 !important;
    border-color: rgba(24, 126, 154, 0.25) !important;
    background: linear-gradient(145deg, #ffffff, #e7f2f5) !important;
    box-shadow: inset 0 1px 0 #ffffff, 0 4px 10px rgba(42, 86, 101, 0.08) !important;
}

:root[data-theme="light"] .commercial-document-detail-selector .search-item-edit:hover,
:root[data-theme="light"] .commercial-document-detail-selector.is-open .search-item-edit {
    border-color: rgba(8, 145, 180, 0.5) !important;
    background: linear-gradient(145deg, #ffffff, #d7edf2) !important;
    box-shadow: 0 0 0 3px rgba(8, 145, 180, 0.08), 0 7px 16px rgba(42, 86, 101, 0.12) !important;
}

:root[data-theme="light"] .commercial-document-detail-selector .selector-caption {
    color: #173f50;
    text-shadow: none;
}

:root[data-theme="light"] .commercial-document-detail-selector .selector-icon {
    display: inline-grid;
    width: 1.55rem;
    height: 1.55rem;
    flex: 0 0 1.55rem;
    place-items: center;
    color: #087fa4;
    border: 1px solid rgba(8, 145, 180, 0.2);
    border-radius: 50%;
    background: #dff1f4;
}

:root[data-theme="light"] .commercial-document-detail-selector__panel {
    color: #173f50;
    color-scheme: light;
    border-color: rgba(8, 145, 180, 0.32);
    background:
        radial-gradient(circle at 100% 0%, rgba(25, 181, 215, 0.1), transparent 42%),
        radial-gradient(circle at 0% 100%, rgba(255, 183, 66, 0.06), transparent 38%),
        linear-gradient(150deg, #ffffff, #e6f2f5);
    box-shadow: 0 22px 48px rgba(42, 86, 101, 0.24), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .commercial-document-detail-selector__header {
    padding-bottom: 0.65rem;
    color: #087fa4;
    border-bottom: 1px solid rgba(24, 126, 154, 0.15);
    text-shadow: none;
}

:root[data-theme="light"] :is(.commercial-document-detail-selector__close, .commercial-document-detail-selector__selection button, .commercial-document-detail-selector__search button) {
    color: #075f79;
    border-color: rgba(8, 145, 180, 0.28);
    background: linear-gradient(145deg, #ffffff, #dceef2);
    box-shadow: 0 5px 12px rgba(42, 86, 101, 0.1), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] :is(.commercial-document-detail-selector__close, .commercial-document-detail-selector__selection button, .commercial-document-detail-selector__search button):hover {
    color: #064f66;
    border-color: rgba(8, 145, 180, 0.55);
    background: linear-gradient(145deg, #ffffff, #cde9ef);
    box-shadow: 0 7px 16px rgba(42, 86, 101, 0.14), 0 0 0 3px rgba(8, 145, 180, 0.08);
}

:root[data-theme="light"] .commercial-document-detail-selector__close {
    display: inline-grid;
    width: 2rem;
    height: 2rem;
    padding: 0;
    place-items: center;
}

:root[data-theme="light"] :is(.commercial-document-detail-selector__hint, .commercial-document-detail-selector__empty) {
    color: #587681;
    text-shadow: none;
}

:root[data-theme="light"] .commercial-document-detail-selector__search input {
    color: #173f50 !important;
    border-color: rgba(24, 126, 154, 0.27) !important;
    background: #ffffff !important;
    box-shadow: inset 0 1px 2px rgba(42, 86, 101, 0.05) !important;
}

:root[data-theme="light"] .commercial-document-detail-selector__search input::placeholder {
    color: #718994 !important;
}

:root[data-theme="light"] .commercial-document-detail-selector__search input:focus {
    border-color: #0a94b3 !important;
    box-shadow: 0 0 0 3px rgba(8, 145, 180, 0.12) !important;
}

:root[data-theme="light"] .commercial-document-detail-selector__selection {
    padding: 0.58rem 0.65rem;
    color: #315b6b;
    border: 1px solid rgba(24, 126, 154, 0.15);
    border-radius: 0.65rem;
    background: rgba(255, 255, 255, 0.7);
}

:root[data-theme="light"] .commercial-document-detail-selector__selection strong {
    color: #173f50;
}

:root[data-theme="light"] .commercial-document-detail-selector__results {
    padding-right: 0.18rem;
    scrollbar-color: #4da5b9 #d9e9ed;
    scrollbar-width: thin;
}

:root[data-theme="light"] .commercial-document-detail-selector__result {
    color: #173f50;
    border-color: rgba(24, 126, 154, 0.17);
    background: linear-gradient(145deg, #ffffff, #edf6f8);
    box-shadow: 0 4px 11px rgba(42, 86, 101, 0.07), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .commercial-document-detail-selector__result:hover {
    color: #064f66;
    border-color: rgba(8, 145, 180, 0.5);
    background: linear-gradient(145deg, #ffffff, #d7edf2);
    box-shadow: 0 7px 16px rgba(42, 86, 101, 0.13);
}

:root[data-theme="light"] .commercial-document-detail-selector__result strong {
    color: #173f50;
}

:root[data-theme="light"] .commercial-document-detail-selector__result :is(span, small) {
    color: #5f7a85;
}

:root[data-theme="light"] .commercial-document-detail-selector__empty {
    padding: 0.65rem 0.72rem;
    border: 1px dashed rgba(24, 126, 154, 0.22);
    border-radius: 0.58rem;
    background: rgba(255, 255, 255, 0.6);
}

:root[data-theme="light"] .commercial-document-detail-selector__error {
    padding: 0.58rem 0.65rem;
    color: #8c2945;
    border: 1px solid rgba(179, 60, 89, 0.24);
    border-radius: 0.55rem;
    background: #fbe8ed;
}

:root[data-theme="dark"] .commercial-document-detail-selector,
:root[data-theme="dark"] .commercial-document-detail-selector__panel {
    color-scheme: dark;
}

:root[data-theme="dark"] .commercial-document-detail-selector :is(button, input) {
    color-scheme: dark;
}

/* Loan Portfolio Command Center and its editor/help sub-surfaces. */
:root[data-theme="light"] .loan-workspace {
    --loan-bg: #edf6f8;
    --loan-panel: rgba(255, 255, 255, 0.88);
    --loan-raised: rgba(229, 242, 245, 0.92);
    --loan-line: rgba(24, 126, 154, 0.2);
    --loan-line-soft: rgba(24, 126, 154, 0.12);
    --loan-text: #173f50;
    --loan-muted: #587681;
    --loan-cyan: #087fa4;
    --loan-teal: #147a58;
    --loan-blue: #376fb5;
    --loan-violet: #7750a2;
    --loan-amber: #a96e0e;
    --loan-danger: #b63859;
    color: var(--loan-text);
    color-scheme: light;
}

:root[data-theme="light"] .loan-workspace :is(.loan-hero, .loan-card, .loan-kpi, .loan-message, .loan-loading) {
    border-color: var(--loan-line);
    box-shadow: 0 15px 34px rgba(42, 86, 101, 0.13), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .loan-workspace .loan-hero {
    background:
        radial-gradient(circle at 91% -30%, rgba(119, 80, 162, 0.12), transparent 22rem),
        radial-gradient(circle at 4% 100%, rgba(8, 145, 180, 0.09), transparent 25rem),
        linear-gradient(115deg, #ffffff, #e5f1f4);
}

:root[data-theme="light"] .loan-workspace .loan-hero::after {
    border-color: rgba(8, 145, 180, 0.17);
    box-shadow: 0 0 55px rgba(119, 80, 162, 0.1);
}

:root[data-theme="light"] .loan-workspace :is(h1, h2, .loan-roster-row__copy strong, .loan-roster-row__numbers strong, .loan-empty strong) {
    color: #173f50;
    text-shadow: none;
}

:root[data-theme="light"] .loan-workspace :is(.loan-hero__identity p, .loan-profile__main p, .loan-kpi span, .loan-kpi small, .loan-metrics span, .loan-metrics small, .loan-roster-row__copy small, .loan-roster-row__numbers small, .loan-debt-bar, .loan-legend, .loan-scenario__note, .loan-empty) {
    color: #587681;
    text-shadow: none;
}

:root[data-theme="light"] :is(.loan-workspace, .loan-editor) label {
    color: #496b78;
    text-shadow: none;
}

:root[data-theme="light"] :is(.loan-workspace, .loan-editor) :is(.mk-helpLabel__button, .mk-helpLabel__trigger) {
    color: #087fa4 !important;
    border-color: rgba(8, 145, 180, 0.27) !important;
    background: #e1f2f5 !important;
    box-shadow: none !important;
}

:root[data-theme="light"] :is(.loan-workspace, .loan-editor) .mk-helpLabel__bubble {
    color: #173f50 !important;
    border-color: rgba(24, 126, 154, 0.22) !important;
    background: linear-gradient(145deg, #ffffff, #e7f2f5) !important;
    box-shadow: 0 14px 30px rgba(42, 86, 101, 0.18) !important;
}

:root[data-theme="light"] :is(.loan-workspace, .loan-editor) :is(input, select, textarea) {
    color: #173f50;
    color-scheme: light;
    border-color: rgba(24, 126, 154, 0.26);
    background: #ffffff;
    box-shadow: inset 0 1px 2px rgba(42, 86, 101, 0.05);
}

:root[data-theme="light"] :is(.loan-workspace, .loan-editor) :is(input, textarea)::placeholder {
    color: #78909a;
}

:root[data-theme="light"] :is(.loan-workspace, .loan-editor) :is(input, select, textarea):focus {
    border-color: #0a94b3;
    background: #ffffff;
    box-shadow: 0 0 0 3px rgba(8, 145, 180, 0.11);
}

:root[data-theme="light"] :is(.loan-workspace, .loan-editor) select option {
    color: #173f50;
    background: #ffffff;
}

:root[data-theme="light"] .loan-workspace .loan-search__field i {
    color: #66818c;
}

:root[data-theme="light"] :is(.loan-workspace, .loan-editor) :is(.loan-button, .loan-icon-button) {
    color: #245364;
    border-color: rgba(24, 126, 154, 0.25);
    background: linear-gradient(145deg, #ffffff, #e2eff2);
    box-shadow: 0 5px 12px rgba(42, 86, 101, 0.1), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] :is(.loan-workspace, .loan-editor) :is(.loan-button, .loan-icon-button):hover:not(:disabled) {
    color: #064f66;
    border-color: rgba(8, 145, 180, 0.52);
    background: linear-gradient(145deg, #ffffff, #d2e9ef);
    box-shadow: 0 8px 17px rgba(42, 86, 101, 0.14), 0 0 0 3px rgba(8, 145, 180, 0.08);
}

:root[data-theme="light"] .loan-workspace .loan-button--help {
    color: #69428c;
    border-color: rgba(119, 80, 162, 0.3);
    background: linear-gradient(145deg, #ffffff, #eee5f5);
}

:root[data-theme="light"] :is(.loan-workspace, .loan-editor) .loan-button--primary {
    color: #ffffff;
    border-color: #087fa4;
    background: linear-gradient(120deg, #149db7, #147a67);
    box-shadow: 0 8px 20px rgba(8, 127, 164, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.3);
}

:root[data-theme="light"] .loan-workspace .loan-message--error,
:root[data-theme="light"] .loan-editor .loan-message--error {
    color: #8c2945;
    border-color: rgba(179, 60, 89, 0.26);
    background: #fbe8ed;
}

:root[data-theme="light"] .loan-workspace .loan-message--success {
    color: #126347;
    border-color: rgba(20, 122, 88, 0.22);
    background: #e1f3eb;
}

:root[data-theme="light"] .loan-workspace .loan-loading {
    color: #587681;
    background: rgba(255, 255, 255, 0.72);
}

:root[data-theme="light"] .loan-workspace .loan-kpi {
    color: #173f50;
    background:
        radial-gradient(circle at 100% 0%, rgba(8, 145, 180, 0.06), transparent 65%),
        linear-gradient(145deg, #ffffff, #e9f3f5);
}

:root[data-theme="light"] .loan-workspace .loan-kpi strong {
    color: #173f50;
}

:root[data-theme="light"] .loan-workspace .loan-card {
    color: #173f50;
    background:
        radial-gradient(circle at 100% 0%, rgba(55, 111, 181, 0.06), transparent 18rem),
        rgba(255, 255, 255, 0.86);
}

:root[data-theme="light"] .loan-workspace .loan-card__header {
    border-bottom-color: rgba(24, 126, 154, 0.13);
}

:root[data-theme="light"] .loan-workspace .loan-roster-row {
    color: #173f50;
    border-color: transparent;
    background: transparent;
}

:root[data-theme="light"] .loan-workspace .loan-roster-row:hover {
    background: rgba(215, 237, 242, 0.68);
}

:root[data-theme="light"] .loan-workspace .loan-roster-row.is-selected {
    border-color: rgba(8, 145, 180, 0.36);
    background: linear-gradient(90deg, rgba(199, 232, 239, 0.9), rgba(239, 230, 247, 0.72));
    box-shadow: inset 3px 0 #087fa4, 0 6px 14px rgba(42, 86, 101, 0.08);
}

:root[data-theme="light"] .loan-workspace .loan-roster-row__icon {
    color: #087fa4;
    border-color: rgba(8, 145, 180, 0.24);
    background: #e1f2f5;
}

:root[data-theme="light"] .loan-workspace .loan-utilization {
    background: #d4e5e9;
}

:root[data-theme="light"] .loan-workspace :is(.loan-chip, .loan-signal) {
    color: #087fa4;
    border-color: rgba(8, 145, 180, 0.23);
    background: #e1f2f5;
}

:root[data-theme="light"] .loan-workspace :is(.status-good, .status-complete) {
    color: #126347;
    border-color: rgba(20, 122, 88, 0.23);
    background: #e1f3eb;
}

:root[data-theme="light"] .loan-workspace .status-watch {
    color: #85580d;
    border-color: rgba(169, 110, 14, 0.24);
    background: #fff0cc;
}

:root[data-theme="light"] .loan-workspace .status-risk {
    color: #8c2945;
    border-color: rgba(179, 60, 89, 0.24);
    background: #fbe8ed;
}

:root[data-theme="light"] .loan-workspace .loan-profile {
    background:
        radial-gradient(circle at 90% -40%, rgba(119, 80, 162, 0.12), transparent 18rem),
        rgba(255, 255, 255, 0.88);
}

:root[data-theme="light"] .loan-workspace .loan-metrics article {
    color: #173f50;
    border-color: rgba(24, 126, 154, 0.14);
    background: linear-gradient(145deg, #ffffff, #eaf4f6);
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .loan-workspace .loan-debt-bar__stack {
    background: #dce9ec;
    box-shadow: inset 0 1px 3px rgba(42, 86, 101, 0.1);
}

:root[data-theme="light"] .loan-workspace .loan-debt-bar small {
    color: #315b6b;
}

:root[data-theme="light"] .loan-workspace .loan-scenario__result {
    border-color: rgba(119, 80, 162, 0.2);
    background: linear-gradient(145deg, #f8f3fb, #ffffff);
}

:root[data-theme="light"] .loan-workspace .loan-schedule__scroll {
    scrollbar-color: #4da5b9 #d9e9ed;
}

:root[data-theme="light"] .loan-workspace .loan-schedule th {
    color: #315b6b;
    border-bottom: 1px solid rgba(24, 126, 154, 0.18);
    background: #dcecf0;
}

:root[data-theme="light"] .loan-workspace .loan-schedule td {
    color: #244f60;
    border-top-color: rgba(24, 126, 154, 0.1);
    background: rgba(255, 255, 255, 0.52);
}

:root[data-theme="light"] .loan-workspace .loan-schedule tbody tr:nth-child(even) td {
    background: rgba(225, 239, 243, 0.56);
}

:root[data-theme="light"] .loan-workspace .loan-schedule tr.is-overdue td {
    background: #fbe8ed;
}

:root[data-theme="light"] .loan-workspace .loan-empty--button {
    color: #587681;
    border-color: rgba(8, 145, 180, 0.26);
    background: rgba(243, 250, 251, 0.86);
}

:root[data-theme="light"] .loan-modal {
    background: rgba(28, 55, 66, 0.48);
    backdrop-filter: blur(10px);
}

:root[data-theme="light"] .loan-editor {
    --loan-text: #173f50;
    --loan-muted: #587681;
    --loan-cyan: #087fa4;
    --loan-teal: #147a58;
    width: min(920px, 97vw);
    color: #173f50;
    color-scheme: light;
    border-color: rgba(8, 145, 180, 0.3);
    background:
        radial-gradient(circle at 100% 0%, rgba(119, 80, 162, 0.1), transparent 22rem),
        linear-gradient(145deg, #ffffff, #e6f2f5);
    box-shadow: 0 32px 90px rgba(31, 61, 72, 0.34), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .loan-editor h2 {
    color: #173f50;
}

:root[data-theme="light"] .loan-editor > :is(header, footer) {
    border-color: rgba(24, 126, 154, 0.14);
}

:root[data-theme="light"] .loan-editor > footer {
    color: #587681;
}

:root[data-theme="dark"] :is(.loan-workspace, .loan-editor) {
    color-scheme: dark;
}

:root[data-theme="dark"] .loan-editor {
    --loan-muted: #91b3c4;
    --loan-teal: #56e8bd;
}

:root[data-theme="dark"] :is(.loan-workspace, .loan-editor) select option {
    color: #effbff;
    background: #071b2b;
}

/* Sales Forecast Workspace: editor, performance, contributors, and pivot views. */
:root[data-theme="light"] .sales-forecast-workspace {
    --sf-canvas: #edf6f8;
    --sf-surface: rgba(255, 255, 255, 0.9);
    --sf-surface-elevated: #e7f2f5;
    --sf-line: rgba(22, 127, 157, 0.24);
    --sf-line-soft: rgba(22, 127, 157, 0.14);
    --sf-text: #173f50;
    --sf-muted: #587681;
    --sf-cyan: #087fa4;
    --sf-teal: #147a58;
    --sf-amber: #a96e0e;
    --sf-blue: #376fb5;
    --sf-danger: #b63859;
    color: var(--sf-text);
    color-scheme: light;
}

.sales-forecast-workspace.operations-theme-zone {
    min-height: 0;
    align-content: start;
    overflow: visible;
}

.sales-forecast-workspace .sales-forecast-workspace__hero {
    min-height: 0;
    height: auto;
    align-self: start;
}

:root[data-theme="light"] .sales-forecast-workspace :is(.sales-forecast-workspace__hero, .sales-forecast-workspace__content-card, .sales-forecast-workspace__message, .sales-forecast-workspace__loading) {
    color: var(--sf-text);
    border-color: var(--sf-line);
    background:
        radial-gradient(circle at 94% 0%, rgba(55, 111, 181, 0.1), transparent 23rem),
        radial-gradient(circle at 3% 100%, rgba(8, 145, 180, 0.08), transparent 25rem),
        linear-gradient(135deg, rgba(255, 255, 255, 0.97), rgba(229, 241, 244, 0.94));
    box-shadow: 0 15px 34px rgba(42, 86, 101, 0.13), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .sales-forecast-workspace :is(h1, h2, h3, .sales-forecast-workspace__prior-year-copy strong, .sales-forecast-workspace__bulk-copy strong, .sales-forecast-workspace__empty strong) {
    color: var(--sf-text);
    text-shadow: none;
}

:root[data-theme="light"] .sales-forecast-workspace :is(.sales-forecast-workspace__hero-copy > p, .sales-forecast-workspace__matrix-header p, .sales-forecast-workspace__hint, .sales-forecast-workspace__empty span, .sales-forecast-workspace__prior-year-copy small, .sales-forecast-workspace__bulk-copy small) {
    color: var(--sf-muted);
}

:root[data-theme="light"] .sales-forecast-workspace :is(.sales-forecast-tab, .sales-forecast-action) {
    color: #245364;
    border-color: rgba(22, 127, 157, 0.27);
    background: linear-gradient(145deg, #ffffff, #e2eff2);
    box-shadow: 0 5px 12px rgba(42, 86, 101, 0.1), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .sales-forecast-workspace :is(.sales-forecast-tab, .sales-forecast-action):hover:not(:disabled) {
    color: #064f66;
    border-color: rgba(8, 145, 180, 0.52);
    background: linear-gradient(145deg, #ffffff, #d2e9ef);
    box-shadow: 0 8px 17px rgba(42, 86, 101, 0.14), 0 0 0 3px rgba(8, 145, 180, 0.08);
}

:root[data-theme="light"] .sales-forecast-workspace :is(.sales-forecast-tab--active, .sales-forecast-action--primary) {
    color: #ffffff;
    border-color: #087fa4;
    background: linear-gradient(120deg, #149db7, #147a67);
    box-shadow: 0 8px 20px rgba(8, 127, 164, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.3);
}

:root[data-theme="light"] .sales-forecast-workspace .sales-forecast-action--bulk {
    color: #126347;
    border-color: rgba(20, 122, 88, 0.28);
    background: #e1f3eb;
}

:root[data-theme="light"] .sales-forecast-workspace .sales-forecast-kpi {
    color: var(--sf-text);
    border-color: var(--sf-line-soft);
    background:
        radial-gradient(circle at 100% 0%, rgba(8, 145, 180, 0.06), transparent 65%),
        linear-gradient(145deg, #ffffff, #e9f3f5);
    box-shadow: inset 0 1px 0 #ffffff, 0 5px 12px rgba(42, 86, 101, 0.07);
}

:root[data-theme="light"] .sales-forecast-workspace .sales-forecast-kpi :is(span, small) {
    color: var(--sf-muted);
}

:root[data-theme="light"] .sales-forecast-workspace .sales-forecast-kpi strong {
    color: var(--sf-text);
}

:root[data-theme="light"] .sales-forecast-workspace label {
    color: #496b78;
    text-shadow: none;
}

:root[data-theme="light"] .sales-forecast-workspace :is(input:not([type="checkbox"]), select) {
    color: var(--sf-text);
    color-scheme: light;
    border-color: rgba(22, 127, 157, 0.25);
    background: rgba(255, 255, 255, 0.94);
    box-shadow: inset 0 1px 2px rgba(42, 86, 101, 0.05);
}

:root[data-theme="light"] .sales-forecast-workspace input::placeholder {
    color: #78909a;
    opacity: 1;
}

:root[data-theme="light"] .sales-forecast-workspace :is(input:not([type="checkbox"]), select):focus {
    color: var(--sf-text);
    border-color: #0a94b3;
    background: #ffffff;
    box-shadow: 0 0 0 3px rgba(8, 145, 180, 0.11);
}

:root[data-theme="light"] .sales-forecast-workspace select option {
    color: var(--sf-text);
    background: #ffffff;
}

:root[data-theme="light"] .sales-forecast-workspace .sales-forecast-workspace__forecast-form {
    border-color: var(--sf-line-soft);
    background: rgba(255, 255, 255, 0.7);
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .sales-forecast-workspace :is(.sales-forecast-workspace__contributor-panel, .sales-forecast-workspace__matrix-panel) {
    color: var(--sf-text);
    border-color: var(--sf-line-soft);
    background:
        radial-gradient(circle at 100% 0%, rgba(55, 111, 181, 0.07), transparent 20rem),
        linear-gradient(145deg, rgba(255, 255, 255, 0.88), rgba(226, 240, 243, 0.78));
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .sales-forecast-workspace :is(.sales-forecast-workspace__subheading > span, .sales-forecast-workspace__records) {
    color: #087fa4;
    background: #e1f2f5;
}

:root[data-theme="light"] .sales-forecast-workspace .sales-forecast-workspace__prior-year-baseline {
    border-color: rgba(20, 122, 88, 0.23);
    background: linear-gradient(100deg, rgba(188, 230, 218, 0.62), transparent 50%), rgba(255, 255, 255, 0.72);
}

:root[data-theme="light"] .sales-forecast-workspace .sales-forecast-fragment {
    color: var(--sf-text);
    border-color: var(--sf-line-soft);
    background: rgba(255, 255, 255, 0.8);
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .sales-forecast-workspace .sales-forecast-fragment:hover {
    border-color: rgba(8, 145, 180, 0.38);
    background: #f7fbfc;
}

:root[data-theme="light"] .sales-forecast-workspace .sales-forecast-fragment--active {
    border-color: rgba(8, 145, 180, 0.52);
    background: linear-gradient(100deg, #d9eef2, #f0eaf5);
    box-shadow: inset 3px 0 #087fa4, 0 6px 14px rgba(42, 86, 101, 0.08);
}

:root[data-theme="light"] .sales-forecast-workspace .sales-forecast-workspace__fragment-copy small {
    color: var(--sf-muted);
}

:root[data-theme="light"] .sales-forecast-workspace .sales-forecast-workspace__fragment-value {
    color: #126347;
    font-weight: 750;
}

:root[data-theme="light"] .sales-forecast-workspace .sales-forecast-workspace__workbook-option {
    color: #315b6b;
    border-color: rgba(22, 127, 157, 0.22);
    background: linear-gradient(135deg, #ffffff, #e2f0f3);
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .sales-forecast-workspace .sales-forecast-workspace__workbook-option-copy strong {
    color: var(--sf-text);
}

:root[data-theme="light"] .sales-forecast-workspace .sales-forecast-workspace__workbook-option-copy small {
    color: var(--sf-muted);
}

:root[data-theme="light"] .sales-forecast-workspace .sales-forecast-workspace__workbook-switch {
    border-color: rgba(69, 111, 126, 0.35);
    background: #cbdde2;
    box-shadow: inset 0 1px 2px rgba(42, 86, 101, 0.12);
}

:root[data-theme="light"] .sales-forecast-workspace .sales-forecast-workspace__workbook-switch span {
    background: #ffffff;
    box-shadow: 0 1px 4px rgba(42, 86, 101, 0.28);
}

:root[data-theme="light"] .sales-forecast-workspace .sales-forecast-workspace__workbook-dropzone {
    border-color: rgba(22, 127, 157, 0.38);
    background: linear-gradient(135deg, #f8fcfd, #dfeff2);
}

:root[data-theme="light"] .sales-forecast-workspace :is(.sales-forecast-workspace__workbook-dropzone:hover, .sales-forecast-workspace__workbook-dropzone--active) {
    border-color: #0a94b3;
    background: linear-gradient(135deg, #ffffff, #d5ebef);
    box-shadow: 0 0 0 3px rgba(8, 145, 180, 0.1), 0 7px 18px rgba(42, 86, 101, 0.1);
}

:root[data-theme="light"] .sales-forecast-workspace .sales-forecast-workspace__workbook-dropzone-copy span {
    color: var(--sf-text);
}

:root[data-theme="light"] .sales-forecast-workspace .sales-forecast-workspace__workbook-dropzone-copy small {
    color: var(--sf-muted);
}

:root[data-theme="light"] .sales-forecast-workspace .sales-forecast-workspace__matrix-filters {
    border-color: var(--sf-line-soft);
    background: rgba(255, 255, 255, 0.66);
}

:root[data-theme="light"] .sales-forecast-workspace .sales-forecast-workspace__bulk-editor {
    border-color: rgba(8, 145, 180, 0.23);
    background: linear-gradient(100deg, rgba(197, 232, 239, 0.72), transparent 44%), rgba(255, 255, 255, 0.72);
}

:root[data-theme="light"] .sales-forecast-workspace .sales-forecast-workspace__bulk-selection {
    color: #126347;
    border-color: rgba(20, 122, 88, 0.23);
    background: #e1f3eb;
}

:root[data-theme="light"] .sales-forecast-workspace .sales-forecast-workspace__matrix-scroll {
    border-color: var(--sf-line-soft);
    background: rgba(255, 255, 255, 0.78);
    scrollbar-color: #5da8b9 #dcebed;
}

:root[data-theme="light"] .sales-forecast-workspace .sales-forecast-matrix :is(th, td) {
    color: var(--sf-text);
    border-color: rgba(22, 127, 157, 0.13);
}

:root[data-theme="light"] .sales-forecast-workspace .sales-forecast-matrix th {
    color: #315b6b;
    background: #dcecf0;
}

:root[data-theme="light"] .sales-forecast-workspace .sales-forecast-matrix tbody tr:nth-child(even) td {
    background: rgba(226, 240, 243, 0.58);
}

:root[data-theme="light"] .sales-forecast-workspace .sales-forecast-matrix td.sales-forecast-matrix__sticky {
    color: var(--sf-text);
    background: #f7fbfc;
}

:root[data-theme="light"] .sales-forecast-workspace .sales-forecast-matrix__total {
    color: #126347;
    background: #e1f3eb;
}

:root[data-theme="light"] .sales-forecast-workspace .sales-forecast-matrix__row--selected td {
    background: #dceff3;
}

:root[data-theme="light"] .sales-forecast-workspace .sales-forecast-matrix__row--selected td.sales-forecast-matrix__sticky {
    background: #cce7ed;
}

:root[data-theme="light"] .sales-forecast-workspace .sales-forecast-workspace__empty {
    color: var(--sf-muted);
    border-color: rgba(22, 127, 157, 0.26);
    background:
        radial-gradient(circle at center, rgba(8, 145, 180, 0.08), transparent 44%),
        rgba(255, 255, 255, 0.52);
}

:root[data-theme="light"] .sales-forecast-workspace .sales-forecast-workspace__message--error {
    color: #8c2945;
    border-color: rgba(179, 60, 89, 0.26);
    background: #fbe8ed;
}

:root[data-theme="light"] .sales-forecast-workspace .sales-forecast-workspace__message--success {
    color: #126347;
    border-color: rgba(20, 122, 88, 0.22);
    background: #e1f3eb;
}

:root[data-theme="light"] .sales-forecast-workspace .sales-forecast-workspace__loading {
    color: var(--sf-muted);
    background: rgba(255, 255, 255, 0.78);
}

:root[data-theme="light"] .sales-forecast-workspace :is(.sales-forecast-workspace__matrix-save-feedback--success) {
    color: #126347;
    border-color: rgba(20, 122, 88, 0.22);
    background: #e1f3eb;
}

:root[data-theme="light"] .sales-forecast-workspace :is(.sales-forecast-workspace__matrix-save-feedback--error) {
    color: #8c2945;
    border-color: rgba(179, 60, 89, 0.26);
    background: #fbe8ed;
}

:root[data-theme="light"] .sales-forecast-workspace :is(.e-grid, .e-grid .e-gridheader, .e-grid .e-headercontent, .e-grid .e-gridcontent, .e-grid .e-content, .e-grid .e-table) {
    color: var(--sf-text) !important;
    background: #f7fbfc !important;
    border-color: rgba(22, 127, 157, 0.18) !important;
}

:root[data-theme="light"] .sales-forecast-workspace .e-grid :is(.e-headercell, .e-stackedheadercell, .e-filterbar, .e-filterbarcell) {
    color: #173f50 !important;
    background: #dcecf0 !important;
    border-color: rgba(22, 127, 157, 0.18) !important;
}

:root[data-theme="light"] .sales-forecast-workspace .e-grid :is(.e-rowcell, .e-emptyrow td) {
    color: #244f60 !important;
    background: rgba(255, 255, 255, 0.88) !important;
    border-color: rgba(22, 127, 157, 0.12) !important;
}

:root[data-theme="light"] .sales-forecast-workspace .e-grid .e-altrow .e-rowcell {
    background: rgba(226, 240, 243, 0.7) !important;
}

:root[data-theme="light"] .sales-forecast-workspace .e-grid .e-filterbarcell :is(.e-input-group, .e-input-group.e-control-wrapper, input, .e-input) {
    color: #173f50 !important;
    border-color: rgba(22, 127, 157, 0.22) !important;
    background: #ffffff !important;
}

:root[data-theme="light"] .sales-forecast-workspace :is(.e-chart text, .e-axis-label, .e-axis-title, .e-chart-title, .e-legend-text) {
    fill: #315b6b !important;
    color: #315b6b !important;
}

:root[data-theme="light"] .sales-forecast-workspace :is(.e-pivotview, .e-pivotview .e-grid, .e-pivotview .e-gridcontent, .e-pivotview .e-content, .e-pivotview .e-table, .e-pivotview .e-toolbar, .e-pivotview .e-toolbar-items, .e-pivotview .e-grouping-bar, .e-pivotview .e-axis-table) {
    color: var(--sf-text) !important;
    background: #f7fbfc !important;
    border-color: rgba(22, 127, 157, 0.18) !important;
}

:root[data-theme="light"] .sales-forecast-workspace .e-pivotview :is(.e-gridheader, .e-headercell, .e-stackedheadercell, .e-columnsheader, .e-rowsheader) {
    color: #173f50 !important;
    background: linear-gradient(180deg, #eaf5f7, #d7e9ee) !important;
    border-color: rgba(22, 127, 157, 0.2) !important;
}

:root[data-theme="light"] .sales-forecast-workspace .e-pivotview :is(.e-rowcell, .e-valuescontent, .e-summary, .e-cellvalue) {
    color: #173f50 !important;
    background: #f9fcfd !important;
    border-color: rgba(22, 127, 157, 0.13) !important;
}

:root[data-theme="light"] .sales-forecast-workspace .e-pivotview :is(.e-btn, .e-toolbar-item, .e-icons, .e-drillthrough) {
    color: #087fa4 !important;
}

:root[data-theme="light"] .sales-forecast-workspace .e-pivotview .e-grouping-bar :is(.e-axis-row, .e-axis-column, .e-axis-value, .e-axis-filter, .e-group-all-fields) {
    color: #315b6b !important;
    background: linear-gradient(180deg, #f4fafb, #e2eff2) !important;
    border-color: rgba(22, 127, 157, 0.2) !important;
}

:root[data-theme="light"] .sales-forecast-workspace .e-pivotview .e-grouping-bar :is(.e-left-axis-fields, .e-right-axis-fields, .e-all-fields-axis, .e-all-fields-axis .e-toolbar-items, .e-all-fields-axis .e-hscroll .e-scroll-nav) {
    color: #315b6b !important;
    background: #edf6f8 !important;
    border-color: rgba(22, 127, 157, 0.2) !important;
}

:root[data-theme="light"] .sales-forecast-workspace .e-pivotview :is(.e-group-values, .e-group-columns, .e-group-filters, .e-group-rows, .e-group-all-fields, th.e-group-row) {
    color: #315b6b !important;
    background: #e7f2f5 !important;
    border-color: rgba(22, 127, 157, 0.18) !important;
}

:root[data-theme="light"] .sales-forecast-workspace .e-pivotview :is(.e-group-values, .e-group-columns, .e-group-filters, .e-group-rows, .e-group-all-fields) .e-draggable-prompt {
    color: #496b78 !important;
}

:root[data-theme="light"] .sales-forecast-workspace .e-pivotview :is(.e-grouping-bar, .e-group-rows) .e-pivot-button {
    color: #245364 !important;
    border-color: rgba(22, 127, 157, 0.25) !important;
    background: linear-gradient(145deg, #ffffff, #dcecf0) !important;
    box-shadow: inset 0 1px 0 #ffffff !important;
}

:root[data-theme="light"] .sales-forecast-workspace .e-pivotview :is(.e-grouping-bar, .e-group-rows) .e-pivot-button:hover {
    color: #064f66 !important;
    border-color: rgba(8, 145, 180, 0.48) !important;
    background: #d2e9ef !important;
}

:root[data-theme="light"] .sales-forecast-workspace .e-pivotview :is(.e-grouping-bar, .e-group-rows) .e-pivot-button :is(.e-pvt-btn-content, .e-sort, .e-dropdown-icon, .e-pv-filter, .e-pv-filtered, .e-remove, .e-edit) {
    color: #245364 !important;
}

:root[data-theme="light"] .sales-forecast-workspace .e-pivotview :is(.e-gtot, .e-gtot.e-rowsheader, .e-gtot.e-columnsheader, .e-headercell:not(.e-columnsheader), .e-leftfreeze.e-freezeleftborder:not(.e-gtot)) {
    color: #173f50 !important;
    background: #dcecf0 !important;
    border-color: rgba(22, 127, 157, 0.18) !important;
}

:root[data-theme="light"] .sales-forecast-workspace .e-pivotview :is(.e-gtot, .e-rowsheader, .e-columnsheader) :is(.e-cellvalue, .e-headertext, .e-stackedheadertext, .e-stackedheadercelldiv) {
    color: #173f50 !important;
}

:root[data-theme="light"] .sales-forecast-workspace .e-pivotview :is(.e-toggle-field-list, .e-field-list-btn, .e-pivot-button) .e-icons {
    color: #087fa4 !important;
}

:root[data-theme="light"] .sales-forecast-workspace .e-pivotfieldlist .e-select-table {
    color: #087fa4 !important;
    border: 1px solid rgba(22, 127, 157, 0.27) !important;
    border-radius: 8px;
    background: linear-gradient(145deg, #ffffff, #dcecf0) !important;
    box-shadow: 0 5px 12px rgba(42, 86, 101, 0.12), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .sales-forecast-workspace .e-pivotfieldlist .e-select-table:hover,
:root[data-theme="light"] .sales-forecast-workspace .e-pivotfieldlist .e-select-table:focus {
    color: #064f66 !important;
    border-color: rgba(8, 145, 180, 0.52) !important;
    background: #d2e9ef !important;
}

/* Pivot Field List is portaled outside the workspace, so it needs a root-level mode scope. */
:root[data-theme="light"] .e-pivotfieldlist-container {
    color: #173f50 !important;
    color-scheme: light;
    border-color: rgba(22, 127, 157, 0.26) !important;
    border-radius: 16px !important;
    background: #f7fbfc !important;
    box-shadow: 0 24px 60px rgba(31, 61, 72, 0.28), inset 0 1px 0 #ffffff !important;
}

:root[data-theme="light"] .e-pivotfieldlist-container :is(.e-dlg-header-content, .e-dlg-content, .e-footer-content, .e-field-list-container, .e-layout-footer) {
    color: #173f50 !important;
    background: #f7fbfc !important;
    border-color: rgba(22, 127, 157, 0.16) !important;
}

:root[data-theme="light"] .e-pivotfieldlist-container :is(.e-dlg-header, .e-field-list-title, .e-title-content, .e-axis-header, .e-label) {
    color: #173f50 !important;
}

:root[data-theme="light"] .e-pivotfieldlist-container .e-field-table {
    color: #173f50 !important;
    border-color: rgba(22, 127, 157, 0.22) !important;
    background: #ffffff !important;
}

:root[data-theme="light"] .e-pivotfieldlist-container .e-field-table :is(.e-field-header-container, .e-field-header) {
    color: #315b6b !important;
    background: #dcecf0 !important;
    border-color: rgba(22, 127, 157, 0.18) !important;
}

:root[data-theme="light"] .e-pivotfieldlist-container .e-field-table :is(.e-field-list, .e-field-list-tree, .e-treeview, .e-list-parent, .e-list-item, .e-fullrow, .e-text-content) {
    color: #244f60 !important;
    background: #ffffff !important;
}

:root[data-theme="light"] .e-pivotfieldlist-container .e-field-table .e-list-item:hover :is(.e-fullrow, .e-text-content) {
    background: #e7f2f5 !important;
}

:root[data-theme="light"] .e-pivotfieldlist-container :is(.e-search-wrapper, .e-input-group, .e-input-group.e-control-wrapper) {
    color: #173f50 !important;
    border-color: rgba(22, 127, 157, 0.25) !important;
    background: #ffffff !important;
    box-shadow: inset 0 1px 2px rgba(42, 86, 101, 0.05) !important;
}

:root[data-theme="light"] .e-pivotfieldlist-container :is(input, input.e-input, .e-input) {
    color: #173f50 !important;
    color-scheme: light;
    background: #ffffff !important;
}

:root[data-theme="light"] .e-pivotfieldlist-container input::placeholder {
    color: #78909a !important;
    opacity: 1;
}

:root[data-theme="light"] .e-pivotfieldlist-container :is(.e-field-list-filters, .e-field-list-rows, .e-field-list-columns, .e-field-list-values) {
    color: #244f60 !important;
    fill: #f7fbfc !important;
    border-color: rgba(22, 127, 157, 0.22) !important;
    background: #f7fbfc !important;
}

:root[data-theme="light"] .e-pivotfieldlist-container :is(.e-field-list-filters, .e-field-list-rows, .e-field-list-columns, .e-field-list-values) .e-axis-container {
    color: #315b6b !important;
    border-color: rgba(22, 127, 157, 0.18) !important;
    background: #dcecf0 !important;
}

:root[data-theme="light"] .e-pivotfieldlist-container :is(.e-field-list-filters, .e-field-list-rows, .e-field-list-columns, .e-field-list-values) .e-axis-content {
    color: #496b78 !important;
    background: #f7fbfc !important;
}

:root[data-theme="light"] .e-pivotfieldlist-container :is(.e-draggable-prompt, .e-list-text, .e-axis-rows, .e-axis-columns, .e-axis-values, .e-axis-filters, .e-icons) {
    color: #496b78 !important;
}

:root[data-theme="light"] .e-pivotfieldlist-container .e-axis-content .e-pivot-button {
    color: #245364 !important;
    border-color: rgba(22, 127, 157, 0.16) !important;
    background: linear-gradient(145deg, #ffffff, #e2eff2) !important;
}

:root[data-theme="light"] .e-pivotfieldlist-container .e-axis-content .e-pivot-button:hover {
    color: #064f66 !important;
    background: #d2e9ef !important;
}

:root[data-theme="light"] .e-pivotfieldlist-container :is(.e-checkbox-wrapper, .e-css.e-checkbox-wrapper) .e-frame {
    color: transparent !important;
    border-color: rgba(22, 127, 157, 0.42) !important;
    background: #ffffff !important;
    box-shadow: inset 0 1px 2px rgba(42, 86, 101, 0.08);
}

:root[data-theme="light"] .e-pivotfieldlist-container :is(.e-checkbox-wrapper, .e-css.e-checkbox-wrapper) .e-frame.e-check {
    color: #ffffff !important;
    border-color: #087fa4 !important;
    background: #087fa4 !important;
}

:root[data-theme="light"] .e-pivotfieldlist-container :is(.e-defer-apply-button, .e-primary) {
    color: #ffffff !important;
    border-color: #087fa4 !important;
    background: linear-gradient(120deg, #149db7, #147a67) !important;
    box-shadow: 0 7px 16px rgba(8, 127, 164, 0.2) !important;
}

:root[data-theme="light"] .e-pivotfieldlist-container :is(.e-cancel-btn, .e-dlg-closeicon-btn) {
    color: #315b6b !important;
    border-color: rgba(22, 127, 157, 0.22) !important;
    background: linear-gradient(145deg, #ffffff, #dcecf0) !important;
}

:root[data-theme="dark"] .sales-forecast-workspace .e-pivotfieldlist .e-select-table {
    color: #70e7ef !important;
    color-scheme: dark;
    border-color: rgba(83, 190, 213, 0.36) !important;
    border-radius: 8px;
    background: #10283a !important;
    box-shadow: 0 5px 12px rgba(0, 0, 0, 0.28);
}

:root[data-theme="dark"] .e-pivotfieldlist-container {
    color-scheme: dark;
    color: #eaf7ff !important;
    border-color: rgba(66, 220, 229, 0.26) !important;
    border-radius: 16px !important;
    background: #0b1b2c !important;
    box-shadow: 0 28px 70px rgba(0, 0, 0, 0.5) !important;
}

:root[data-theme="dark"] .e-pivotfieldlist-container :is(.e-dlg-header-content, .e-dlg-content, .e-footer-content, .e-field-list-container, .e-layout-footer) {
    color: #eaf7ff !important;
    background: #0b1b2c !important;
    border-color: rgba(149, 214, 231, 0.16) !important;
}

:root[data-theme="dark"] .e-pivotfieldlist-container :is(.e-dlg-header, .e-field-list-title, .e-title-content, .e-axis-header, .e-label) {
    color: #eaf7ff !important;
}

:root[data-theme="dark"] .e-pivotfieldlist-container :is(.e-field-table, .e-field-list-filters, .e-field-list-rows, .e-field-list-columns, .e-field-list-values) {
    color: #d9eef6 !important;
    fill: #07121e !important;
    border-color: rgba(149, 214, 231, 0.18) !important;
    background: #07121e !important;
}

:root[data-theme="dark"] .e-pivotfieldlist-container :is(.e-field-header-container, .e-field-header, .e-axis-container) {
    color: #b9d5e2 !important;
    border-color: rgba(149, 214, 231, 0.16) !important;
    background: #10283a !important;
}

:root[data-theme="dark"] .e-pivotfieldlist-container :is(.e-axis-content, .e-field-list, .e-field-list-tree, .e-treeview, .e-list-parent, .e-list-item) {
    color: #d9eef6 !important;
    background: #07121e !important;
}

:root[data-theme="dark"] .e-pivotfieldlist-container :is(input, input.e-input, .e-input, .e-input-group, .e-input-group.e-control-wrapper) {
    color: #eaf7ff !important;
    color-scheme: dark;
    border-color: rgba(83, 190, 213, 0.3) !important;
    background: #07121e !important;
}

:root[data-theme="dark"] .sales-forecast-workspace {
    color-scheme: dark;
}

:root[data-theme="dark"] .sales-forecast-workspace select option {
    color: #eaf7ff;
    background: #071b2b;
}

/* Production Workspace and its planning, readiness, analysis, and lifecycle surfaces. */
.production-workspace.operations-theme-zone {
    min-height: 0;
    align-content: start;
    overflow: visible;
}

:root[data-theme="light"] .production-workspace {
    --prod-ink: #173f50;
    --prod-muted: #587681;
    --prod-panel: rgba(255, 255, 255, 0.9);
    --prod-panel-alt: rgba(229, 242, 245, 0.92);
    --prod-border: rgba(22, 127, 157, 0.23);
    --prod-cyan: #087fa4;
    --prod-teal: #147a58;
    --prod-amber: #a96e0e;
    --prod-violet: #7750a2;
    color: var(--prod-ink);
    color-scheme: light;
}

:root[data-theme="light"] .production-workspace :is(.production-workspace__hero, .production-workspace__filter-panel, .production-workspace__content-card) {
    color: var(--prod-ink);
    border-color: var(--prod-border);
    background:
        radial-gradient(circle at 94% 0%, rgba(55, 111, 181, 0.09), transparent 23rem),
        radial-gradient(circle at 3% 100%, rgba(8, 145, 180, 0.08), transparent 25rem),
        linear-gradient(135deg, rgba(255, 255, 255, 0.97), rgba(229, 241, 244, 0.94));
    box-shadow: 0 15px 34px rgba(42, 86, 101, 0.13), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .production-workspace .production-workspace__hero {
    min-height: 0;
    height: auto;
    align-self: start;
}

:root[data-theme="light"] .production-workspace .production-workspace__hero-copy h1 {
    color: #173f50 !important;
    -webkit-text-fill-color: #173f50 !important;
    text-shadow: none !important;
}

:root[data-theme="light"] .production-workspace :is(.production-workspace__hero-copy p, .production-workspace__records, .production-workspace__hint) {
    color: var(--prod-muted);
}

:root[data-theme="light"] .production-workspace :is(.production-workspace__filter-heading h2, .production-workspace__content-header h2, .production-workspace__empty strong) {
    color: var(--prod-ink);
}

:root[data-theme="light"] .production-workspace .production-workspace__records {
    color: #087fa4;
    border-color: rgba(8, 145, 180, 0.23);
    background: #e1f2f5;
}

:root[data-theme="light"] .production-workspace .production-workspace__filters label > span {
    color: #496b78;
}

:root[data-theme="light"] .production-workspace :is(.production-workspace__filters input, .production-workspace__filters select, .production-workspace__search-box) {
    color: var(--prod-ink);
    color-scheme: light;
    border-color: rgba(22, 127, 157, 0.25);
    background: rgba(255, 255, 255, 0.94);
    box-shadow: inset 0 1px 2px rgba(42, 86, 101, 0.05);
}

:root[data-theme="light"] .production-workspace .production-workspace__search-box input {
    color: var(--prod-ink);
    background: transparent;
}

:root[data-theme="light"] .production-workspace input::placeholder,
:root[data-theme="light"] .production-modal input::placeholder,
:root[data-theme="light"] .production-modal textarea::placeholder {
    color: #78909a;
    opacity: 1;
}

:root[data-theme="light"] .production-workspace :is(.production-workspace__filters input, .production-workspace__filters select):focus,
:root[data-theme="light"] .production-workspace .production-workspace__search-box:focus-within {
    border-color: #0a94b3;
    background: #ffffff;
    box-shadow: 0 0 0 3px rgba(8, 145, 180, 0.11);
}

:root[data-theme="light"] .production-workspace select option,
:root[data-theme="light"] .production-modal select option {
    color: #173f50;
    background: #ffffff;
}

:root[data-theme="light"] .production-workspace :is(.production-workspace__view-tab, .production-action, .production-workspace__paging button) {
    color: #245364;
    border-color: rgba(22, 127, 157, 0.27);
    background: linear-gradient(145deg, #ffffff, #e2eff2);
    box-shadow: 0 5px 12px rgba(42, 86, 101, 0.1), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .production-workspace :is(.production-workspace__view-tab, .production-action, .production-workspace__paging button):hover:not(:disabled) {
    color: #064f66;
    border-color: rgba(8, 145, 180, 0.52);
    background: linear-gradient(145deg, #ffffff, #d2e9ef);
    box-shadow: 0 8px 17px rgba(42, 86, 101, 0.14), 0 0 0 3px rgba(8, 145, 180, 0.08);
}

:root[data-theme="light"] .production-workspace .production-workspace__view-tab--active,
:root[data-theme="light"] .production-workspace :is(.production-action--primary, .production-action--filter) {
    color: #ffffff;
    border-color: #087fa4;
    background: linear-gradient(120deg, #149db7, #147a67);
    box-shadow: 0 8px 20px rgba(8, 127, 164, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.3);
}

:root[data-theme="light"] .production-workspace .production-kpi {
    color: var(--prod-ink);
    border-color: rgba(22, 127, 157, 0.16);
    background:
        radial-gradient(circle at 100% 0%, rgba(8, 145, 180, 0.06), transparent 65%),
        linear-gradient(145deg, #ffffff, #e9f3f5);
    box-shadow: inset 0 1px 0 #ffffff, 0 5px 12px rgba(42, 86, 101, 0.07);
}

:root[data-theme="light"] .production-workspace .production-kpi :is(span, small) {
    color: var(--prod-muted);
}

:root[data-theme="light"] .production-workspace .production-kpi strong {
    color: var(--prod-ink);
}

:root[data-theme="light"] .production-workspace :is(.production-workspace__loading, .production-workspace__empty) {
    color: var(--prod-muted);
    border-color: rgba(22, 127, 157, 0.26);
    background:
        radial-gradient(circle at center, rgba(8, 145, 180, 0.08), transparent 44%),
        rgba(255, 255, 255, 0.58);
}

:root[data-theme="light"] .production-workspace .production-workspace__error {
    color: #8c2945;
    border-color: rgba(179, 60, 89, 0.26);
    background: #fbe8ed;
}

:root[data-theme="light"] .production-workspace .production-progress {
    background: #d4e5e9;
    box-shadow: inset 0 1px 3px rgba(42, 86, 101, 0.1);
}

:root[data-theme="light"] .production-workspace .production-readiness--ready {
    color: #126347;
    border: 1px solid rgba(20, 122, 88, 0.2);
    background: #e1f3eb;
}

:root[data-theme="light"] .production-workspace .production-readiness--warning,
:root[data-theme="light"] .production-workspace .production-forecast-gap--attention {
    color: #85580d;
    border: 1px solid rgba(169, 110, 14, 0.22);
    background: #fff0cc;
}

:root[data-theme="light"] .production-workspace .production-readiness--setup {
    color: #69428c;
    border: 1px solid rgba(119, 80, 162, 0.22);
    background: #eee5f5;
}

:root[data-theme="light"] .production-workspace .production-forecast-gap--covered {
    color: #126347;
    border: 1px solid rgba(20, 122, 88, 0.2);
    background: #e1f3eb;
}

:root[data-theme="light"] .production-workspace .production-grid-action {
    color: #087fa4;
    border-color: rgba(8, 145, 180, 0.27);
    background: #e1f2f5;
}

:root[data-theme="light"] .production-workspace .production-grid-action:hover {
    color: #064f66;
    border-color: rgba(8, 145, 180, 0.5);
    background: #d2e9ef;
}

:root[data-theme="light"] .production-workspace :is(.e-grid, .e-grid .e-gridheader, .e-grid .e-headercontent, .e-grid .e-gridcontent, .e-grid .e-content, .e-grid .e-table) {
    color: var(--prod-ink) !important;
    background: #f7fbfc !important;
    border-color: rgba(22, 127, 157, 0.18) !important;
}

:root[data-theme="light"] .production-workspace .e-grid :is(.e-headercell, .e-stackedheadercell, .e-filterbar, .e-filterbarcell) {
    color: #173f50 !important;
    background: #dcecf0 !important;
    border-color: rgba(22, 127, 157, 0.18) !important;
}

:root[data-theme="light"] .production-workspace .e-grid :is(.e-rowcell, .e-emptyrow td) {
    color: #244f60 !important;
    background: rgba(255, 255, 255, 0.88) !important;
    border-color: rgba(22, 127, 157, 0.12) !important;
}

:root[data-theme="light"] .production-workspace .e-grid .e-altrow .e-rowcell {
    background: rgba(226, 240, 243, 0.7) !important;
}

:root[data-theme="light"] .production-workspace .e-grid .e-row:hover .e-rowcell {
    background: #dceff3 !important;
}

:root[data-theme="light"] .production-workspace .e-grid .e-filterbarcell :is(.e-input-group, .e-input-group.e-control-wrapper, input, .e-input) {
    color: #173f50 !important;
    border-color: rgba(22, 127, 157, 0.22) !important;
    background: #ffffff !important;
}

:root[data-theme="light"] .production-workspace :is(.e-chart text, .e-axis-label, .e-axis-title, .e-chart-title, .e-legend-text) {
    fill: #315b6b !important;
    color: #315b6b !important;
}

:root[data-theme="light"] .production-workspace :is(.e-pivotview, .e-pivotview .e-grid, .e-pivotview .e-gridcontent, .e-pivotview .e-content, .e-pivotview .e-table, .e-pivotview .e-toolbar, .e-pivotview .e-toolbar-items, .e-pivotview .e-grouping-bar, .e-pivotview .e-axis-table) {
    color: var(--prod-ink) !important;
    background: #f7fbfc !important;
    border-color: rgba(22, 127, 157, 0.18) !important;
}

:root[data-theme="light"] .production-workspace .e-pivotview :is(.e-gridheader, .e-headercell, .e-stackedheadercell, .e-columnsheader, .e-rowsheader) {
    color: #173f50 !important;
    background: linear-gradient(180deg, #eaf5f7, #d7e9ee) !important;
    border-color: rgba(22, 127, 157, 0.2) !important;
}

:root[data-theme="light"] .production-workspace .e-pivotview :is(.e-rowcell, .e-valuescontent, .e-summary, .e-cellvalue) {
    color: #173f50 !important;
    background: #f9fcfd !important;
    border-color: rgba(22, 127, 157, 0.13) !important;
}

:root[data-theme="light"] .production-workspace .e-pivotview .e-grouping-bar :is(.e-axis-row, .e-axis-column, .e-axis-value, .e-axis-filter, .e-group-all-fields) {
    color: #315b6b !important;
    background: linear-gradient(180deg, #f4fafb, #e2eff2) !important;
    border-color: rgba(22, 127, 157, 0.2) !important;
}

:root[data-theme="light"] .production-workspace .e-pivotview .e-grouping-bar :is(.e-left-axis-fields, .e-right-axis-fields, .e-all-fields-axis, .e-all-fields-axis .e-toolbar-items, .e-all-fields-axis .e-hscroll .e-scroll-nav),
:root[data-theme="light"] .production-workspace .e-pivotview :is(.e-group-values, .e-group-columns, .e-group-filters, .e-group-rows, .e-group-all-fields, th.e-group-row) {
    color: #315b6b !important;
    background: #e7f2f5 !important;
    border-color: rgba(22, 127, 157, 0.18) !important;
}

:root[data-theme="light"] .production-workspace .e-pivotview :is(.e-group-values, .e-group-columns, .e-group-filters, .e-group-rows, .e-group-all-fields) .e-draggable-prompt {
    color: #496b78 !important;
}

:root[data-theme="light"] .production-workspace .e-pivotview :is(.e-grouping-bar, .e-group-rows) .e-pivot-button {
    color: #245364 !important;
    border-color: rgba(22, 127, 157, 0.25) !important;
    background: linear-gradient(145deg, #ffffff, #dcecf0) !important;
}

:root[data-theme="light"] .production-workspace .e-pivotview :is(.e-grouping-bar, .e-group-rows) .e-pivot-button :is(.e-pvt-btn-content, .e-sort, .e-dropdown-icon, .e-pv-filter, .e-pv-filtered, .e-remove, .e-edit) {
    color: #245364 !important;
}

:root[data-theme="light"] .production-workspace .e-pivotview :is(.e-gtot, .e-gtot.e-rowsheader, .e-gtot.e-columnsheader, .e-headercell:not(.e-columnsheader), .e-leftfreeze.e-freezeleftborder:not(.e-gtot)) {
    color: #173f50 !important;
    background: #dcecf0 !important;
    border-color: rgba(22, 127, 157, 0.18) !important;
}

:root[data-theme="light"] .production-workspace .e-pivotview :is(.e-gtot, .e-rowsheader, .e-columnsheader) :is(.e-cellvalue, .e-headertext, .e-stackedheadertext, .e-stackedheadercelldiv) {
    color: #173f50 !important;
}

:root[data-theme="light"] .production-workspace .e-pivotfieldlist .e-select-table {
    color: #087fa4 !important;
    border: 1px solid rgba(22, 127, 157, 0.27) !important;
    border-radius: 8px;
    background: linear-gradient(145deg, #ffffff, #dcecf0) !important;
    box-shadow: 0 5px 12px rgba(42, 86, 101, 0.12), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .production-workspace .production-modal-backdrop {
    background: rgba(28, 55, 66, 0.48);
    backdrop-filter: blur(10px);
}

:root[data-theme="light"] .production-workspace .production-modal {
    color: #173f50;
    color-scheme: light;
    border-color: rgba(8, 145, 180, 0.3);
    background:
        radial-gradient(circle at 100% 0%, rgba(119, 80, 162, 0.1), transparent 22rem),
        linear-gradient(145deg, #ffffff, #e6f2f5);
    box-shadow: 0 32px 90px rgba(31, 61, 72, 0.34), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .production-workspace .production-modal :is(.production-modal__header, .production-modal__footer) {
    border-color: rgba(22, 127, 157, 0.15);
}

:root[data-theme="light"] .production-workspace .production-modal :is(h2, .production-modal__guide strong, .production-modal__mode strong, .production-profile-list button strong) {
    color: #173f50;
}

:root[data-theme="light"] .production-workspace .production-modal :is(.production-modal__header p, .production-modal__guide span, .production-modal__guide small, .production-modal__mode span, .production-modal__mode small, .production-modal__switch) {
    color: #587681;
}

:root[data-theme="light"] .production-workspace .production-modal__close {
    color: #315b6b;
    border-color: rgba(22, 127, 157, 0.24);
    background: linear-gradient(145deg, #ffffff, #dcecf0);
}

:root[data-theme="light"] .production-workspace .production-modal :is(.production-modal__guide, .production-modal__mode) {
    color: #173f50;
    border-color: rgba(22, 127, 157, 0.17);
    background: rgba(255, 255, 255, 0.68);
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .production-workspace .production-modal :is(.production-modal__guide > i, .production-modal__mode > i) {
    color: #087fa4;
    background: #e1f2f5;
}

:root[data-theme="light"] .production-workspace .production-modal label {
    color: #496b78;
}

:root[data-theme="light"] .production-workspace .production-modal :is(input:not([type="checkbox"]), select, textarea) {
    color: #173f50;
    color-scheme: light;
    border-color: rgba(22, 127, 157, 0.25);
    background: #ffffff;
    box-shadow: inset 0 1px 2px rgba(42, 86, 101, 0.05);
}

:root[data-theme="light"] .production-workspace .production-modal :is(input:not([type="checkbox"]), select, textarea):focus {
    border-color: #0a94b3;
    box-shadow: 0 0 0 3px rgba(8, 145, 180, 0.11);
}

:root[data-theme="light"] .production-workspace .production-profile-list button {
    color: #173f50;
    border-color: rgba(22, 127, 157, 0.17);
    background: linear-gradient(145deg, #ffffff, #e7f2f5);
}

:root[data-theme="light"] .production-workspace .production-profile-list button span {
    color: #587681;
}

:root[data-theme="light"] .production-workspace .production-profile-list button:hover {
    border-color: rgba(8, 145, 180, 0.46);
    background: #dceff3;
}

:root[data-theme="light"] .production-workspace .production-lifecycle-history {
    color: #173f50;
    border-color: rgba(22, 127, 157, 0.17);
    background: rgba(255, 255, 255, 0.62);
}

:root[data-theme="light"] .production-workspace .production-lifecycle-history__heading {
    color: #087fa4;
}

:root[data-theme="light"] .production-workspace .production-lifecycle-history__heading small,
:root[data-theme="light"] .production-workspace :is(.production-lifecycle-history__item small, .production-lifecycle-history__empty) {
    color: #587681;
}

:root[data-theme="light"] .production-workspace .production-lifecycle-history__item {
    color: #173f50;
    border: 1px solid rgba(22, 127, 157, 0.12);
    background: linear-gradient(145deg, #ffffff, #e7f2f5);
}

:root[data-theme="light"] .production-workspace .production-lifecycle-history__route {
    color: #496b78;
}

:root[data-theme="light"] .production-workspace .production-lifecycle-history__route strong {
    color: #126347;
}

:root[data-theme="light"] .production-workspace .production-lifecycle-history__item p {
    color: #315b6b;
}

:root[data-theme="dark"] .production-workspace,
:root[data-theme="dark"] .production-workspace .production-modal {
    color-scheme: dark;
}

:root[data-theme="dark"] .production-workspace select option,
:root[data-theme="dark"] .production-workspace .production-modal select option {
    color: #eaf7ff;
    background: #071b2b;
}

:root[data-theme="dark"] .production-workspace .e-pivotfieldlist .e-select-table {
    color: #70e7ef !important;
    border-color: rgba(83, 190, 213, 0.36) !important;
    border-radius: 8px;
    background: #10283a !important;
}

/* Tab Orders Queue theme integration. */
:root[data-theme="light"] .tab-orders-queue-theme-zone {
    min-height: auto;
    color: #173f50;
    color-scheme: light;
    border-color: rgba(24, 131, 160, 0.24);
    background:
        radial-gradient(68rem 38rem at 8% 0%, rgba(34, 190, 219, 0.14), transparent 58%),
        radial-gradient(54rem 34rem at 96% 8%, rgba(255, 183, 72, 0.11), transparent 56%),
        linear-gradient(150deg, rgba(255, 255, 255, 0.98), rgba(229, 242, 246, 0.97));
    box-shadow: 0 18px 44px rgba(42, 86, 101, 0.16), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .tab-orders-queue-theme-zone::before {
    opacity: 0.22;
}

:root[data-theme="light"] .tab-orders-queue-theme-zone .toq__bgfx {
    opacity: 0.54;
    background:
        radial-gradient(54rem 25rem at 24% 0%, rgba(29, 183, 216, 0.12), transparent 58%),
        radial-gradient(42rem 22rem at 84% 18%, rgba(255, 190, 84, 0.1), transparent 62%),
        repeating-linear-gradient(180deg, rgba(24, 118, 143, 0.035) 0, rgba(24, 118, 143, 0.035) 1px, transparent 6px, transparent 11px);
}

:root[data-theme="light"] .tab-orders-queue-theme-zone .toq__header {
    border-bottom-color: rgba(24, 131, 160, 0.16);
}

:root[data-theme="light"] .tab-orders-queue-theme-zone .toq__titleBadge {
    color: #076783;
    background: rgba(35, 193, 218, 0.12);
    border-color: rgba(8, 145, 180, 0.3);
    box-shadow: 0 7px 18px rgba(8, 145, 180, 0.12);
}

:root[data-theme="light"] .tab-orders-queue-theme-zone :is(
    .toq__metaItem,
    .toq__kpi,
    .toq__refreshInterval,
    .toq__toggle,
    .toq__pill,
    .toq__statusChip,
    .toq__panel,
    .toq__itemRow) {
    color: #173f50;
    background: rgba(255, 255, 255, 0.7);
    border-color: rgba(24, 131, 160, 0.18);
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .tab-orders-queue-theme-zone :is(
    .toq__h2,
    .toq__metaLabel,
    .toq__label,
    .toq__kpiLabel,
    .toq__cardHint,
    .toq__orderMeta,
    .toq__cellSub,
    .toq__panelTitle,
    .toq__itemMeta,
    .toq__miniHint,
    .toq__miniLbl,
    .toq__loadingSub,
    .toq__emptySub,
    .toq__storeOptionMeta,
    .toq__storeEmpty) {
    color: #557582;
}

:root[data-theme="light"] .tab-orders-queue-theme-zone :is(
    .toq__metaValue,
    .toq__cardTitle,
    .toq__orderNum,
    .toq__cellTitle,
    .toq__detailsTitle,
    .toq__itemName,
    .toq__loadingTitle,
    .toq__emptyTitle,
    .toq__toggleText,
    .toq__pillText,
    .toq__storeOptionName) {
    color: #173f50;
}

:root[data-theme="light"] .tab-orders-queue-theme-zone .toq__storeInputWrap {
    background: rgba(255, 255, 255, 0.88);
    border-color: rgba(8, 145, 180, 0.28);
    box-shadow: inset 0 1px 2px rgba(42, 86, 101, 0.05), 0 7px 18px rgba(42, 86, 101, 0.08);
}

:root[data-theme="light"] .tab-orders-queue-theme-zone .toq__storeInput {
    color: #173f50;
}

:root[data-theme="light"] .tab-orders-queue-theme-zone .toq__storeInput::placeholder {
    color: #78909a;
}

:root[data-theme="light"] .tab-orders-queue-theme-zone :is(.toq__iconBtn, .toq__rowToggle, .toq__btn) {
    color: #075f79;
    background: linear-gradient(145deg, #ffffff, #dcecf1);
    border-color: rgba(24, 131, 160, 0.22);
    box-shadow: 0 7px 16px rgba(42, 86, 101, 0.11), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .tab-orders-queue-theme-zone :is(.toq__iconBtn, .toq__rowToggle, .toq__btn):hover {
    color: #064e65;
    border-color: rgba(8, 145, 180, 0.44);
    background: linear-gradient(145deg, #ffffff, #cde9f0);
    box-shadow: 0 10px 22px rgba(42, 86, 101, 0.16), 0 0 0 3px rgba(8, 145, 180, 0.08);
}

:root[data-theme="light"] .tab-orders-queue-theme-zone .toq__btn--primary {
    color: #ffffff;
    border-color: rgba(5, 120, 151, 0.46);
    background: linear-gradient(135deg, #18bad0, #087fa4 60%, #2d82db);
    box-shadow: 0 9px 20px rgba(8, 127, 164, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.42);
}

:root[data-theme="light"] .tab-orders-queue-theme-zone .toq__btn--primary:hover {
    color: #ffffff;
    background: linear-gradient(135deg, #25cbdc, #0a91b4 58%, #357ee4);
}

:root[data-theme="light"] .tab-orders-queue-theme-zone .toq__btn--danger {
    color: #9b2941;
    border-color: rgba(194, 57, 87, 0.26);
    background: linear-gradient(145deg, #fff8f9, #f9dfe5);
}

:root[data-theme="light"] .tab-orders-queue-theme-zone .toq__storeDropdown {
    color: #173f50;
    background: rgba(248, 252, 253, 0.97);
    border-color: rgba(8, 145, 180, 0.27);
    box-shadow: 0 18px 40px rgba(42, 86, 101, 0.2), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .tab-orders-queue-theme-zone .toq__storeOption {
    color: #173f50;
    border-bottom-color: rgba(24, 131, 160, 0.11);
}

:root[data-theme="light"] .tab-orders-queue-theme-zone .toq__storeOption:hover {
    background: linear-gradient(90deg, rgba(35, 193, 218, 0.13), rgba(255, 190, 84, 0.08));
}

:root[data-theme="light"] .tab-orders-queue-theme-zone .toq__storeOption.is-selected {
    background: linear-gradient(90deg, rgba(29, 183, 216, 0.2), rgba(255, 190, 84, 0.1));
}

:root[data-theme="light"] .tab-orders-queue-theme-zone .toq__card {
    color: #173f50;
    background: rgba(255, 255, 255, 0.76);
    border-color: rgba(24, 131, 160, 0.2);
    box-shadow: 0 16px 36px rgba(42, 86, 101, 0.13), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .tab-orders-queue-theme-zone .toq__cardHeader {
    border-bottom-color: rgba(24, 131, 160, 0.14);
    background: linear-gradient(90deg, rgba(35, 193, 218, 0.09), rgba(255, 190, 84, 0.055));
}

:root[data-theme="light"] .tab-orders-queue-theme-zone .toq__table {
    color: #173f50;
}

:root[data-theme="light"] .tab-orders-queue-theme-zone .toq__table thead th {
    color: #315b6b;
    background: rgba(224, 239, 244, 0.96);
    border-bottom-color: rgba(24, 131, 160, 0.2);
    backdrop-filter: blur(10px);
}

:root[data-theme="light"] .tab-orders-queue-theme-zone .toq__table tbody td {
    color: #173f50;
    border-bottom-color: rgba(24, 131, 160, 0.12);
}

:root[data-theme="light"] .tab-orders-queue-theme-zone .toq__row:hover {
    background: linear-gradient(90deg, rgba(35, 193, 218, 0.09), rgba(255, 190, 84, 0.045));
}

:root[data-theme="light"] .tab-orders-queue-theme-zone .toq__row.is-expanded {
    background: linear-gradient(90deg, rgba(35, 193, 218, 0.14), rgba(255, 190, 84, 0.065));
}

:root[data-theme="light"] .tab-orders-queue-theme-zone .toq__detailsRow td {
    border-bottom-color: rgba(24, 131, 160, 0.16);
}

:root[data-theme="light"] .tab-orders-queue-theme-zone .toq__details {
    color: #173f50;
    background: rgba(227, 240, 244, 0.74);
    border-top-color: rgba(8, 145, 180, 0.2);
}

:root[data-theme="light"] .tab-orders-queue-theme-zone :is(.toq__select, .toq__input) {
    color: #173f50;
    color-scheme: light;
    background: #ffffff;
    border-color: rgba(8, 145, 180, 0.26);
    box-shadow: inset 0 1px 2px rgba(42, 86, 101, 0.05);
}

:root[data-theme="light"] .tab-orders-queue-theme-zone :is(.toq__select, .toq__input):focus {
    border-color: #0a94b3;
    box-shadow: 0 0 0 3px rgba(8, 145, 180, 0.11);
}

:root[data-theme="light"] .tab-orders-queue-theme-zone :is(.toq__select, .toq__input):disabled {
    color: #75909a;
    background: #e5eff2;
}

:root[data-theme="light"] .tab-orders-queue-theme-zone .toq__select option {
    color: #173f50;
    background: #ffffff;
}

:root[data-theme="light"] .tab-orders-queue-theme-zone .toq__toggleUI {
    border-color: rgba(24, 131, 160, 0.3);
    background: #d8e7eb;
    box-shadow: inset 0 1px 3px rgba(42, 86, 101, 0.12);
}

:root[data-theme="light"] .tab-orders-queue-theme-zone .toq__toggleUI::after {
    background: #ffffff;
    box-shadow: 0 4px 10px rgba(42, 86, 101, 0.24);
}

:root[data-theme="light"] .tab-orders-queue-theme-zone .toq__toggle input:checked + .toq__toggleUI {
    border-color: rgba(8, 145, 180, 0.48);
    background: rgba(35, 193, 218, 0.2);
    box-shadow: 0 0 0 3px rgba(8, 145, 180, 0.08);
}

:root[data-theme="light"] .tab-orders-queue-theme-zone .toq__spinner {
    border-color: rgba(24, 131, 160, 0.2);
    border-top-color: #0891b4;
}

:root[data-theme="light"] .tab-orders-queue-theme-zone :is(.toq__tableWrap, .toq__storeDropdown) {
    scrollbar-color: rgba(8, 145, 180, 0.56) rgba(214, 232, 237, 0.76);
}

:root[data-theme="dark"] .tab-orders-queue-theme-zone,
:root[data-theme="dark"] .tab-orders-queue-theme-zone :is(.toq__select, .toq__input) {
    color-scheme: dark;
}

:root[data-theme="dark"] .tab-orders-queue-theme-zone .toq__select option {
    color: rgba(255, 255, 255, 0.92);
    background: #0a0f18;
}

/* Squad entity synchronization theme integration. */
:root[data-theme="dark"] .squad-sync-theme-zone {
    color-scheme: dark;
}

:root[data-theme="light"] .squad-sync-theme-zone {
    color: #173f50;
    color-scheme: light;
}

:root[data-theme="light"] .squad-sync-theme-zone :is(
    .squad-sync__panel,
    .squad-sync__card,
    .squad-sync__metric,
    .squad-sync__status,
    .squad-sync__empty
) {
    color: #173f50;
    border-color: rgba(25, 139, 166, 0.24);
    background:
        radial-gradient(circle at 0 0, rgba(34, 190, 220, 0.1), transparent 34%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(228, 242, 246, 0.95));
    box-shadow:
        0 14px 32px rgba(42, 86, 101, 0.13),
        inset 0 1px 0 rgba(255, 255, 255, 0.96);
}

:root[data-theme="light"] .squad-sync-theme-zone .squad-sync__eyebrow {
    color: #087fa4;
}

:root[data-theme="light"] .squad-sync-theme-zone :is(
    .squad-sync__title-row h3,
    .squad-sync__identity-title-row h4,
    .squad-sync__metric strong,
    .squad-sync__fact strong,
    .squad-sync__empty strong
) {
    color: #153849;
}

:root[data-theme="light"] .squad-sync-theme-zone :is(
    .squad-sync__field > span,
    .squad-sync__metric > span,
    .squad-sync__fact > span,
    .squad-sync__meta,
    .squad-sync__head-side small,
    .squad-sync__empty span,
    .squad-sync__note
) {
    color: #557582;
}

:root[data-theme="light"] .squad-sync-theme-zone .squad-sync__input {
    color: #173f50;
    caret-color: #078eaa;
    border-color: rgba(25, 139, 166, 0.28);
    background: rgba(255, 255, 255, 0.92);
    box-shadow: inset 0 1px 2px rgba(39, 78, 91, 0.08);
}

:root[data-theme="light"] .squad-sync-theme-zone .squad-sync__input::placeholder {
    color: #78909a;
    opacity: 1;
}

:root[data-theme="light"] .squad-sync-theme-zone .squad-sync__input:focus {
    border-color: #0a94b3;
    outline: none;
    box-shadow: 0 0 0 3px rgba(17, 175, 204, 0.15);
}

:root[data-theme="light"] .squad-sync-theme-zone :is(
    .squad-sync__chip,
    .squad-sync__button,
    .squad-sync__help-trigger,
    .squad-sync__purpose-trigger
) {
    color: #174c61;
    border-color: rgba(18, 143, 172, 0.3);
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(222, 240, 245, 0.96));
    box-shadow: 0 6px 14px rgba(43, 87, 101, 0.1);
}

:root[data-theme="light"] .squad-sync-theme-zone :is(
    .squad-sync__chip,
    .squad-sync__button,
    .squad-sync__help-trigger,
    .squad-sync__purpose-trigger
):hover:not(:disabled) {
    color: #086d89;
    border-color: rgba(7, 153, 184, 0.5);
    background: linear-gradient(145deg, #ffffff, #d2f0f5);
}

:root[data-theme="light"] .squad-sync-theme-zone :is(
    .squad-sync__chip.is-active,
    .squad-sync__button:not(.squad-sync__button--ghost)
) {
    color: #ffffff;
    border-color: rgba(0, 145, 174, 0.64);
    background: linear-gradient(135deg, #087fa4, #14a59c);
    box-shadow: 0 8px 18px rgba(7, 132, 153, 0.22);
}

:root[data-theme="light"] .squad-sync-theme-zone .squad-sync__button--ghost {
    color: #285c70;
    background: rgba(255, 255, 255, 0.82);
}

:root[data-theme="light"] .squad-sync-theme-zone :is(
    .squad-sync__button,
    .squad-sync__chip
):disabled {
    color: #78909a;
    border-color: rgba(80, 120, 134, 0.18);
    background: rgba(220, 231, 234, 0.78);
    box-shadow: none;
    opacity: 0.72;
}

:root[data-theme="light"] .squad-sync-theme-zone :is(
    .squad-sync__help-bubble,
    .squad-sync__purpose-bubble
) {
    color: #294f60;
    border-color: rgba(25, 139, 166, 0.28);
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.99), rgba(229, 243, 247, 0.98));
    box-shadow: 0 18px 36px rgba(36, 75, 89, 0.18);
}

:root[data-theme="light"] .squad-sync-theme-zone .squad-sync__logo {
    color: #087f9f;
    border-color: rgba(18, 153, 182, 0.3);
    background:
        radial-gradient(circle at 28% 22%, rgba(39, 211, 224, 0.2), transparent 38%),
        linear-gradient(145deg, #ffffff, #dceff3);
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .squad-sync-theme-zone .squad-sync__badge--ready {
    color: #08718b;
    border-color: rgba(10, 155, 181, 0.32);
    background: rgba(45, 208, 220, 0.14);
}

:root[data-theme="light"] .squad-sync-theme-zone .squad-sync__badge--synced {
    color: #147050;
    border-color: rgba(28, 151, 107, 0.28);
    background: rgba(55, 190, 137, 0.13);
}

:root[data-theme="light"] .squad-sync-theme-zone .squad-sync__badge--muted {
    color: #5d7480;
    border-color: rgba(91, 122, 135, 0.22);
    background: rgba(111, 139, 150, 0.11);
}

:root[data-theme="light"] .squad-sync-theme-zone .squad-sync__fact {
    border-color: rgba(25, 139, 166, 0.19);
    background: rgba(255, 255, 255, 0.72);
}

:root[data-theme="light"] .squad-sync-theme-zone .squad-sync__note {
    border-color: rgba(25, 139, 166, 0.18);
    background: rgba(220, 239, 244, 0.66);
}

:root[data-theme="light"] .squad-sync-theme-zone .squad-sync__status--success {
    color: #126347;
    border-color: rgba(27, 150, 104, 0.3);
    background: linear-gradient(145deg, rgba(238, 253, 247, 0.98), rgba(216, 244, 232, 0.95));
}

:root[data-theme="light"] .squad-sync-theme-zone .squad-sync__status--error {
    color: #9b2941;
    border-color: rgba(201, 66, 96, 0.3);
    background: linear-gradient(145deg, rgba(255, 247, 249, 0.98), rgba(250, 225, 232, 0.95));
}

/* Squad creation wizard theme integration. */
:root[data-theme="dark"] .squad-creation-wizard-theme-zone,
:root[data-theme="dark"] .squad-creation-wizard-theme-zone :is(input, select, textarea) {
    color-scheme: dark;
}

:root[data-theme="dark"] .squad-creation-wizard-theme-zone select option {
    color: #ecf8ff;
    background: #07151e;
}

:root[data-theme="light"] .squad-creation-wizard-theme-zone {
    color: #173f50;
    color-scheme: light;
}

:root[data-theme="light"] .squad-creation-wizard-theme-zone :is(
    .squad-wizard-card,
    .squad-wizard-steps,
    .squad-wizard-footer
) {
    color: #173f50;
    border-color: rgba(24, 131, 160, 0.22);
    background:
        radial-gradient(circle at 0 0, rgba(34, 190, 220, 0.08), transparent 32%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.97), rgba(228, 242, 246, 0.94));
    box-shadow: 0 16px 38px rgba(42, 86, 101, 0.14), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .squad-creation-wizard-theme-zone .squad-wizard-hero {
    color: #173f50;
    border-color: rgba(24, 131, 160, 0.25);
    background:
        radial-gradient(circle at 92% 10%, rgba(255, 190, 84, 0.16), transparent 28%),
        radial-gradient(circle at 5% 0%, rgba(35, 193, 218, 0.15), transparent 34%),
        linear-gradient(135deg, #ffffff 0%, #e6f3f6 52%, #dcecf1 100%);
    box-shadow: 0 18px 42px rgba(42, 86, 101, 0.16), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .squad-creation-wizard-theme-zone .squad-wizard-hero::after {
    background: radial-gradient(circle, rgba(33, 184, 211, 0.18), transparent 68%);
}

:root[data-theme="light"] .squad-creation-wizard-theme-zone :is(
    .squad-wizard-hero h2,
    .squad-wizard-card h3,
    .squad-wizard-card h4,
    .squad-wizard-explainer,
    .squad-wizard-choice > div > strong,
    .squad-wizard-plan-card__name,
    .squad-wizard-addon-card strong,
    .squad-wizard-offer-empty strong,
    .squad-wizard-monetization-summary strong
) {
    color: #173f50;
}

:root[data-theme="light"] .squad-creation-wizard-theme-zone :is(
    .squad-wizard-hero p,
    .squad-wizard-card p,
    .squad-wizard-explainer__body p,
    .squad-wizard-choice > div > span,
    .squad-wizard-plan-card__description,
    .squad-wizard-addon-card__description,
    .squad-wizard-offer-empty span,
    .squad-wizard-review__contract small,
    .squad-wizard-loading
) {
    color: #557582;
}

:root[data-theme="light"] .squad-creation-wizard-theme-zone :is(
    .squad-wizard-eyebrow,
    .squad-wizard-explainer__eyebrow
) {
    color: #087fa4;
}

:root[data-theme="light"] .squad-creation-wizard-theme-zone .squad-wizard-help-bubble {
    color: #294f60;
    border-color: rgba(25, 139, 166, 0.28);
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.99), rgba(229, 243, 247, 0.98));
    box-shadow: 0 18px 36px rgba(36, 75, 89, 0.18);
}

:root[data-theme="light"] .squad-creation-wizard-theme-zone .squad-wizard-help-bubble::before {
    border-color: rgba(25, 139, 166, 0.28);
    background: #f9fdfe;
}

:root[data-theme="light"] .squad-creation-wizard-theme-zone .squad-wizard-hero__visual {
    border-color: rgba(48, 204, 226, 0.46);
    background:
        radial-gradient(circle at 82% 18%, rgba(255, 196, 58, 0.2), transparent 30%),
        radial-gradient(circle at 18% 82%, rgba(42, 205, 225, 0.2), transparent 38%),
        linear-gradient(145deg, #0b2434, #123f55);
    box-shadow:
        0 12px 26px rgba(24, 74, 91, 0.24),
        0 0 0 3px rgba(35, 193, 218, 0.07),
        inset 0 1px 0 rgba(255, 255, 255, 0.16);
}

.squad-creation-wizard-theme-zone .squad-wizard-hero__visual img {
    object-fit: contain;
    padding: 7px;
    opacity: 1;
    filter: drop-shadow(0 0 8px rgba(72, 220, 242, 0.3));
}

:root[data-theme="light"] .squad-creation-wizard-theme-zone .squad-wizard-startup-toggle {
    color: #173f50;
    border-color: rgba(24, 131, 160, 0.18);
    background: rgba(255, 255, 255, 0.7);
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .squad-creation-wizard-theme-zone .squad-wizard-startup-toggle > span:not(.squad-wizard-switch) {
    color: #173f50;
}

:root[data-theme="light"] .squad-creation-wizard-theme-zone .squad-wizard-startup-toggle small {
    color: #557582;
}

:root[data-theme="light"] .squad-creation-wizard-theme-zone .squad-wizard-switch__track {
    border-color: rgba(24, 131, 160, 0.3);
    background: linear-gradient(180deg, #e9f2f4, #cadde2);
    box-shadow: inset 0 1px 3px rgba(42, 86, 101, 0.14);
}

:root[data-theme="light"] .squad-creation-wizard-theme-zone .squad-wizard-switch__thumb {
    background: #ffffff;
    box-shadow: 0 3px 8px rgba(42, 86, 101, 0.28);
}

:root[data-theme="light"] .squad-creation-wizard-theme-zone .squad-wizard-switch input:checked + .squad-wizard-switch__track {
    border-color: rgba(8, 145, 180, 0.52);
    background: linear-gradient(135deg, #27c5d7, #12a197);
    box-shadow: 0 0 0 3px rgba(8, 145, 180, 0.1), 0 6px 14px rgba(8, 127, 164, 0.16);
}

:root[data-theme="light"] .squad-creation-wizard-theme-zone .squad-wizard-switch input:checked + .squad-wizard-switch__track .squad-wizard-switch__thumb {
    background: #ffffff;
}

:root[data-theme="light"] .squad-creation-wizard-theme-zone .squad-wizard-banner.is-success {
    color: #126347;
    border-color: rgba(27, 150, 104, 0.3);
    background: linear-gradient(145deg, rgba(238, 253, 247, 0.98), rgba(216, 244, 232, 0.95));
}

:root[data-theme="light"] .squad-creation-wizard-theme-zone .squad-wizard-banner.is-error {
    color: #9b2941;
    border-color: rgba(201, 66, 96, 0.3);
    background: linear-gradient(145deg, rgba(255, 247, 249, 0.98), rgba(250, 225, 232, 0.95));
}

:root[data-theme="light"] .squad-creation-wizard-theme-zone .squad-wizard-banner.is-warning {
    color: #805613;
    border-color: rgba(196, 132, 26, 0.3);
    background: linear-gradient(145deg, rgba(255, 252, 242, 0.98), rgba(250, 237, 203, 0.95));
}

:root[data-theme="light"] .squad-creation-wizard-theme-zone .squad-wizard-step {
    color: #557582;
}

:root[data-theme="light"] .squad-creation-wizard-theme-zone .squad-wizard-step:hover {
    color: #23586a;
    background: rgba(35, 193, 218, 0.08);
}

:root[data-theme="light"] .squad-creation-wizard-theme-zone .squad-wizard-step span {
    color: #315b6b;
    border: 1px solid rgba(24, 131, 160, 0.16);
    background: rgba(255, 255, 255, 0.82);
}

:root[data-theme="light"] .squad-creation-wizard-theme-zone .squad-wizard-step.is-active {
    color: #064f66;
    background: linear-gradient(135deg, rgba(35, 193, 218, 0.18), rgba(255, 190, 84, 0.14));
    box-shadow: inset 0 0 0 1px rgba(8, 145, 180, 0.3), 0 6px 15px rgba(42, 86, 101, 0.09);
}

:root[data-theme="light"] .squad-creation-wizard-theme-zone .squad-wizard-step.is-active span {
    color: #ffffff;
    border-color: rgba(5, 120, 151, 0.46);
    background: linear-gradient(135deg, #1ab6c8, #087fa4);
}

:root[data-theme="light"] .squad-creation-wizard-theme-zone .squad-wizard-explainer__toggle,
:root[data-theme="light"] .squad-creation-wizard-theme-zone .squad-wizard-help {
    color: #087fa4;
    border-color: rgba(24, 131, 160, 0.25);
    background: linear-gradient(145deg, #ffffff, #dcecf1);
    box-shadow: 0 4px 10px rgba(42, 86, 101, 0.1);
}

:root[data-theme="light"] .squad-creation-wizard-theme-zone .squad-wizard-explainer__body {
    border-top-color: rgba(24, 131, 160, 0.14);
}

:root[data-theme="light"] .squad-creation-wizard-theme-zone .squad-wizard-check-grid label,
:root[data-theme="light"] .squad-creation-wizard-theme-zone .squad-wizard-choice,
:root[data-theme="light"] .squad-creation-wizard-theme-zone .squad-wizard-review > div {
    color: #173f50;
    border-color: rgba(24, 131, 160, 0.17);
    background: rgba(255, 255, 255, 0.7);
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .squad-creation-wizard-theme-zone .squad-wizard-field span {
    color: #315b6b;
}

:root[data-theme="light"] .squad-creation-wizard-theme-zone .squad-wizard-input {
    color: #173f50;
    -webkit-text-fill-color: #173f50;
    caret-color: #087fa4;
    color-scheme: light;
    border-color: rgba(24, 131, 160, 0.26);
    background: rgba(255, 255, 255, 0.94);
    box-shadow: inset 0 1px 2px rgba(42, 86, 101, 0.06);
}

:root[data-theme="light"] .squad-creation-wizard-theme-zone .squad-wizard-input:hover {
    border-color: rgba(8, 145, 180, 0.44);
}

:root[data-theme="light"] .squad-creation-wizard-theme-zone .squad-wizard-input:focus,
:root[data-theme="light"] .squad-creation-wizard-theme-zone .squad-wizard-input:active {
    color: #173f50;
    -webkit-text-fill-color: #173f50;
    caret-color: #087fa4;
    border-color: #0a94b3;
    outline: none;
    box-shadow: 0 0 0 3px rgba(8, 145, 180, 0.12), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .squad-creation-wizard-theme-zone .squad-wizard-input::placeholder,
:root[data-theme="light"] .squad-creation-wizard-theme-zone .squad-wizard-addon-search input::placeholder {
    color: #78909a;
    -webkit-text-fill-color: #78909a;
    opacity: 1;
}

:root[data-theme="light"] .squad-creation-wizard-theme-zone select.squad-wizard-input option {
    color: #173f50;
    background: #ffffff;
}

:root[data-theme="light"] .squad-creation-wizard-theme-zone input.squad-wizard-input:-webkit-autofill,
:root[data-theme="light"] .squad-creation-wizard-theme-zone input.squad-wizard-input:-webkit-autofill:hover,
:root[data-theme="light"] .squad-creation-wizard-theme-zone input.squad-wizard-input:-webkit-autofill:focus,
:root[data-theme="light"] .squad-creation-wizard-theme-zone textarea.squad-wizard-input:-webkit-autofill,
:root[data-theme="light"] .squad-creation-wizard-theme-zone select.squad-wizard-input:-webkit-autofill {
    -webkit-text-fill-color: #173f50;
    caret-color: #087fa4;
    box-shadow: 0 0 0 1000px #ffffff inset;
}

:root[data-theme="light"] .squad-creation-wizard-theme-zone .squad-wizard-monetization-hero {
    border-color: rgba(24, 131, 160, 0.2);
    background:
        radial-gradient(circle at 92% 10%, rgba(255, 190, 84, 0.14), transparent 28%),
        linear-gradient(135deg, rgba(35, 193, 218, 0.1), rgba(255, 255, 255, 0.72));
}

:root[data-theme="light"] .squad-creation-wizard-theme-zone .squad-wizard-monetization-summary div {
    border-color: rgba(24, 131, 160, 0.17);
    background: rgba(255, 255, 255, 0.78);
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .squad-creation-wizard-theme-zone .squad-wizard-monetization-summary span {
    color: #557582;
}

:root[data-theme="light"] .squad-creation-wizard-theme-zone :is(
    .squad-wizard-offer-pill,
    .squad-wizard-offer-tag
) {
    color: #076783;
    border-color: rgba(8, 145, 180, 0.3);
    background: rgba(35, 193, 218, 0.12);
}

:root[data-theme="light"] .squad-creation-wizard-theme-zone .squad-wizard-offer-tag--selected {
    color: #805613;
    border-color: rgba(196, 132, 26, 0.32);
    background: rgba(255, 190, 84, 0.18);
}

:root[data-theme="light"] .squad-creation-wizard-theme-zone .squad-wizard-offer-tag--soft {
    color: #557582;
    border-color: rgba(80, 120, 134, 0.18);
    background: rgba(111, 139, 150, 0.09);
}

:root[data-theme="light"] .squad-creation-wizard-theme-zone :is(
    .squad-wizard-plan-card,
    .squad-wizard-addon-card
) {
    color: #173f50;
    border-color: rgba(24, 131, 160, 0.18);
    background:
        radial-gradient(circle at 100% 100%, rgba(35, 193, 218, 0.08), transparent 34%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.94), rgba(230, 242, 245, 0.9));
    box-shadow: 0 8px 20px rgba(42, 86, 101, 0.09), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .squad-creation-wizard-theme-zone :is(
    .squad-wizard-plan-card,
    .squad-wizard-addon-card
):hover {
    border-color: rgba(8, 145, 180, 0.45);
    box-shadow: 0 14px 28px rgba(42, 86, 101, 0.15), 0 0 0 3px rgba(8, 145, 180, 0.07);
}

:root[data-theme="light"] .squad-creation-wizard-theme-zone .squad-wizard-plan-card.is-selected {
    border-color: rgba(8, 145, 180, 0.6);
    background: linear-gradient(145deg, #ffffff, #d7f0f3);
    box-shadow: inset 0 0 0 1px rgba(8, 145, 180, 0.24), 0 12px 28px rgba(8, 127, 164, 0.15);
}

:root[data-theme="light"] .squad-creation-wizard-theme-zone .squad-wizard-addon-card.is-selected {
    border-color: rgba(196, 132, 26, 0.46);
    background: linear-gradient(145deg, #ffffff, #f9edcf);
    box-shadow: inset 0 0 0 1px rgba(196, 132, 26, 0.16), 0 12px 28px rgba(134, 91, 20, 0.12);
}

:root[data-theme="light"] .squad-creation-wizard-theme-zone .squad-wizard-plan-card__radio {
    border-color: rgba(24, 103, 128, 0.52);
    background: #ffffff;
}

:root[data-theme="light"] .squad-creation-wizard-theme-zone .squad-wizard-plan-card.is-selected .squad-wizard-plan-card__radio {
    border-color: #087fa4;
    background: radial-gradient(circle, #087fa4 0 42%, #ffffff 46%);
}

:root[data-theme="light"] .squad-creation-wizard-theme-zone :is(
    .squad-wizard-plan-card__price,
    .squad-wizard-addon-card__price
) {
    color: #98650f;
}

:root[data-theme="light"] .squad-creation-wizard-theme-zone .squad-wizard-offer-highlights span {
    color: #315b6b;
    border-color: rgba(24, 131, 160, 0.15);
    background: rgba(255, 255, 255, 0.7);
}

:root[data-theme="light"] .squad-creation-wizard-theme-zone .squad-wizard-addon-search {
    color: #557582;
    border-color: rgba(24, 131, 160, 0.24);
    background: rgba(255, 255, 255, 0.9);
    box-shadow: inset 0 1px 2px rgba(42, 86, 101, 0.05);
}

:root[data-theme="light"] .squad-creation-wizard-theme-zone .squad-wizard-addon-search:focus-within {
    border-color: #0a94b3;
    box-shadow: 0 0 0 3px rgba(8, 145, 180, 0.11);
}

:root[data-theme="light"] .squad-creation-wizard-theme-zone .squad-wizard-addon-search input {
    color: #173f50;
    caret-color: #087fa4;
}

:root[data-theme="light"] .squad-creation-wizard-theme-zone .squad-wizard-addon-clear {
    color: #285c70;
    border-color: rgba(24, 131, 160, 0.22);
    background: linear-gradient(145deg, #ffffff, #dcecf1);
    box-shadow: 0 5px 12px rgba(42, 86, 101, 0.1);
}

:root[data-theme="light"] .squad-creation-wizard-theme-zone .squad-wizard-offer-empty {
    border-color: rgba(24, 131, 160, 0.28);
    background: rgba(255, 255, 255, 0.56);
}

:root[data-theme="light"] .squad-creation-wizard-theme-zone .squad-wizard-table__row--head {
    color: #557582;
}

:root[data-theme="light"] .squad-creation-wizard-theme-zone .squad-wizard-btn {
    color: #ffffff;
    border: 1px solid rgba(5, 120, 151, 0.46);
    background: linear-gradient(135deg, #18bad0, #087fa4 60%, #2d82db);
    box-shadow: 0 8px 18px rgba(8, 127, 164, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.38);
    text-decoration: none;
}

:root[data-theme="light"] .squad-creation-wizard-theme-zone .squad-wizard-btn:hover:not(:disabled) {
    color: #ffffff;
    transform: translateY(-1px);
    box-shadow: 0 11px 23px rgba(8, 127, 164, 0.26), 0 0 0 3px rgba(8, 145, 180, 0.08);
}

:root[data-theme="light"] .squad-creation-wizard-theme-zone .squad-wizard-btn--soft {
    color: #285c70;
    border-color: rgba(24, 131, 160, 0.22);
    background: linear-gradient(145deg, #ffffff, #dcecf1);
    box-shadow: 0 5px 12px rgba(42, 86, 101, 0.1);
}

:root[data-theme="light"] .squad-creation-wizard-theme-zone .squad-wizard-btn--soft:hover:not(:disabled) {
    color: #064f66;
    border-color: rgba(8, 145, 180, 0.45);
    background: linear-gradient(145deg, #ffffff, #cfe8ee);
}

:root[data-theme="light"] .squad-creation-wizard-theme-zone .squad-wizard-icon-btn {
    color: #9b2941;
    border: 1px solid rgba(194, 57, 87, 0.22);
    background: linear-gradient(145deg, #fff8f9, #f8dfe5);
    box-shadow: 0 5px 12px rgba(135, 45, 65, 0.1);
}

:root[data-theme="light"] .squad-creation-wizard-theme-zone .squad-wizard-review__contract {
    border-color: rgba(196, 132, 26, 0.25) !important;
    background: linear-gradient(135deg, rgba(255, 190, 84, 0.12), rgba(35, 193, 218, 0.08)) !important;
}

:root[data-theme="light"] .squad-creation-wizard-theme-zone .squad-wizard-consent {
    color: #315b6b;
    border-color: rgba(24, 131, 160, 0.18);
    background: rgba(255, 255, 255, 0.72);
}

:root[data-theme="light"] .squad-creation-wizard-theme-zone .squad-wizard-consent input {
    accent-color: #087fa4;
}

/* Theme the wizard's nested help labels. */
:root[data-theme="light"] .squad-creation-wizard-theme-zone .mk-helpLabel__text {
    color: #315b6b;
}

:root[data-theme="light"] .squad-creation-wizard-theme-zone .mk-helpLabel__button {
    color: #087fa4;
    border-color: rgba(24, 131, 160, 0.3);
    background: linear-gradient(145deg, #ffffff, #dcecf1);
    box-shadow: 0 4px 10px rgba(42, 86, 101, 0.1);
}

:root[data-theme="light"] .squad-creation-wizard-theme-zone .mk-helpLabel__button:hover {
    color: #056985;
    border-color: rgba(8, 145, 180, 0.56);
    background: linear-gradient(145deg, #ffffff, #cde8ee);
}

:root[data-theme="light"] .squad-creation-wizard-theme-zone .mk-helpLabel__bubble {
    color: #294f60;
    border-color: rgba(25, 139, 166, 0.28);
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.99), rgba(229, 243, 247, 0.98));
    box-shadow: 0 20px 42px rgba(36, 75, 89, 0.2);
}

:root[data-theme="light"] .squad-creation-wizard-theme-zone .mk-helpLabel__bubble::before {
    border-color: rgba(25, 139, 166, 0.28);
    background: #f9fdfe;
}

/* Theme the nested logo and assistant image uploaders. */
:root[data-theme="light"] .squad-creation-wizard-theme-zone .image-uploader.compact .uploader-shell {
    border-color: rgba(25, 132, 160, 0.22);
    background: linear-gradient(155deg, #fafdfe, #dcecf1);
    box-shadow: 0 10px 24px rgba(42, 86, 101, 0.13), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .squad-creation-wizard-theme-zone .image-uploader.compact .uploader-shell::before {
    background:
        linear-gradient(135deg, rgba(35, 193, 218, 0.08), transparent 34%, transparent 66%, rgba(45, 130, 219, 0.06)),
        radial-gradient(circle at top right, rgba(35, 193, 218, 0.1), transparent 28%);
}

:root[data-theme="light"] .squad-creation-wizard-theme-zone .image-uploader.compact .preview-mini {
    border-color: rgba(25, 132, 160, 0.24);
    background: #e4f1f4;
    box-shadow: 0 7px 16px rgba(42, 86, 101, 0.12), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .squad-creation-wizard-theme-zone .image-uploader.compact :is(
    .toggle-btn,
    .change-image-trigger
) {
    color: #075f79;
    border-color: rgba(25, 132, 160, 0.22);
    background: linear-gradient(145deg, #ffffff, #d8ebf0);
    box-shadow: 0 7px 16px rgba(42, 86, 101, 0.11);
}

:root[data-theme="light"] .squad-creation-wizard-theme-zone .image-uploader.compact :is(
    .toggle-btn,
    .change-image-trigger
):hover {
    color: #054d63;
    border-color: rgba(8, 145, 180, 0.38);
    background: linear-gradient(145deg, #ffffff, #cce7ed);
}

:root[data-theme="light"] .squad-creation-wizard-theme-zone .image-uploader.compact .overlay-icon-btn:not(.remove-image-btn) {
    color: #087fa4;
    border-color: rgba(20, 139, 171, 0.24);
    background: linear-gradient(145deg, #ffffff, #d7eaf0);
    box-shadow: 0 7px 16px rgba(42, 86, 101, 0.14);
}

:root[data-theme="light"] .squad-creation-wizard-theme-zone .image-preview-modal-backdrop {
    background:
        radial-gradient(circle at top, rgba(35, 193, 218, 0.16), transparent 34%),
        rgba(38, 65, 75, 0.52);
}

:root[data-theme="light"] .squad-creation-wizard-theme-zone .image-preview-modal {
    border-color: rgba(20, 139, 171, 0.28);
    background: linear-gradient(145deg, #ffffff, #dcecf1);
    box-shadow: 0 30px 80px rgba(31, 61, 72, 0.3), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .squad-creation-wizard-theme-zone .image-preview-close-btn {
    color: #285c70;
    border-color: rgba(20, 139, 171, 0.26);
    background: linear-gradient(145deg, #ffffff, #d7eaf0);
    box-shadow: 0 7px 16px rgba(42, 86, 101, 0.14);
}

:root[data-theme="light"] .squad-creation-wizard-theme-zone .image-preview-close-btn:hover {
    color: #9b2941;
    border-color: rgba(194, 57, 87, 0.28);
    background: linear-gradient(145deg, #ffffff, #f8dfe5);
}

/* Squad Networking Management theme integration. */
:root[data-theme="dark"] .squad-networking-theme-zone,
:root[data-theme="dark"] .squad-networking-theme-zone .squad-link-requests__input {
    color-scheme: dark;
}

:root[data-theme="light"] .squad-networking-theme-zone {
    color: #173f50;
    color-scheme: light;
}

:root[data-theme="light"] .squad-networking-theme-zone :is(
    .squad-link-requests__panel,
    .squad-link-requests__empty,
    .squad-link-requests__card,
    .squad-link-requests__metric
) {
    color: #173f50;
    border-color: rgba(24, 131, 160, 0.22);
    background:
        radial-gradient(circle at 100% 0%, rgba(35, 193, 218, 0.09), transparent 30%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(228, 242, 246, 0.95));
    box-shadow: 0 14px 32px rgba(42, 86, 101, 0.13), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .squad-networking-theme-zone .squad-link-requests__network-console {
    color: #173f50;
    border-color: rgba(24, 131, 160, 0.24);
    background:
        radial-gradient(circle at 88% 4%, rgba(36, 190, 181, 0.13), transparent 32%),
        radial-gradient(circle at 4% 100%, rgba(54, 134, 222, 0.09), transparent 28%),
        linear-gradient(135deg, #f9fdfe, #dcecf1);
    box-shadow: 0 15px 34px rgba(42, 86, 101, 0.14), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .squad-networking-theme-zone :is(
    .squad-link-requests__panel-head h3,
    .squad-link-requests__console-copy strong,
    .squad-link-requests__metric strong,
    .squad-link-requests__empty strong,
    .squad-link-requests__identity-copy h4,
    .squad-link-requests__fact strong,
    .squad-link-requests__inspector-head h3,
    .squad-link-requests__value-proposition h4,
    .squad-link-requests__directory-card h4,
    .squad-link-requests__location-card h4,
    .squad-link-requests__company-profile h4,
    .squad-link-requests__contact-grid strong,
    .squad-link-requests__inspector-empty strong
) {
    color: #173f50;
}

:root[data-theme="light"] .squad-networking-theme-zone :is(
    .squad-link-requests__eyebrow,
    .squad-link-requests__console-copy > span,
    .squad-link-requests__inspector-head > div > span,
    .squad-link-requests__value-proposition span,
    .squad-link-requests__value-grid span,
    .squad-link-requests__location-card span,
    .squad-link-requests__contact-grid span
) {
    color: #087fa4;
}

:root[data-theme="light"] .squad-networking-theme-zone :is(
    .squad-link-requests__field span,
    .squad-link-requests__console-copy p,
    .squad-link-requests__console-action small,
    .squad-link-requests__metric span,
    .squad-link-requests__empty span,
    .squad-link-requests__meta,
    .squad-link-requests__head-side small,
    .squad-link-requests__fact span,
    .squad-link-requests__inspector-head p,
    .squad-link-requests__directory-card p,
    .squad-link-requests__location-card p,
    .squad-link-requests__company-profile p,
    .squad-link-requests__inspector-empty
) {
    color: #557582;
}

:root[data-theme="light"] .squad-networking-theme-zone :is(
    .squad-link-requests__help-trigger,
    .squad-link-requests__purpose-trigger
) {
    color: #087fa4;
    border-color: rgba(24, 131, 160, 0.28);
    background: linear-gradient(145deg, #ffffff, #dcecf1);
    box-shadow: 0 5px 12px rgba(42, 86, 101, 0.11);
}

:root[data-theme="light"] .squad-networking-theme-zone :is(
    .squad-link-requests__help-bubble,
    .squad-link-requests__purpose-bubble
) {
    color: #294f60;
    border-color: rgba(25, 139, 166, 0.28);
    background:
        radial-gradient(circle at 0 0, rgba(35, 193, 218, 0.09), transparent 35%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.99), rgba(229, 243, 247, 0.98));
    box-shadow: 0 18px 36px rgba(36, 75, 89, 0.18);
}

:root[data-theme="light"] .squad-networking-theme-zone .squad-link-requests__purpose-bubble strong {
    color: #087fa4;
}

:root[data-theme="light"] .squad-networking-theme-zone .squad-link-requests__purpose-bubble p {
    color: #315b6b;
}

:root[data-theme="light"] .squad-networking-theme-zone .squad-link-requests__input {
    color: #173f50;
    caret-color: #087fa4;
    border-color: rgba(24, 131, 160, 0.27);
    background: rgba(255, 255, 255, 0.94);
    box-shadow: inset 0 1px 2px rgba(42, 86, 101, 0.06);
}

:root[data-theme="light"] .squad-networking-theme-zone .squad-link-requests__input::placeholder {
    color: #78909a;
    opacity: 1;
}

:root[data-theme="light"] .squad-networking-theme-zone .squad-link-requests__input:focus {
    border-color: #0a94b3;
    box-shadow: 0 0 0 3px rgba(8, 145, 180, 0.12), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .squad-networking-theme-zone .squad-link-requests__chip {
    color: #315b6b;
    border-color: rgba(24, 131, 160, 0.2);
    background: rgba(255, 255, 255, 0.72);
}

:root[data-theme="light"] .squad-networking-theme-zone .squad-link-requests__chip:hover {
    color: #075f79;
    border-color: rgba(8, 145, 180, 0.46);
    background: #ffffff;
}

:root[data-theme="light"] .squad-networking-theme-zone .squad-link-requests__chip.is-active {
    color: #ffffff;
    border-color: rgba(5, 120, 151, 0.5);
    background: linear-gradient(135deg, #18bad0, #087fa4 58%, #14a59c);
    box-shadow: 0 8px 18px rgba(8, 127, 164, 0.2);
}

:root[data-theme="light"] .squad-networking-theme-zone .squad-link-requests__console-action {
    color: #173f50;
    border-color: rgba(24, 131, 160, 0.2);
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.92), rgba(226, 240, 244, 0.88));
    box-shadow: 0 8px 18px rgba(42, 86, 101, 0.1), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .squad-networking-theme-zone .squad-link-requests__console-action:hover {
    border-color: rgba(8, 145, 180, 0.46);
    background: linear-gradient(145deg, #ffffff, #d2edf1);
    box-shadow: 0 13px 24px rgba(42, 86, 101, 0.16), 0 0 0 3px rgba(8, 145, 180, 0.07);
}

:root[data-theme="light"] .squad-networking-theme-zone .squad-link-requests__console-action--partners {
    border-color: rgba(28, 151, 107, 0.26);
}

:root[data-theme="light"] .squad-networking-theme-zone .squad-link-requests__console-action--locations {
    border-color: rgba(72, 105, 197, 0.24);
}

:root[data-theme="light"] .squad-networking-theme-zone .squad-link-requests__console-action strong {
    color: #173f50;
}

:root[data-theme="light"] .squad-networking-theme-zone .squad-link-requests__status--success {
    color: #126347;
    border-color: rgba(27, 150, 104, 0.3);
    background: linear-gradient(145deg, rgba(238, 253, 247, 0.98), rgba(216, 244, 232, 0.95));
}

:root[data-theme="light"] .squad-networking-theme-zone .squad-link-requests__status--error {
    color: #9b2941;
    border-color: rgba(201, 66, 96, 0.3);
    background: linear-gradient(145deg, rgba(255, 247, 249, 0.98), rgba(250, 225, 232, 0.95));
}

:root[data-theme="light"] .squad-networking-theme-zone .squad-link-requests__card:hover {
    border-color: rgba(8, 145, 180, 0.36);
    box-shadow: 0 18px 38px rgba(42, 86, 101, 0.17), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .squad-networking-theme-zone .squad-link-requests__logo {
    color: #087f9f;
    border-color: rgba(18, 153, 182, 0.28);
    background:
        radial-gradient(circle at 30% 20%, rgba(39, 211, 224, 0.18), transparent 42%),
        linear-gradient(145deg, #ffffff, #dceff3);
    box-shadow: inset 0 1px 0 #ffffff, 0 6px 14px rgba(42, 86, 101, 0.1);
}

:root[data-theme="light"] .squad-networking-theme-zone .squad-link-requests__partner-tag {
    color: #147050;
    border-color: rgba(28, 151, 107, 0.3);
    background: rgba(55, 190, 137, 0.13);
}

:root[data-theme="light"] .squad-networking-theme-zone .squad-link-requests__badge--pending {
    color: #225b96;
    border-color: rgba(45, 118, 192, 0.24);
    background: rgba(68, 139, 211, 0.13);
}

:root[data-theme="light"] .squad-networking-theme-zone .squad-link-requests__badge--approved {
    color: #147050;
    border-color: rgba(28, 151, 107, 0.28);
    background: rgba(55, 190, 137, 0.13);
}

:root[data-theme="light"] .squad-networking-theme-zone .squad-link-requests__badge--refused {
    color: #9b2941;
    border-color: rgba(194, 57, 87, 0.26);
    background: rgba(220, 76, 108, 0.11);
}

:root[data-theme="light"] .squad-networking-theme-zone .squad-link-requests__badge--disconnected {
    color: #805613;
    border-color: rgba(196, 132, 26, 0.26);
    background: rgba(255, 190, 84, 0.15);
}

:root[data-theme="light"] .squad-networking-theme-zone .squad-link-requests__fact {
    border-color: rgba(24, 131, 160, 0.16);
    background: rgba(255, 255, 255, 0.68);
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .squad-networking-theme-zone .squad-link-requests__refresh-button {
    color: #087fa4;
    border-color: rgba(20, 139, 171, 0.26);
    background:
        radial-gradient(circle at 30% 20%, rgba(35, 193, 218, 0.12), transparent 46%),
        linear-gradient(145deg, #ffffff, #d7eaf0);
    box-shadow: 0 6px 14px rgba(42, 86, 101, 0.12), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .squad-networking-theme-zone .squad-link-requests__refresh-button:hover:not(:disabled) {
    color: #147050;
    border-color: rgba(28, 151, 107, 0.42);
    box-shadow: 0 9px 18px rgba(42, 86, 101, 0.16), 0 0 0 3px rgba(8, 145, 180, 0.07);
}

:root[data-theme="light"] .squad-networking-theme-zone .squad-link-requests__button {
    color: #ffffff;
    border-color: rgba(5, 120, 151, 0.46);
    background: linear-gradient(135deg, #18bad0, #087fa4 60%, #14a59c);
    box-shadow: 0 8px 18px rgba(8, 127, 164, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.35);
}

:root[data-theme="light"] .squad-networking-theme-zone .squad-link-requests__button--ghost,
:root[data-theme="light"] .squad-networking-theme-zone .squad-link-requests__button--accept-icon {
    color: #285c70;
    border-color: rgba(24, 131, 160, 0.22);
    background: linear-gradient(145deg, #ffffff, #dcecf1);
    box-shadow: 0 6px 14px rgba(42, 86, 101, 0.11), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .squad-networking-theme-zone .squad-link-requests__button--warning {
    color: #ffffff;
    border-color: rgba(178, 75, 36, 0.42);
    background: linear-gradient(135deg, #d58a24, #c54939);
    box-shadow: 0 8px 18px rgba(151, 69, 42, 0.2);
}

:root[data-theme="light"] .squad-networking-theme-zone :is(
    .squad-link-requests__button,
    .squad-link-requests__refresh-button
):disabled {
    color: #78909a;
    border-color: rgba(80, 120, 134, 0.16);
    background: #dfeaec;
    box-shadow: none;
    opacity: 0.68;
}

:root[data-theme="light"] .squad-networking-theme-zone .squad-link-requests__inspector-backdrop {
    background: rgba(38, 65, 75, 0.48);
}

:root[data-theme="light"] .squad-networking-theme-zone .squad-link-requests__inspector {
    color: #173f50;
    color-scheme: light;
    border-color: rgba(24, 131, 160, 0.28);
    background:
        radial-gradient(circle at 92% 0, rgba(36, 190, 181, 0.12), transparent 34%),
        linear-gradient(145deg, #ffffff, #e2f0f3);
    box-shadow: 0 28px 72px rgba(31, 61, 72, 0.34), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .squad-networking-theme-zone .squad-link-requests__inspector-head {
    border-bottom-color: rgba(24, 131, 160, 0.15);
}

:root[data-theme="light"] .squad-networking-theme-zone .squad-link-requests__inspector-close {
    color: #285c70;
    border-color: rgba(20, 139, 171, 0.24);
    background: linear-gradient(145deg, #ffffff, #d7eaf0);
    box-shadow: 0 6px 14px rgba(42, 86, 101, 0.12);
}

:root[data-theme="light"] .squad-networking-theme-zone .squad-link-requests__inspector-body {
    scrollbar-color: rgba(8, 145, 180, 0.55) rgba(214, 232, 237, 0.76);
}

:root[data-theme="light"] .squad-networking-theme-zone .squad-link-requests__value-proposition {
    border-color: rgba(24, 131, 160, 0.2);
    background: linear-gradient(135deg, rgba(35, 193, 218, 0.11), rgba(255, 255, 255, 0.76));
}

:root[data-theme="light"] .squad-networking-theme-zone .squad-link-requests__value-orbit {
    border-color: rgba(20, 158, 153, 0.3);
    background: radial-gradient(circle, rgba(44, 196, 170, 0.18), rgba(255, 255, 255, 0.72));
    box-shadow: 0 0 24px rgba(20, 158, 153, 0.12);
}

:root[data-theme="light"] .squad-networking-theme-zone :is(
    .squad-link-requests__value-grid article,
    .squad-link-requests__contact-grid > div
) {
    border-color: rgba(24, 131, 160, 0.15);
    background: rgba(255, 255, 255, 0.68);
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .squad-networking-theme-zone .squad-link-requests__value-grid p {
    color: #315b6b;
}

:root[data-theme="light"] .squad-networking-theme-zone :is(
    .squad-link-requests__directory-card,
    .squad-link-requests__location-card,
    .squad-link-requests__company-profile
) {
    color: #173f50;
    border-color: rgba(24, 131, 160, 0.18);
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.9), rgba(226, 240, 244, 0.86));
    box-shadow: 0 8px 18px rgba(42, 86, 101, 0.09), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .squad-networking-theme-zone .squad-link-requests__directory-detail {
    color: #08705f;
    border-color: rgba(20, 158, 153, 0.28);
    background: rgba(44, 196, 170, 0.11);
}

:root[data-theme="light"] .squad-networking-theme-zone .squad-link-requests__directory-detail:hover {
    color: #075548;
    border-color: rgba(20, 158, 153, 0.48);
    background: rgba(44, 196, 170, 0.18);
}

:root[data-theme="light"] .squad-networking-theme-zone .squad-link-requests__inspector-empty {
    color: #557582;
    border-color: rgba(24, 131, 160, 0.27);
    background: rgba(255, 255, 255, 0.48);
}

:root[data-theme="light"] .squad-networking-theme-zone .squad-link-requests__contact-actions a {
    color: #08705f;
    border-color: rgba(20, 158, 153, 0.28);
    background: rgba(44, 196, 170, 0.11);
}

:root[data-theme="light"] .squad-networking-theme-zone .squad-link-requests__contact-actions a:hover {
    color: #075548;
    border-color: rgba(20, 158, 153, 0.48);
    background: rgba(44, 196, 170, 0.18);
}

/* Report Issues workspace and document-menu launcher. */
:root[data-theme="dark"] .report-issues-theme-zone,
:root[data-theme="dark"] .report-issues-theme-zone :is(input, select, textarea) {
    color-scheme: dark;
}

:root[data-theme="dark"] .report-issues-theme-zone select option {
    color: #edf6ff;
    background: #0f1b33;
}

:root[data-theme="light"] .report-issues-theme-zone {
    color: #173f50;
    color-scheme: light;
    background:
        radial-gradient(circle at 4% 0%, rgba(35, 193, 218, 0.1), transparent 30rem),
        radial-gradient(circle at 96% 8%, rgba(255, 190, 84, 0.08), transparent 25rem),
        linear-gradient(145deg, #f8fcfd, #e7f2f5);
}

:root[data-theme="light"] .report-issues-theme-zone :is(
    .dir-report__header,
    .dir-report__card,
    .dir-report__message,
    .dir-report__footer,
    .dir-report__empty
) {
    color: #173f50;
    border-color: rgba(24, 131, 160, 0.2);
    background:
        radial-gradient(circle at 100% 0%, rgba(35, 193, 218, 0.07), transparent 32%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.97), rgba(229, 242, 246, 0.94));
    box-shadow: 0 14px 32px rgba(42, 86, 101, 0.12), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .report-issues-theme-zone :is(
    .dir-report__header h3,
    .dir-report__sectionhead h4,
    .dir-report__upload-cta,
    .dir-report__attachment-body strong,
    .dir-report__fact strong,
    .dir-report__snapshot-item strong,
    .dir-report__activity-item strong,
    .dir-report__case-summary h5,
    .dir-report__thread-topline strong
) {
    color: #173f50;
}

:root[data-theme="light"] .report-issues-theme-zone .dir-report__eyebrow {
    color: #087fa4;
}

:root[data-theme="light"] .report-issues-theme-zone :is(
    .dir-report__header p,
    .dir-report__sectionhead span,
    .dir-report__helper,
    .dir-report__hint,
    .dir-report__upload-copy,
    .dir-report__attachment-body span,
    .dir-report__activity-item small,
    .dir-report__activity-item span,
    .dir-report__case-summary p,
    .dir-report__thread-topline span
) {
    color: #557582;
}

:root[data-theme="light"] .report-issues-theme-zone .dir-report__destination {
    border-color: rgba(56, 113, 194, 0.2);
    background: linear-gradient(145deg, rgba(233, 241, 255, 0.96), rgba(218, 232, 250, 0.9));
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .report-issues-theme-zone .dir-report__destination-label {
    color: #4c6f9c;
}

:root[data-theme="light"] .report-issues-theme-zone .dir-report__message--info {
    color: #075f79;
    border-color: rgba(8, 145, 180, 0.28);
    background: linear-gradient(145deg, #f4fcfe, #dff2f6);
}

:root[data-theme="light"] .report-issues-theme-zone .dir-report__message--error {
    color: #9b2941;
    border-color: rgba(201, 66, 96, 0.3);
    background: linear-gradient(145deg, rgba(255, 247, 249, 0.98), rgba(250, 225, 232, 0.95));
}

:root[data-theme="light"] .report-issues-theme-zone .dir-report__tabs {
    border-color: rgba(24, 131, 160, 0.16);
    background: rgba(221, 237, 241, 0.76);
    box-shadow: inset 0 1px 2px rgba(42, 86, 101, 0.06);
}

:root[data-theme="light"] .report-issues-theme-zone .dir-report__tab {
    color: #557582;
    border-color: rgba(24, 131, 160, 0.18);
    background: rgba(255, 255, 255, 0.66);
}

:root[data-theme="light"] .report-issues-theme-zone .dir-report__tab:hover {
    color: #075f79;
    border-color: rgba(8, 145, 180, 0.4);
    background: #ffffff;
}

:root[data-theme="light"] .report-issues-theme-zone .dir-report__tab--active {
    color: #ffffff;
    border-color: rgba(5, 120, 151, 0.48);
    background: linear-gradient(135deg, #18bad0, #087fa4 58%, #447bd7);
    box-shadow: 0 8px 18px rgba(8, 127, 164, 0.18);
}

:root[data-theme="light"] .report-issues-theme-zone .dir-report__field label {
    color: #315b6b;
}

:root[data-theme="light"] .report-issues-theme-zone :is(
    .dir-report__input,
    .dir-report__textarea
) {
    color: #173f50;
    caret-color: #087fa4;
    border-color: rgba(24, 131, 160, 0.25);
    background-color: rgba(255, 255, 255, 0.95);
    background-image: none;
    box-shadow: inset 0 1px 2px rgba(42, 86, 101, 0.06);
}

:root[data-theme="light"] .report-issues-theme-zone select.dir-report__input {
    background-image:
        linear-gradient(45deg, transparent 50%, #087fa4 50%),
        linear-gradient(135deg, #087fa4 50%, transparent 50%);
}

:root[data-theme="light"] .report-issues-theme-zone :is(
    .dir-report__input,
    .dir-report__textarea
):focus {
    border-color: #0a94b3;
    box-shadow: 0 0 0 3px rgba(8, 145, 180, 0.12), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .report-issues-theme-zone select.dir-report__input option {
    color: #173f50;
    background: #ffffff;
}

:root[data-theme="light"] .report-issues-theme-zone .validation-message {
    color: #b52d4a;
}

:root[data-theme="light"] .report-issues-theme-zone .dir-report__collapse-toggle {
    color: #315b6b;
    border-color: rgba(24, 131, 160, 0.2);
    background: rgba(255, 255, 255, 0.72);
}

:root[data-theme="light"] .report-issues-theme-zone .dir-report__collapse-toggle span {
    color: #315b6b;
}

:root[data-theme="light"] .report-issues-theme-zone .dir-report__collapse-toggle strong,
:root[data-theme="light"] .report-issues-theme-zone :is(.dir-report__remove, .dir-report__link) {
    color: #087fa4;
}

:root[data-theme="light"] .report-issues-theme-zone .dir-report__collapse-body {
    border-color: rgba(24, 131, 160, 0.13);
    background: rgba(220, 237, 241, 0.58);
}

:root[data-theme="light"] .report-issues-theme-zone .dir-report__upload {
    border-color: rgba(8, 145, 180, 0.34);
    background: linear-gradient(145deg, rgba(245, 252, 254, 0.96), rgba(221, 241, 245, 0.88));
}

:root[data-theme="light"] .report-issues-theme-zone .dir-report__upload:hover {
    border-color: rgba(8, 145, 180, 0.54);
    background: linear-gradient(145deg, #ffffff, #d1edf2);
}

:root[data-theme="light"] .report-issues-theme-zone .dir-report__attachment,
:root[data-theme="light"] .report-issues-theme-zone :is(
    .dir-report__fact,
    .dir-report__snapshot-item,
    .dir-report__activity-item
) {
    color: #173f50;
    border-color: rgba(24, 131, 160, 0.15);
    background: rgba(255, 255, 255, 0.7);
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .report-issues-theme-zone .dir-report__attachment-preview {
    border-color: rgba(24, 131, 160, 0.2);
    background: #e4f1f4;
}

:root[data-theme="light"] .report-issues-theme-zone .dir-report__attachment-preview span,
:root[data-theme="light"] .report-issues-theme-zone :is(
    .dir-report__fact span,
    .dir-report__snapshot-item span
) {
    color: #557582;
}

:root[data-theme="light"] .report-issues-theme-zone .dir-report__switch,
:root[data-theme="light"] .report-issues-theme-zone .dir-report__inline-filter {
    color: #315b6b;
}

:root[data-theme="light"] .report-issues-theme-zone :is(
    .dir-report__switch input,
    .dir-report__inline-filter input
) {
    accent-color: #087fa4;
}

:root[data-theme="light"] .report-issues-theme-zone .dir-report__inline-filter {
    border-color: rgba(24, 131, 160, 0.18);
    background: rgba(255, 255, 255, 0.66);
}

:root[data-theme="light"] .report-issues-theme-zone .dir-report__btn--primary {
    color: #ffffff;
    border-color: rgba(5, 120, 151, 0.45);
    background: linear-gradient(135deg, #18bad0, #087fa4 58%, #447bd7);
    box-shadow: 0 9px 20px rgba(8, 127, 164, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.34);
}

:root[data-theme="light"] .report-issues-theme-zone .dir-report__btn--ghost {
    color: #285c70;
    border-color: rgba(24, 131, 160, 0.22);
    background: linear-gradient(145deg, #ffffff, #dcecf1);
    box-shadow: 0 5px 12px rgba(42, 86, 101, 0.1);
}

:root[data-theme="light"] .report-issues-theme-zone .dir-report__btn:hover:not(:disabled) {
    transform: translateY(-1px);
    box-shadow: 0 11px 23px rgba(8, 127, 164, 0.25), 0 0 0 3px rgba(8, 145, 180, 0.07);
}

:root[data-theme="light"] .report-issues-theme-zone .dir-report__case {
    color: #173f50;
    border-color: rgba(24, 131, 160, 0.16);
    background: rgba(255, 255, 255, 0.7);
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .report-issues-theme-zone .dir-report__case--expanded {
    border-color: rgba(8, 145, 180, 0.42);
    box-shadow: 0 10px 22px rgba(42, 86, 101, 0.12), 0 0 0 3px rgba(8, 145, 180, 0.06);
}

:root[data-theme="light"] .report-issues-theme-zone .dir-report__case-topline span {
    color: #087fa4;
}

:root[data-theme="light"] .report-issues-theme-zone .dir-report__case-status {
    color: #147050;
    border-color: rgba(28, 151, 107, 0.28);
    background: rgba(55, 190, 137, 0.13);
}

:root[data-theme="light"] .report-issues-theme-zone .dir-report__case-status--closed {
    color: #5d7480;
    border-color: rgba(91, 122, 135, 0.22);
    background: rgba(111, 139, 150, 0.11);
}

:root[data-theme="light"] .report-issues-theme-zone .dir-report__case-status--messages {
    color: #076783;
    border-color: rgba(8, 145, 180, 0.26);
    background: rgba(35, 193, 218, 0.12);
}

:root[data-theme="light"] .report-issues-theme-zone .dir-report__case-meta span {
    color: #496b78;
    border-color: rgba(24, 131, 160, 0.14);
    background: rgba(220, 237, 241, 0.62);
}

:root[data-theme="light"] .report-issues-theme-zone .dir-report__case-toggle {
    color: #ffffff;
    border-color: rgba(5, 120, 151, 0.4);
    background: linear-gradient(135deg, #18bad0, #087fa4);
}

:root[data-theme="light"] .report-issues-theme-zone .dir-report__case-thread {
    border-color: rgba(24, 131, 160, 0.13);
    background: rgba(220, 237, 241, 0.56);
}

:root[data-theme="light"] .report-issues-theme-zone .dir-report__thread-item {
    color: #173f50;
    border-color: rgba(24, 131, 160, 0.15);
    background: rgba(255, 255, 255, 0.74);
}

:root[data-theme="light"] .report-issues-theme-zone .dir-report__thread-item p {
    color: #315b6b;
}

:root[data-theme="light"] .report-issues-theme-zone .dir-report__thread-item--system {
    background: rgba(219, 231, 247, 0.72);
}

:root[data-theme="light"] .report-issues-theme-zone .dir-report__thread-type {
    color: #076783;
    border-color: rgba(8, 145, 180, 0.22);
    background: rgba(35, 193, 218, 0.1);
}

/* Give the report launcher a recognizable but mode-aware support accent. */
:root[data-theme="light"] .rowtitleSubMenu .menu-options-cont img.document-menu-report-issue {
    border-color: rgba(190, 55, 88, 0.28);
    background: linear-gradient(145deg, #fff9fa, #f6dce4);
    box-shadow: 0 7px 16px rgba(135, 45, 65, 0.13), inset 0 1px 0 #ffffff;
    filter: brightness(0.94) saturate(1.08);
}

:root[data-theme="light"] .rowtitleSubMenu .menu-options-cont img.document-menu-report-issue:hover {
    border-color: rgba(190, 55, 88, 0.48);
    background: linear-gradient(145deg, #ffffff, #f3ccd8);
    box-shadow: 0 11px 22px rgba(135, 45, 65, 0.18), 0 0 0 3px rgba(190, 55, 88, 0.07);
    filter: brightness(1) saturate(1.14);
}

:root[data-theme="dark"] .rowtitleSubMenu .menu-options-cont img.document-menu-report-issue {
    border-color: rgba(255, 132, 166, 0.3);
    background: linear-gradient(145deg, rgba(86, 31, 53, 0.74), rgba(29, 22, 42, 0.92));
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.25), 0 0 16px rgba(255, 96, 146, 0.1);
}

/* Keep the issue-type select independent from shared/native select arrows. */
.report-issues-theme-zone .dir-report__select-wrap {
    position: relative;
    min-width: 0;
}

.report-issues-theme-zone .dir-report__select-wrap::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0.9rem;
    width: 0.48rem;
    height: 0.48rem;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    pointer-events: none;
    transform: translateY(-66%) rotate(45deg);
}

.report-issues-theme-zone .dir-report__select {
    width: 100%;
    padding-right: 2.6rem !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-image: none !important;
}

:root[data-theme="light"] .report-issues-theme-zone .dir-report__select-wrap {
    color: #087fa4;
}

:root[data-theme="light"] .report-issues-theme-zone .dir-report__select {
    color: #173f50 !important;
    -webkit-text-fill-color: #173f50 !important;
    border-color: rgba(24, 131, 160, 0.25) !important;
    background: #ffffff !important;
    box-shadow: inset 0 1px 2px rgba(42, 86, 101, 0.06) !important;
}

:root[data-theme="light"] .report-issues-theme-zone .dir-report__select:focus {
    border-color: #0a94b3 !important;
    box-shadow: 0 0 0 3px rgba(8, 145, 180, 0.12), inset 0 1px 0 #ffffff !important;
}

:root[data-theme="dark"] .report-issues-theme-zone .dir-report__select-wrap {
    color: #8dd8ff;
}

:root[data-theme="dark"] .report-issues-theme-zone .dir-report__select {
    color: #edf6ff !important;
    -webkit-text-fill-color: #edf6ff !important;
    background: linear-gradient(180deg, rgba(9, 18, 35, 0.94), rgba(12, 21, 40, 0.98)) !important;
}

/* Keep the Custom Site Elements editor controls and panel hierarchy in one theme. */
:root:not([data-theme="light"]) :is(.ecommerce-store-config-theme-zone, .draggable-content-theme-scope) .ux-html-config-shell :is(input.ux-input, textarea.ux-input, select.ux-input) {
    color: #f4f9ff !important;
    -webkit-text-fill-color: #f4f9ff !important;
    caret-color: #73e7ff;
    border-color: rgba(124, 181, 231, 0.24) !important;
    background: linear-gradient(180deg, rgba(13, 28, 49, 0.98), rgba(8, 19, 36, 0.98)) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045) !important;
    color-scheme: dark;
}

:root:not([data-theme="light"]) :is(.ecommerce-store-config-theme-zone, .draggable-content-theme-scope) .ux-html-config-shell :is(input.ux-input, textarea.ux-input, select.ux-input):focus {
    border-color: rgba(93, 226, 255, 0.62) !important;
    box-shadow: 0 0 0 3px rgba(70, 199, 232, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

:root:not([data-theme="light"]) :is(.ecommerce-store-config-theme-zone, .draggable-content-theme-scope) .ux-html-config-shell .ux-input::placeholder {
    color: rgba(195, 216, 236, 0.52) !important;
    -webkit-text-fill-color: rgba(195, 216, 236, 0.52) !important;
}

:root:not([data-theme="light"]) :is(.ecommerce-store-config-theme-zone, .draggable-content-theme-scope) .ux-html-config-shell select.ux-input option {
    color: #f4f9ff;
    background: #0b1b30;
}

:root[data-theme="light"] :is(.ecommerce-store-config-theme-zone, .draggable-content-theme-scope) .ux-html-config-shell :is(input.ux-input, textarea.ux-input, select.ux-input) {
    color: #173f50 !important;
    -webkit-text-fill-color: #173f50 !important;
    caret-color: #087fa4;
    border-color: rgba(20, 127, 157, 0.24) !important;
    background: linear-gradient(180deg, #ffffff, #f6fbfc) !important;
    box-shadow: inset 0 1px 2px rgba(41, 83, 98, 0.06) !important;
    color-scheme: light;
}

:root[data-theme="light"] :is(.ecommerce-store-config-theme-zone, .draggable-content-theme-scope) .ux-html-config-shell :is(input.ux-input, textarea.ux-input, select.ux-input):focus {
    border-color: #0a94b3 !important;
    box-shadow: 0 0 0 3px rgba(8, 145, 180, 0.12), inset 0 1px 0 #ffffff !important;
}

:root[data-theme="light"] :is(.ecommerce-store-config-theme-zone, .draggable-content-theme-scope) .ux-html-config-shell .ux-input::placeholder {
    color: #718b97 !important;
    -webkit-text-fill-color: #718b97 !important;
}

:root[data-theme="light"] :is(.ecommerce-store-config-theme-zone, .draggable-content-theme-scope) .ux-html-config-shell select.ux-input option {
    color: #173f50;
    background: #ffffff;
}

:root[data-theme="light"] :is(.ecommerce-store-config-theme-zone, .draggable-content-theme-scope) .ux-html-config-shell .ux-site-panel-card {
    color: var(--app-text-primary);
    border-color: rgba(20, 127, 157, 0.18);
    background: linear-gradient(145deg, #f9fcfd, #e1eef2);
    box-shadow: inset 3px 0 0 rgba(8, 127, 164, 0.22), 0 10px 22px rgba(41, 83, 98, 0.1);
}

:root[data-theme="light"] :is(.ecommerce-store-config-theme-zone, .draggable-content-theme-scope) .ux-html-config-shell .ux-site-panel-card:hover {
    border-color: rgba(8, 145, 180, 0.34);
}

:root[data-theme="light"] :is(.ecommerce-store-config-theme-zone, .draggable-content-theme-scope) .ux-html-config-shell .ux-site-panel-card.selected {
    border-color: rgba(8, 145, 180, 0.42);
    background: linear-gradient(135deg, #e3f2f5, #fff5dc);
    box-shadow: inset 4px 0 0 #087fa4, 0 14px 28px rgba(41, 83, 98, 0.13);
}

:root[data-theme="light"] :is(.ecommerce-store-config-theme-zone, .draggable-content-theme-scope) .ux-html-config-shell .ux-site-panel-header h5 {
    color: var(--app-text-primary);
}

:root[data-theme="light"] :is(.ecommerce-store-config-theme-zone, .draggable-content-theme-scope) .ux-html-config-shell .ux-site-panel-header p {
    color: var(--app-text-secondary);
}

:root[data-theme="light"] :is(.ecommerce-store-config-theme-zone, .draggable-content-theme-scope) .ux-html-config-shell .ux-panel-order-pill {
    color: #075f79;
    border-color: rgba(8, 127, 164, 0.24);
    background: #d8edf2;
}

:root[data-theme="light"] :is(.ecommerce-store-config-theme-zone, .draggable-content-theme-scope) .ux-html-config-shell .ux-readonly-context {
    color: #173f50;
    border-color: rgba(20, 127, 157, 0.22);
    background: linear-gradient(180deg, #f1f7f9, #e4eff2);
    box-shadow: inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] :is(.ecommerce-store-config-theme-zone, .draggable-content-theme-scope) .ux-html-config-shell .ux-panel-empty {
    color: #315968;
    border-color: rgba(8, 127, 164, 0.28);
    background: rgba(244, 250, 251, 0.84);
}

:root[data-theme="light"] :is(.ecommerce-store-config-theme-zone, .draggable-content-theme-scope) .ux-html-config-shell .ux-panel-empty:hover {
    color: #075f79;
    border-color: rgba(8, 145, 180, 0.48);
    background: #e3f1f4;
}

:root[data-theme="light"] :is(.ecommerce-store-config-theme-zone, .draggable-content-theme-scope) .ux-html-config-shell .ux-style-subsection {
    border-color: rgba(20, 127, 157, 0.16);
}

:root[data-theme="light"] :is(.ecommerce-store-config-theme-zone, .draggable-content-theme-scope) .ux-html-config-shell .ux-style-subsection-icon {
    color: #087fa4;
    border-color: rgba(8, 127, 164, 0.2);
    background: rgba(8, 145, 180, 0.1);
}

:root[data-theme="light"] :is(.ecommerce-store-config-theme-zone, .draggable-content-theme-scope) .ux-html-config-shell .ux-style-subsection strong {
    color: var(--app-text-primary);
}

:root[data-theme="light"] :is(.ecommerce-store-config-theme-zone, .draggable-content-theme-scope) .ux-html-config-shell .ux-style-subsection p {
    color: var(--app-text-secondary);
}

:root[data-theme="light"] :is(.ecommerce-store-config-theme-zone, .draggable-content-theme-scope) .ux-html-config-shell .ux-style-builder-title > span,
:root[data-theme="light"] :is(.ecommerce-store-config-theme-zone, .draggable-content-theme-scope) .ux-html-config-shell .ux-property-label {
    color: var(--app-text-primary);
}

:root[data-theme="light"] :is(.ecommerce-store-config-theme-zone, .draggable-content-theme-scope) .ux-html-config-shell .ux-style-builder-title small {
    color: var(--app-text-secondary);
}

:root[data-theme="light"] :is(.ecommerce-store-config-theme-zone, .draggable-content-theme-scope) .ux-html-config-shell .ux-style-builder-count {
    color: #075f79;
    border-color: rgba(8, 127, 164, 0.22);
    background: #d8edf2;
}

:root[data-theme="light"] :is(.ecommerce-store-config-theme-zone, .draggable-content-theme-scope) .ux-html-config-shell .ux-style-property-search {
    color: #087fa4;
}

:root[data-theme="light"] :is(.ecommerce-store-config-theme-zone, .draggable-content-theme-scope) .ux-html-config-shell .ux-style-property-search input {
    color: #173f50;
    caret-color: #087fa4;
    border-color: rgba(20, 127, 157, 0.24);
    background: linear-gradient(180deg, #ffffff, #f6fbfc);
    box-shadow: inset 0 1px 2px rgba(41, 83, 98, 0.06);
}

:root[data-theme="light"] :is(.ecommerce-store-config-theme-zone, .draggable-content-theme-scope) .ux-html-config-shell .ux-style-property-search input::placeholder {
    color: #718b97;
}

:root[data-theme="light"] :is(.ecommerce-store-config-theme-zone, .draggable-content-theme-scope) .ux-html-config-shell .ux-style-property-search input:focus {
    border-color: #0a94b3;
    box-shadow: 0 0 0 3px rgba(8, 145, 180, 0.12), inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] :is(.ecommerce-store-config-theme-zone, .draggable-content-theme-scope) .ux-html-config-shell .ux-style-property-search button {
    color: #075f79;
    border-color: rgba(20, 127, 157, 0.2);
    background: #e1eef2;
}

:root[data-theme="light"] :is(.ecommerce-store-config-theme-zone, .draggable-content-theme-scope) .ux-html-config-shell .ux-property-label .mk-helpLabel__button {
    color: #087fa4;
    border-color: rgba(8, 127, 164, 0.3);
    background: rgba(8, 145, 180, 0.1);
}

:root[data-theme="light"] :is(.ecommerce-store-config-theme-zone, .draggable-content-theme-scope) .ux-html-config-shell .ux-property-label .mk-helpLabel__bubble {
    color: #264d5c;
    border-color: rgba(8, 127, 164, 0.24);
    background: linear-gradient(180deg, #ffffff, #e9f3f5);
    box-shadow: 0 20px 38px rgba(41, 83, 98, 0.2);
}

:root[data-theme="light"] :is(.ecommerce-store-config-theme-zone, .draggable-content-theme-scope) .ux-html-config-shell .ux-property-label .mk-helpLabel__bubble::before {
    border-color: rgba(8, 127, 164, 0.24);
    background: #ffffff;
}

:root[data-theme="light"] :is(.ecommerce-store-config-theme-zone, .draggable-content-theme-scope) .ux-html-config-shell .ux-style-property-empty {
    color: var(--app-text-secondary);
    border-color: rgba(8, 127, 164, 0.24);
    background: rgba(244, 250, 251, 0.86);
}

:root[data-theme="light"] :is(.ecommerce-store-config-theme-zone, .draggable-content-theme-scope) .ux-html-config-shell .ux-style-property-empty > i,
:root[data-theme="light"] :is(.ecommerce-store-config-theme-zone, .draggable-content-theme-scope) .ux-html-config-shell .ux-style-property-empty strong {
    color: #075f79;
}

:root[data-theme="light"] :is(.ecommerce-store-config-theme-zone, .draggable-content-theme-scope) .ux-html-config-shell .ux-style-property-empty button {
    color: #075f79;
    border-color: rgba(8, 127, 164, 0.24);
    background: #d8edf2;
}

:root[data-theme="light"] :is(.ecommerce-store-config-theme-zone, .draggable-content-theme-scope) .ux-html-config-shell .ux-page-filter-title-row h3 {
    color: var(--app-text-primary);
}

:root[data-theme="light"] :is(.ecommerce-store-config-theme-zone, .draggable-content-theme-scope) .ux-html-config-shell .ux-page-filter-actions {
    border-top-color: rgba(20, 127, 157, 0.14);
}

:root[data-theme="light"] :is(.ecommerce-store-config-theme-zone, .draggable-content-theme-scope) .ux-html-config-shell .ux-page-filter-title-row .mk-helpLabel__button {
    color: #087fa4;
    border-color: rgba(8, 127, 164, 0.3);
    background: rgba(8, 145, 180, 0.1);
}

:root[data-theme="light"] :is(.ecommerce-store-config-theme-zone, .draggable-content-theme-scope) .ux-html-config-shell .ux-page-filter-title-row .mk-helpLabel__bubble {
    color: #264d5c;
    border-color: rgba(8, 127, 164, 0.24);
    background: linear-gradient(180deg, #ffffff, #e9f3f5);
    box-shadow: 0 20px 38px rgba(41, 83, 98, 0.2);
}

:root[data-theme="light"] :is(.ecommerce-store-config-theme-zone, .draggable-content-theme-scope) .ux-html-config-shell .ux-page-filter-title-row .mk-helpLabel__bubble::before {
    border-color: rgba(8, 127, 164, 0.24);
    background: #ffffff;
}