/*
 * SPACE Global Shell · shared editorial Light/Dark (v1)
 *
 * The data-space-editorial-theme attribute is written by the shared header.
 * The existing dark shell is the backward-compatible default on non-migrated
 * pages. Only opt-in editorial pages expose the light palette here.
 * Keep this isolated to shell/header/sidebar/footer components: no generic
 * tags, body resets or page-editorial styles.
 */
:root[data-space-editorial-theme="light"] .space-app-shell {
    --space-bg:#f8fbfe;
    --space-panel:#edf3f8;
    --space-border:transparent;
    --space-border-strong:rgba(62,91,124,.17);
    --space-text:#0b1727;
    --space-text-soft:#4d6075;
    --space-text-fade:#758499;
    --space-cyan:#087ab5;
    --space-cyan-glow:rgba(8,122,181,.085);
    --space-orange:#b46221;
    --space-danger:#c34050;
    --space-danger-glow:rgba(195,64,80,.07);
    --space-whatsapp:#1a9c52;
    --space-whatsapp-glow:rgba(26,156,82,.15);
    --space-shadow-lg:0 20px 48px rgba(30,51,75,.13);
    background-color:#f8fbfe;
    background-image:none;
    color:var(--space-text);
}
:root[data-space-editorial-theme="light"] .space-sidebar {
    background:#edf3f8;
    border:0;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
}
:root[data-space-editorial-theme="light"] .space-sidebar__head,
:root[data-space-editorial-theme="light"] .space-sidebar__bottom {
    background:transparent;
    border:0;
}
:root[data-space-editorial-theme="light"] .space-sidebar__brandName {
    text-shadow:none;
}
:root[data-space-editorial-theme="light"] .space-sidebar__brandSub {
    color:var(--space-cyan);
}
:root[data-space-editorial-theme="light"] .space-sidebar__link {
    color:var(--space-text-soft);
}
:root[data-space-editorial-theme="light"] .space-sidebar__link:hover {
    color:var(--space-text);
    background:rgba(12,89,149,.045);
}
:root[data-space-editorial-theme="light"] .space-sidebar__link.is-active {
    color:var(--space-text);
    background:rgba(8,122,181,.09);
    border-color:transparent;
    box-shadow:inset 3px 0 0 var(--space-cyan);
}
:root[data-space-editorial-theme="light"] .space-sidebar__link.is-active .space-sidebar__icon {
    color:var(--space-cyan);
    filter:none;
}
:root[data-space-editorial-theme="light"] .space-sidebar__link.is-locked {
    color:rgba(81,102,125,.65);
}
:root[data-space-editorial-theme="light"] .space-sidebar__link.is-locked:hover {
    color:var(--space-text);
    background:rgba(12,89,149,.045);
}
:root[data-space-editorial-theme="light"] .space-sidebar__badge.is-plan-light {
    color:#566b87;
    background:rgba(62,91,124,.075);
    box-shadow:inset 0 0 0 1px rgba(62,91,124,.09);
}
:root[data-space-editorial-theme="light"] .space-sidebar__badge.is-plan-pro {
    color:#a94b10;
}
:root[data-space-editorial-theme="light"] .space-sidebar__badge.is-plan-premium {
    color:#7e4cc2;
}
:root[data-space-editorial-theme="light"] .space-sidebar__badge.is-beta {
    color:#087ab5;
}
:root[data-space-editorial-theme="light"] .space-sidebar__link.is-danger:hover {
    color:var(--space-danger);
    background:var(--space-danger-glow);
}
:root[data-space-editorial-theme="light"] .space-sidebar__close,
:root[data-space-editorial-theme="light"] .space-sidebar__businessButton,
:root[data-space-editorial-theme="light"] .space-sidebar__businessIcon,
:root[data-space-editorial-theme="light"] .space-sidebar__switchChip {
    color:var(--space-text);
    border-color:transparent;
}
:root[data-space-editorial-theme="light"] .space-sidebar__close,
:root[data-space-editorial-theme="light"] .space-sidebar__businessButton {
    background:rgba(40,93,146,.025);
}
:root[data-space-editorial-theme="light"] .space-sidebar__close:hover,
:root[data-space-editorial-theme="light"] .space-sidebar__businessButton:hover {
    background:rgba(8,122,181,.06);
    color:var(--space-text);
}
:root[data-space-editorial-theme="light"] .space-sidebar__sectionTitle,
:root[data-space-editorial-theme="light"] .space-sidebar__businessLabel {
    color:var(--space-text-fade);
}
:root[data-space-editorial-theme="light"] .space-sidebar__businessName,
:root[data-space-editorial-theme="light"] .space-sidebar__brandName {
    color:var(--space-text);
}
:root[data-space-editorial-theme="light"] .space-sidebar-tooltip {
    background:#fff;
    border-color:transparent;
    color:var(--space-text);
    box-shadow:0 12px 34px rgba(23,49,76,.14);
}
:root[data-space-editorial-theme="light"] .space-sidebar--states-enabled[data-space-sidebar-mode="rail"] .space-sidebar__section + .space-sidebar__section::before {
    background:var(--space-border);
}
/* The modal belongs to the shell and follows the exact same theme. */
:root[data-space-editorial-theme="light"] .space-business-modal__panel {
    color:var(--space-text);
    border-color:var(--space-border);
    background:#fff;
    box-shadow:0 20px 60px rgba(20,38,59,.17);
}
:root[data-space-editorial-theme="light"] .space-business-modal__head,
:root[data-space-editorial-theme="light"] .space-business-card,
:root[data-space-editorial-theme="light"] .space-business-card__pill {
    background:transparent;
    border-color:var(--space-border);
}
:root[data-space-editorial-theme="light"] .space-business-modal__title,
:root[data-space-editorial-theme="light"] .space-business-card__name {
    color:var(--space-text);
}
:root[data-space-editorial-theme="light"] .space-business-modal__subtitle,
:root[data-space-editorial-theme="light"] .space-business-card__pill,
:root[data-space-editorial-theme="light"] .space-business-card__status {
    color:var(--space-text-soft);
}
:root[data-space-editorial-theme="light"] .space-business-card:hover {
    background:rgba(8,122,181,.045);
    border-color:rgba(8,122,181,.17);
}
:root[data-space-editorial-theme="light"] .space-business-card.is-active {
    background:rgba(8,122,181,.08);
    border-color:rgba(8,122,181,.24);
}
:root[data-space-editorial-theme="light"] .space-business-modal__close {
    color:var(--space-text-soft);
    background:rgba(8,122,181,.04);
    border-color:var(--space-border);
}
:root[data-space-editorial-theme="light"] .space-business-modal__close:hover {
    color:var(--space-text);
    background:rgba(8,122,181,.09);
}
/* Header controls, account dropdown and notifications use readable light ink. */
:root[data-space-editorial-theme="light"] .space-header {
    --s-bg:#f8fbfe;
    --s-border:rgba(62,91,124,.12);
    --s-cyan:#087ab5;
    --s-orange:#b46221;
    --s-glass:rgba(255,255,255,.94);
    background:var(--s-glass);
    color:#0b1727;
    border-color:var(--s-border);
}
:root[data-space-editorial-theme="light"] .space-header__name,
:root[data-space-editorial-theme="light"] .space-header__userBtn,
:root[data-space-editorial-theme="light"] .space-header__iconBtn {
    color:#0b1727;
}
:root[data-space-editorial-theme="light"] .space-header__userBtn,
:root[data-space-editorial-theme="light"] .space-header__iconBtn,
:root[data-space-editorial-theme="light"] .space-header__editorialTheme {
    background:rgba(27,75,118,.045);
    border-color:rgba(62,91,124,.13);
}
:root[data-space-editorial-theme="light"] .space-header__iconBtn:hover,
:root[data-space-editorial-theme="light"] .space-header__iconBtn.is-open,
:root[data-space-editorial-theme="light"] .space-header__userBtn:hover,
:root[data-space-editorial-theme="light"] .space-header__editorialTheme:hover {
    color:#0b1727;
    background:rgba(8,122,181,.085);
    border-color:rgba(8,122,181,.19);
}
:root[data-space-editorial-theme="light"] .space-header__editorialTheme {
    color:#334e67;
}
:root[data-space-editorial-theme="light"] .space-header__editorialTheme:focus-visible {
    outline-color:#087ab5;
}
:root[data-space-editorial-theme="light"] .space-header__sub {
    color:#087ab5;
}
:root[data-space-editorial-theme="light"] .space-dropdown {
    background:#fff;
    color:#0b1727;
    border-color:rgba(62,91,124,.13);
    box-shadow:0 16px 44px rgba(22,47,75,.14);
}
:root[data-space-editorial-theme="light"] .drop-head,
:root[data-space-editorial-theme="light"] .space-notif-head,
:root[data-space-editorial-theme="light"] .space-notif-footer {
    background:#f7fafd;
    border-color:rgba(62,91,124,.10);
}
:root[data-space-editorial-theme="light"] .drop-name,
:root[data-space-editorial-theme="light"] .space-notif-item {
    color:#0b1727;
}
:root[data-space-editorial-theme="light"] .drop-type,
:root[data-space-editorial-theme="light"] .drop-item,
:root[data-space-editorial-theme="light"] .space-notif-empty,
:root[data-space-editorial-theme="light"] .space-notif-loading {
    color:#52677d;
}
:root[data-space-editorial-theme="light"] .drop-item:hover,
:root[data-space-editorial-theme="light"] .drop-mini-btn:hover,
:root[data-space-editorial-theme="light"] .space-notif-item:hover {
    color:#0b1727;
    background:rgba(8,122,181,.06);
}
:root[data-space-editorial-theme="light"] .drop-mini-btn,
:root[data-space-editorial-theme="light"] .space-notif-tool {
    color:#3e576f;
    border-color:rgba(62,91,124,.12);
    background:rgba(8,122,181,.035);
}
:root[data-space-editorial-theme="light"] .space-notif-item,
:root[data-space-editorial-theme="light"] .space-notif-empty,
:root[data-space-editorial-theme="light"] .space-notif-loading {
    background:#fff;
    border-color:rgba(62,91,124,.10);
}
:root[data-space-editorial-theme="light"] .space-notif-item.is-unread {
    background:rgba(8,122,181,.065);
    border-color:rgba(8,122,181,.19);
}
:root[data-space-editorial-theme="light"] .space-notif-item :is(strong,b) {
    color:#0b1727;
}
/* The production notification dropdown has a second dark-only stylesheet
 * layer. Override its most specific titles and metadata explicitly. */
:root[data-space-editorial-theme="light"] .space-dropdown--notifications {
    background:#fff;
    border-color:rgba(62,91,124,.13);
    box-shadow:0 18px 44px rgba(22,47,75,.14);
}
:root[data-space-editorial-theme="light"] .space-notif-heading,
:root[data-space-editorial-theme="light"] .space-notif-title {
    color:#0b1727;
}
:root[data-space-editorial-theme="light"] .space-notif-kicker {
    color:#087ab5;
}
:root[data-space-editorial-theme="light"] .space-notif-subline,
:root[data-space-editorial-theme="light"] .space-notif-body {
    color:#52677d;
}
:root[data-space-editorial-theme="light"] .space-notif-meta,
:root[data-space-editorial-theme="light"] .space-notif-meta span,
:root[data-space-editorial-theme="light"] .space-notif-footer > span {
    color:#697e92;
}
:root[data-space-editorial-theme="light"] .space-notif-item,
:root[data-space-editorial-theme="light"] .space-notif-item.is-unread {
    border-color:rgba(62,91,124,.09);
    background:transparent;
}
:root[data-space-editorial-theme="light"] .space-notif-item.is-unread {
    background:rgba(8,122,181,.045);
}
:root[data-space-editorial-theme="light"] .space-notif-item:hover,
:root[data-space-editorial-theme="light"] .space-notif-item.is-unread:hover {
    background:rgba(8,122,181,.065);
}
:root[data-space-editorial-theme="light"] .space-notif-footer {
    border-color:rgba(62,91,124,.10);
    background:#f7fafd;
}
:root[data-space-editorial-theme="light"] .space-notif-tool:hover {
    color:#0b1727;
    background:rgba(8,122,181,.08);
}
/* Footer dock: retain shape, tap targets and layout; only palette changes. */
:root[data-space-editorial-theme="light"] .space-appbar {
    --ab-bg:rgba(255,255,255,.96);
    --ab-border:rgba(62,91,124,.16);
    --ab-active:#087ab5;
    --ab-inactive:#61758b;
    background:var(--ab-bg);
    border-color:var(--ab-border);
    box-shadow:0 8px 30px rgba(24,48,75,.12);
}
:root[data-space-editorial-theme="light"] .space-appbar__item {
    color:var(--ab-inactive);
}
:root[data-space-editorial-theme="light"] .space-appbar__item:hover,
:root[data-space-editorial-theme="light"] .space-appbar__item:focus-visible {
    color:#0b1727;
    background:rgba(8,122,181,.055);
}
:root[data-space-editorial-theme="light"] .space-appbar__item.is-active,
:root[data-space-editorial-theme="light"] .space-appbar__ai[aria-expanded="true"] {
    color:var(--ab-active);
    background:rgba(8,122,181,.08);
}
/* Keep PWA fullscreen mobile drawer opaque, not glass over a light page. */
@media (max-width:991.98px) {
    :root[data-space-editorial-theme="light"] .space-sidebar {
        background:#edf3f8;
        border:0;
        box-shadow:0 20px 60px rgba(20,44,72,.16);
    }
}
@media (prefers-reduced-motion:reduce) {
    :root[data-space-editorial-theme="light"] :is(
      .space-sidebar,.space-sidebar__link,.space-appbar__item,
      .space-header__iconBtn,.space-header__editorialTheme
    ) {transition:none;}
}

/*
 * Editorial shell finishing. The page canvas stays #f8fbfe; the sidebar
 * has its own cooler #edf3f8 surface and uses spacing instead of borders.
 */
:root[data-space-editorial-theme="light"] .space-header {
    border-bottom:0;
    box-shadow:0 1px 0 rgba(40,78,111,.055);
}
/* Borderless controls: the light shell uses material and contrast, not frames.
 * Focus-visible outlines are intentionally retained for keyboard access. */
:root[data-space-editorial-theme="light"] .space-header__iconBtn,
:root[data-space-editorial-theme="light"] .space-header__userBtn,
:root[data-space-editorial-theme="light"] .space-header__editorialTheme,
:root[data-space-editorial-theme="light"] .space-appbar,
:root[data-space-editorial-theme="light"] .space-sidebar__link,
:root[data-space-editorial-theme="light"] .space-sidebar__badge,
:root[data-space-editorial-theme="light"] .space-sidebar__switchChip {
    border:0;
}

:root[data-space-editorial-theme="light"] .space-header__logo img {
    filter:brightness(0);
}
:root[data-space-editorial-theme="light"] .space-sidebar__modeToggle,
:root[data-space-editorial-theme="light"] .space-sidebar__modeToggle svg {
    color:#263c52;
    fill:currentColor;
    opacity:1;
}
:root[data-space-editorial-theme="light"] .space-sidebar__modeToggle:hover {
    color:#087ab5;
    background:transparent;
}
:root[data-space-editorial-theme="light"] .space-sidebar__modeToggle:focus-visible {
    outline:2px solid #087ab5;
}
:root[data-space-editorial-theme="light"] .space-sidebar__switchChip,
:root[data-space-editorial-theme="light"] .space-sidebar__businessButton,
:root[data-space-editorial-theme="light"] .space-sidebar__close {
    border:0;
}
:root[data-space-editorial-theme="light"] .space-sidebar__nav {
    border:0;
}
:root[data-space-editorial-theme="light"] .space-sidebar__businessMetaInline {
    color:var(--space-text-fade);
}