/* Profile menu: display and accessibility settings. */
.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

[data-appearance-main][hidden],
[data-appearance-panel][hidden] { display: none !important; }

.client-user-dropdown:has(.appearance-settings-panel) {
    width: min(340px, calc(100vw - 20px));
    padding: 7px;
}

.appearance-menu-entry .appearance-menu-icon {
    display: inline-grid;
    flex: none;
    place-items: center;
    width: 18px;
    color: #8b9cff;
}
.appearance-mode-icon {
    display: inline-grid;
    flex: none;
    place-items: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #373b49;
    color: #f6f7fb;
}
.appearance-menu-entry .appearance-menu-icon i,
.appearance-mode-icon i { width: auto; color: inherit; }
.appearance-menu-chevron { margin-left: auto; color: var(--text-muted) !important; }
.appearance-settings-panel { color: var(--text-main); }
.appearance-panel-heading {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 5px 5px 13px;
    font-size: 17px;
}
.appearance-back {
    display: inline-grid;
    flex: none;
    place-items: center;
    width: 28px;
    height: 28px;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: inherit;
    cursor: pointer;
}
.appearance-back:hover { background: color-mix(in srgb, var(--text-main) 9%, transparent); }
.appearance-mode-intro { display: flex; align-items: flex-start; gap: 12px; padding: 6px 7px 10px; }
.appearance-mode-icon { margin-top: 2px; }
.appearance-mode-intro strong { display: block; margin-bottom: 4px; font-size: 14px; }
.appearance-mode-intro p { color: var(--text-muted); font-size: 12px; line-height: 1.45; }
.appearance-mode-options { min-width: 0; margin: 0; padding: 0; border: 0; }
.appearance-mode-option {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-height: 43px;
    padding: 8px 9px 8px 48px;
    border-radius: 6px;
    color: var(--text-main);
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}
.appearance-mode-option:hover { background: color-mix(in srgb, var(--text-main) 7%, transparent); }
.appearance-mode-option > span { min-width: 0; }
.appearance-mode-option strong { font-size: 13px; }
.appearance-mode-option small { display: block; margin-top: 4px; color: var(--text-muted); font-size: 11px; font-weight: 400; line-height: 1.4; }
.appearance-mode-option input { flex: none; width: 17px; height: 17px; margin: 0; accent-color: var(--primary); cursor: pointer; }
.appearance-mode-option input:disabled { cursor: wait; }
.appearance-mode-option:has(input:focus-visible),
.appearance-back:focus-visible,
.appearance-menu-entry:focus-visible { outline: 2px solid var(--primary); outline-offset: 2px; }

/* A light palette for the shared WebCenter shell and common controls. */
:root[data-theme="dark"] { color-scheme: dark; }
:root[data-theme="light"] {
    color-scheme: light;
    --bg-dark: #f4f6fb;
    --sidebar-bg: #ffffff;
    --card-bg: #ffffff;
    --border-color: #dce3ed;
    --border-color-active: #b7a3eb;
    --text-main: #192337;
    --text-muted: #526176;
    --text-dimmed: #65758b;
    --input-bg: #ffffff;
    --status-live: #087a53;
    --status-die: #c72b3d;
    --status-checkpoint: #a85d00;
}

:root[data-theme="light"] :is(.client-system-header, .client-module-navigation, .top-nav-menu, .sidebar, .top-bar) {
    background: #ffffff;
    border-color: var(--border-color);
    color: var(--text-main);
}
:root[data-theme="light"] :is(.client-brand, .client-module-link:hover, .client-module-link.active, .client-module-dropdown.active > .client-module-link, .client-module-dropdown.is-open > .client-module-link, .top-nav-menu-link:hover, .top-nav-menu-link.active) { color: var(--text-main); }
:root[data-theme="light"] :is(.client-module-link:hover, .client-module-link.active, .client-module-dropdown.active > .client-module-link, .client-module-dropdown.is-open > .client-module-link) { background: #f0edfa; }
:root[data-theme="light"] :is(.client-user-trigger:hover, .top-nav-dropdown.is-open > .client-user-trigger, .top-nav-menu-link:hover, .top-nav-menu-link.active) { background: #f0edfa; }
:root[data-theme="light"] .top-nav-menu-link i { color: #6844c9; }
:root[data-theme="light"] .appearance-mode-icon { background: #e7e5ef; color: #39445c; }
:root[data-theme="light"] .appearance-menu-entry .appearance-menu-icon { color: #6844c9; }
:root[data-theme="light"] :is(.client-header-control, .client-user-trigger, .client-module-link, .top-nav-menu-link) { color: var(--text-main); }
:root[data-theme="light"] .client-user-trigger .username { color: var(--text-main); }
:root[data-theme="light"] .client-header-control { background: #ffffff; border-color: var(--border-color); }
:root[data-theme="light"] .client-balance { color: #29529a; }
:root[data-theme="light"] .client-credit-badge,
:root[data-theme="light"] .client-package-badge { background: #fffaf0; border-color: #e8c990; color: #895200; }
:root[data-theme="light"] .client-package-badge.is-empty { background: #f5efff; border-color: #d7c5f3; color: #623caf; }
:root[data-theme="light"] .client-credit-badge:hover,
:root[data-theme="light"] .client-package-badge:hover { background: #fff2d9; border-color: #d8aa59; color: #754300; }
:root[data-theme="light"] .global-agent-status.is-online { color: #087a53; }
:root[data-theme="light"] .global-agent-status.is-connecting { color: #915400; }
:root[data-theme="light"] .global-agent-status.is-offline,
:root[data-theme="light"] .global-agent-status.is-not-registered { color: #b42335; }
:root[data-theme="light"] .global-agent-status.is-update-required { color: #a64b13; }
:root[data-theme="light"] .global-agent-status-dot { border-color: #ffffff; }
:root[data-theme="light"] :is(.client-header-control:hover, .top-nav-dropdown.is-open > .client-header-control) { background: #f0edfa; color: var(--text-main); }
:root[data-theme="light"] :is(.modal-content, .account-modal .modal-content, .table-responsive, .standard-grid, .grid-footer, .config-card, .payment-card, .payment-history, .wallet-total) { background: var(--card-bg); color: var(--text-main); }
:root[data-theme="light"] :is(.modal-header h3, .modal-close:hover) { color: var(--text-main); }
:root[data-theme="light"] :is(.accounts-table thead, .accounts-table thead .grid-sticky-cell, .data-table thead, .transaction-table thead) { background: #edf1f7; color: var(--text-main); }
:root[data-theme="light"] .accounts-table tbody tr:hover { background: #f4f1fc; }
:root[data-theme="light"] .accounts-table tbody tr:hover > .grid-sticky-cell { background: #f4f1fc; }
:root[data-theme="light"] :is(.form-group input[type="text"], .form-group input[type="password"], .form-group input[type="email"], .form-group input[type="number"], .form-group select, .form-group textarea, .config-form input, .config-form select, .config-form textarea) { background: #ffffff; color: var(--text-main); border-color: #cdd6e3; }
:root[data-theme="light"] :is(input, select, textarea) { color-scheme: light; }
:root[data-theme="light"] :is(.btn-secondary, .back-btn) { color: var(--text-main); border-color: #cdd6e3; }
:root[data-theme="light"] .facebook-profiles-grid-viewport { scrollbar-color: #b5c0cf #edf1f7; }

/* Main client pages have custom dark surfaces in addition to the shared palette. */
:root[data-theme="light"] :is(.dashboard-page, .client-page-container.help-page) { color-scheme: light; scrollbar-color: #b5c0cf #f4f6fb; color: var(--text-main); }
:root[data-theme="light"] :is(.dashboard-welcome, .dashboard-metric-card, .dashboard-feature-card, .dashboard-page > .agent-download-card) { background: #ffffff; border-color: var(--border-color); color: var(--text-main); }
:root[data-theme="light"] :is(.dashboard-welcome h1, .dashboard-section-heading h2, .dashboard-metric-card > strong, .dashboard-feature-header h3, .dashboard-feature-card, .dashboard-feature-meta b) { color: var(--text-main); }
:root[data-theme="light"] :is(.dashboard-welcome p, .dashboard-period, .dashboard-metric-header, .dashboard-metric-card > small, .dashboard-feature-card > p, .dashboard-capabilities li, .dashboard-feature-meta, .dashboard-clone-summary) { color: var(--text-muted); }
:root[data-theme="light"] .dashboard-outline-link { background: #f4f0ff; border-color: #d3c5f5; color: #5837ad; }
:root[data-theme="light"] .dashboard-feature-card { --feature-accent: #6249af; }
:root[data-theme="light"] .dashboard-feature-card.feature-clone { --feature-accent: #72389f; }
:root[data-theme="light"] .dashboard-feature-card.feature-nurture { --feature-accent: #1c775c; }
:root[data-theme="light"] .dashboard-feature-footer { border-color: var(--border-color); }
:root[data-theme="light"] .dashboard-feature-icon { background: #f0ecfa; border-color: #d8cbed; color: #6844c9; }
:root[data-theme="light"] .dashboard-development-badge { background: #eaf7ef; border-color: #b8dfc7; color: #226943; }
:root[data-theme="light"] .dashboard-shortcuts > a { background: #ffffff; border-color: var(--border-color); color: var(--text-muted); }
:root[data-theme="light"] .dashboard-shortcuts > a > i:first-child { background: #f0ecfa; color: #6844c9; }
:root[data-theme="light"] .dashboard-shortcuts strong { color: var(--text-main); }
:root[data-theme="light"] .dashboard-shortcuts small { color: var(--text-muted); }
:root[data-theme="light"] .dashboard-page :is(.agent-download-copy h2, .agent-release-details-content b) { color: var(--text-main); }
:root[data-theme="light"] .dashboard-page :is(.agent-download-copy p, .agent-download-actions small, .agent-release-meta, .agent-release-details-content) { color: var(--text-muted); }
:root[data-theme="light"] .dashboard-page :is(.agent-release-details, .agent-release-details summary, .agent-release-details-content code) { color: #6546b5; }
:root[data-theme="light"] .dashboard-page .agent-release-details summary:hover { color: #4b3191; }
:root[data-theme="light"] .dashboard-page .agent-release-details-content { background: #f8f6ff; border-color: #ded4f6; }
:root[data-theme="light"] .dashboard-page .agent-version-badge { color: #6546b5; background: #f1edff; border-color: #d8ccf4; }
:root[data-theme="light"] .dashboard-page .agent-card-status.is-online { color: #087a53; }
:root[data-theme="light"] .dashboard-page .agent-card-status.is-connecting { color: #915400; }
:root[data-theme="light"] .dashboard-page .agent-card-status.is-offline { color: #b42335; }
:root[data-theme="light"] .dashboard-page .agent-card-status.is-warning { color: #a64b13; }
@media (hover: hover) {
    :root[data-theme="light"] a.dashboard-feature-card:hover,
    :root[data-theme="light"] .dashboard-shortcuts > a:hover { background: #f8f6ff; border-color: #cbbcec; }
    :root[data-theme="light"] .dashboard-outline-link:hover { background: #ece5ff; border-color: #cbbcec; }
}
:root[data-theme="light"] .facebook-assets-page { --asset-bg: #f4f6fb; --asset-panel: #ffffff; --asset-panel-2: #f7f9fc; --asset-line: #dce3ed; --asset-line-soft: #e8edf4; --asset-text: #192337; --asset-muted: #526176; }
:root[data-theme="light"] .client-page-container.help-page { --help-surface: #ffffff; --help-raised: #f7f9fc; --help-text: #192337; --help-muted: #526176; --help-line: #dce3ed; --help-accent: #6844c9; --help-code: #f0f3f8; --help-heading: #192337; }
:root[data-theme="light"] .help-hero { background: #ffffff; border-color: #dce3ed; }
:root[data-theme="light"] .help-hero h1 { color: var(--text-main); }
:root[data-theme="light"] .help-hero p { color: var(--text-muted); }
:root[data-theme="light"] .help-search { background: #ffffff; border-color: #cdd6e3; }
:root[data-theme="light"] .help-search input { color: var(--text-main); }
:root[data-theme="light"] .help-page::-webkit-scrollbar-track { background: #f4f6fb; }
:root[data-theme="light"] .help-page::-webkit-scrollbar-thumb { background: #b5c0cf; border-color: #f4f6fb; }
:root[data-theme="light"] .help-page :is(a, button, input, summary):focus-visible { outline-color: #6844c9; }
:root[data-theme="light"] .help-page .help-eyebrow,
:root[data-theme="light"] .help-page .help-hero-stats i { color: #6241b0; }
:root[data-theme="light"] .help-page .help-hero-stats,
:root[data-theme="light"] .help-page .help-search > i { color: var(--text-muted); }
:root[data-theme="light"] .help-page .help-search input::placeholder { color: #65758b; }
:root[data-theme="light"] .help-page .help-category-card:hover,
:root[data-theme="light"] .help-page .help-category-card:focus-visible,
:root[data-theme="light"] .help-page .help-article-card:hover,
:root[data-theme="light"] .help-page .help-article-card:focus-visible { background: #f5f1ff; border-color: #b9a2e9; color: var(--text-main); }
:root[data-theme="light"] .help-page .help-category-count { color: #46566c; }
:root[data-theme="light"] .help-page .help-article-meta em { color: #915400; }
:root[data-theme="light"] .help-page .help-directory-card li + li { border-color: var(--help-line); }
:root[data-theme="light"] .help-page .help-directory-card li a { color: #40536f; }
:root[data-theme="light"] .help-page .help-directory-card li a i { color: #65758b; }
:root[data-theme="light"] .help-page .help-directory-card a:hover,
:root[data-theme="light"] .help-page .help-directory-card a:hover i { color: #5636a6; }
:root[data-theme="light"] .help-page .help-topic-filters a.active,
:root[data-theme="light"] .help-page .help-topic-filters a:hover { background: #efe9ff; border-color: #b9a2e9; color: #4b3191; }
:root[data-theme="light"] .help-page .help-sidebar nav a.active,
:root[data-theme="light"] .help-page .help-sidebar nav a:hover { background: #f0ebfb; color: #4b3191; }
:root[data-theme="light"] .help-page .help-sidebar h3 { color: var(--text-muted); }
:root[data-theme="light"] .help-page .help-preview-banner { background: #fff8ed; border-color: #efcc91; color: #915400; }
:root[data-theme="light"] .help-page .help-language-notice { background: #eff6ff; border-color: #bfd5fb; color: #29529a; }
:root[data-theme="light"] .help-page .help-callout { background: #eff6ff; color: #1e3a8a; }
:root[data-theme="light"] .help-page .help-callout-tip { background: #ecfdf5; color: #065f46; }
:root[data-theme="light"] .help-page .help-callout-warning { background: #fffbeb; color: #92400e; }
:root[data-theme="light"] .help-page .help-callout-danger { background: #fef2f2; color: #991b1b; }

/* Windows Agent connection dialog. */
:root[data-theme="light"] .global-agent-modal-header { background: linear-gradient(135deg, #f2edff, #f7f9fc); }
:root[data-theme="light"] .global-agent-modal-heading strong { color: #915400; }
:root[data-theme="light"] .global-agent-modal-heading strong.is-online { color: #087a53; }
:root[data-theme="light"] .global-agent-modal-heading strong.is-offline,
:root[data-theme="light"] .global-agent-modal-heading strong.is-not-registered { color: #b42335; }
:root[data-theme="light"] .global-agent-modal-heading strong.is-update-required { color: #a64b13; }
:root[data-theme="light"] .global-agent-summary { background: #f7f9fc; border-color: var(--border-color); }
:root[data-theme="light"] .global-agent-summary > strong { color: #6241b0; }
:root[data-theme="light"] .global-agent-summary-item { color: var(--text-main); }
:root[data-theme="light"] .global-agent-summary-item small { color: var(--text-muted); }
:root[data-theme="light"] .global-agent-guide li { background: #f8f6ff; border-color: #ded4f6; }

/* Shared grid pagination and native select options. */
:root[data-theme="light"] .page-size-select { background: #ffffff; border-color: #cdd6e3; color: var(--text-main); color-scheme: light; }
:root[data-theme="light"] select option { background-color: #ffffff !important; color: var(--text-main) !important; }
:root[data-theme="light"] .pag-btn:hover:not(:disabled) { background: #f0edfa; border-color: #cbbcec; color: #4b3191; }

/* Shared grid column customizer. */
:root[data-theme="light"] .grid-column-modal-content { background: #ffffff; border-color: var(--border-color); color: var(--text-main); }
:root[data-theme="light"] .grid-column-modal-header,
:root[data-theme="light"] .grid-column-modal-footer { border-color: var(--border-color); }
:root[data-theme="light"] .grid-column-list { scrollbar-color: #b5c0cf #f4f6fb; }
:root[data-theme="light"] .grid-column-item { background: #f7f9fc; border-color: #dce3ed; }
:root[data-theme="light"] .grid-column-item:hover,
:root[data-theme="light"] .grid-column-item:focus-within { background: #f0edfa; border-color: #b9a2e9; }
:root[data-theme="light"] .grid-column-item.dragging { background: #eae2fb; border-color: #6844c9; }
:root[data-theme="light"] .grid-column-item strong { color: var(--text-main); }
:root[data-theme="light"] .grid-column-check { background: #ffffff; border-color: #94a3b8; }
:root[data-theme="light"] .grid-column-drag { color: #65758b; }
:root[data-theme="light"] .grid-column-modal-header .feature-modal-close:hover { color: var(--text-main); background: #f0edfa; }

/* Profile grid, contextual actions, and feature panels. */
:root[data-theme="light"] :is(.profile-context-menu, .profile-context-submenu, .facebook-action-panel, .workflow-action-card, .feature-library-card, .feature-library-tabs button, .feature-library-search) {
    background: #ffffff;
    border-color: var(--border-color);
    color: var(--text-main);
}
:root[data-theme="light"] :is(.action-panel-title, .feature-library-card h4, .grid-column-item strong, .grid-id-filter-option strong) { color: var(--text-main); }
:root[data-theme="light"] :is(.grid-id-filter-body textarea, .grid-id-filter-option, .feature-settings-fields input, .feature-settings-fields select, .feature-settings-fields textarea) {
    background: #ffffff;
    border-color: #cdd6e3;
    color: var(--text-main);
}
:root[data-theme="light"] .grid-id-filter-option small { color: var(--text-muted); }
:root[data-theme="light"] .action-panel-count { color: #623caf; }
:root[data-theme="light"] .facebook-action-panel .action-panel-footer { background: #f7f9fc; border-color: var(--border-color); }
:root[data-theme="light"] .facebook-action-panel .action-panel-thread-count { background: #ffffff; border-color: #cdd6e3; }
:root[data-theme="light"] .facebook-action-panel .action-panel-thread-count input { color: var(--text-main); }
:root[data-theme="light"] .facebook-action-panel .action-panel-selection strong { color: #623caf; }
:root[data-theme="light"] .facebook-action-panel .workflow-action-name,
:root[data-theme="light"] .facebook-action-panel .workflow-empty-state strong { color: var(--text-main); }
:root[data-theme="light"] .facebook-action-panel .workflow-run-order { background: #f0edfa; border-color: #d8cbed; color: #623caf; }
:root[data-theme="light"] .facebook-action-panel .workflow-empty-state { background: #f7f9fc; border-color: #cdd6e3; }
:root[data-theme="light"] .facebook-action-panel .action-panel-collapse:hover { color: var(--text-main); }
:root[data-theme="light"] .feature-library-status { background: #eef1f7; color: var(--text-muted); }
:root[data-theme="light"] .feature-library-status.is-ready { background: #e7f5ee; color: #087a53; }
:root[data-theme="light"] .feature-library-tabs button.active { background: var(--primary); color: #ffffff; }
:root[data-theme="light"] .profile-context-item:not(.context-action-disabled):hover { background: #f0edfa; }
:root[data-theme="light"] .profile-context-item.text-danger,
:root[data-theme="light"] .profile-context-item.text-danger .context-item-icon { color: #b42335; }

/* Facebook Assets has its own component palette. */
:root[data-theme="light"] .facebook-assets-page :is(.asset-data-panel, .asset-feature-panel, .asset-profile-strip, .asset-header-profile-menu, .asset-sync-menu, .asset-id-filter-content, .asset-load-config-content) {
    background: #ffffff;
    border-color: var(--border-color);
    color: var(--text-main);
}
:root[data-theme="light"] .facebook-assets-page :is(.asset-advanced-filters, .asset-feature-panel > footer, .asset-job-progress) { background: #f7f9fc; border-color: var(--border-color); color: var(--text-muted); }
:root[data-theme="light"] .facebook-assets-page :is(.asset-field select, .asset-input-wrap, .asset-id-filter-body textarea, .asset-filter-button, .asset-icon-button, .asset-action-buttons button, .asset-id-filter-option) {
    background: #ffffff;
    border-color: #cdd6e3;
    color: var(--text-main);
}
:root[data-theme="light"] .facebook-assets-page :is(.asset-input-wrap input, .asset-id-filter-option strong, .asset-profile-name, .asset-title-row h1) { color: var(--text-main); }
:root[data-theme="light"] .facebook-assets-page :is(.asset-breadcrumb, .asset-breadcrumb a, .asset-tabs a, .asset-id-filter-option small) { color: var(--text-muted); }
:root[data-theme="light"] .facebook-assets-page .asset-tabs a.active { color: #6844c9; }
:root[data-theme="light"] .facebook-assets-page :is(.asset-row-status.status-live, .asset-role-badge) { color: #087a53; }

/* Assets uses a page stylesheet after appearance.css, so these rules also cover its fixed colors. */
:root[data-theme="light"] .facebook-assets-page { color-scheme: light; }
:root[data-theme="light"] .facebook-assets-page .uid-chip { background: #f0edfa; border-color: #d8cbed; color: #4b3191; }
:root[data-theme="light"] .facebook-assets-page .uid-chip:hover { background: #e9e2f7; color: #39246f; }
:root[data-theme="light"] .facebook-assets-page .asset-header-profile-trigger { color: var(--text-main); }
:root[data-theme="light"] .facebook-assets-page .asset-header-profile-trigger:hover,
:root[data-theme="light"] .facebook-assets-page .asset-header-profile.open .asset-header-profile-trigger { background: #f0edfa; border-color: #d8cbed; }
:root[data-theme="light"] .facebook-assets-page .asset-header-profile-copy strong,
:root[data-theme="light"] .facebook-assets-page .asset-header-profile-details strong { color: var(--text-main); }
:root[data-theme="light"] .facebook-assets-page .asset-header-profile-copy small,
:root[data-theme="light"] .facebook-assets-page .asset-header-profile-details span { color: var(--text-muted); }
:root[data-theme="light"] .facebook-assets-page .asset-header-profile-details > div { border-color: var(--border-color); }
:root[data-theme="light"] .facebook-assets-page .asset-header-profile-link { background: #f7f9fc; border-color: var(--border-color); color: #623caf; }
:root[data-theme="light"] .facebook-assets-page .asset-header-profile-link:hover { background: #f0edfa; color: #4b3191; }
:root[data-theme="light"] .facebook-assets-page .asset-stat { border-color: var(--border-color); }
:root[data-theme="light"] .facebook-assets-page .asset-stat strong { color: var(--text-main); }
:root[data-theme="light"] .facebook-assets-page .asset-stat[data-tone="success"] strong { color: #087a53; }
:root[data-theme="light"] .facebook-assets-page .asset-stat[data-tone="danger"] strong { color: #b42335; }
:root[data-theme="light"] .facebook-assets-page .asset-stat[data-tone="warning"] strong { color: #915400; }
:root[data-theme="light"] .facebook-assets-page .asset-table-viewport { scrollbar-color: #b5c0cf #edf1f7; }
:root[data-theme="light"] .facebook-assets-page .asset-table-viewport::-webkit-scrollbar-track,
:root[data-theme="light"] .facebook-assets-page .asset-table-viewport::-webkit-scrollbar-corner { background: #edf1f7; }
:root[data-theme="light"] .facebook-assets-page .asset-table-viewport::-webkit-scrollbar-thumb { background: #b5c0cf; }
:root[data-theme="light"] .facebook-assets-page .asset-table thead [data-column="select"],
:root[data-theme="light"] .facebook-assets-page .asset-table thead [data-column="index"],
:root[data-theme="light"] .facebook-assets-page .asset-table thead [data-column="status"],
:root[data-theme="light"] .facebook-assets-page .asset-table thead [data-column="assetId"] { background: #edf1f7; color: var(--text-main); }
:root[data-theme="light"] .facebook-assets-page .asset-feature-list .workflow-action-name { color: var(--text-main); }
:root[data-theme="light"] .facebook-assets-page .asset-feature-list .workflow-run-order { background: #f0edfa; border-color: #d8cbed; color: #623caf; }
:root[data-theme="light"] .facebook-assets-page .asset-feature-panel .asset-thread-count { background: #ffffff; border-color: #cdd6e3; }
:root[data-theme="light"] .facebook-assets-page .asset-feature-panel .asset-thread-count input { color: var(--text-main); }
:root[data-theme="light"] .facebook-assets-page .asset-selection-summary { color: var(--text-muted); }
:root[data-theme="light"] .facebook-assets-page .asset-selection-summary strong { color: #623caf; }

/* Client Agent download card. */
:root[data-theme="light"] .main-content > .agent-download-card {
    background: linear-gradient(120deg, #f4f0ff, #ffffff 55%, #f1f6ff);
    border-color: #d8cbed;
    box-shadow: 0 10px 28px rgba(39, 54, 84, .08);
    color: var(--text-main);
}
:root[data-theme="light"] .main-content > .agent-download-card .agent-download-copy h2 { color: var(--text-main); }
:root[data-theme="light"] .main-content > .agent-download-card .agent-download-copy p,
:root[data-theme="light"] .main-content > .agent-download-card .agent-release-meta,
:root[data-theme="light"] .main-content > .agent-download-card .agent-download-actions small,
:root[data-theme="light"] .main-content > .agent-download-card .agent-download-copy details div { color: var(--text-muted); }
:root[data-theme="light"] .main-content > .agent-download-card .agent-download-copy details,
:root[data-theme="light"] .main-content > .agent-download-card .agent-guide-link { color: #6241b0; }
:root[data-theme="light"] .main-content > .agent-download-card .agent-guide-link:hover { color: #452988; }
:root[data-theme="light"] .main-content > .agent-download-card .agent-download-actions .btn-secondary { color: var(--text-main); border-color: #cdd6e3; }

/* Deposit history status badges. */
:root[data-theme="light"] .deposit-history-grid .status-pill { background: #edf1f7; color: #46566c; }
:root[data-theme="light"] .deposit-history-grid .status-paid { background: #e3f6ec; color: #087a53; }
:root[data-theme="light"] .deposit-history-grid .status-pending { background: #fff2d8; color: #915400; }
:root[data-theme="light"] .deposit-history-grid .status-expired,
:root[data-theme="light"] .deposit-history-grid .status-cancelled,
:root[data-theme="light"] .deposit-history-grid .status-rejected { background: #f9e8eb; color: #a62536; }
:root[data-theme="light"] .deposit-history-grid .money { color: #087a53; }

/* Package catalog and checkout. */
:root[data-theme="light"] .package-page .subscription-banner { background: #f0efff; border-color: #c9bff9; border-left-color: #7148d6; color: #4e359a; }
:root[data-theme="light"] .package-page .duration-panel,
:root[data-theme="light"] .package-page .plans-panel,
:root[data-theme="light"] .package-page .purchase-summary { background: #ffffff; border-color: var(--border-color); color: var(--text-main); box-shadow: 0 12px 32px rgba(39, 54, 84, .07); }
:root[data-theme="light"] .package-page .package-panel-header h3,
:root[data-theme="light"] .package-page .purchase-summary h3,
:root[data-theme="light"] .package-page .plan-card h4 { color: var(--text-main); }
:root[data-theme="light"] .package-page .duration-option { background: #ffffff; border-color: #cdd6e3; color: var(--text-main); }
:root[data-theme="light"] .package-page .duration-option:hover { background: #f6f2ff; border-color: #a98adf; }
:root[data-theme="light"] .package-page .duration-option.active { background: #efe9ff; border-color: #8058d8; color: #4b3191; }
:root[data-theme="light"] .package-page .duration-option b { color: #087a53; }
:root[data-theme="light"] .package-page .plans-grid .plan-card { background: #ffffff; border-color: var(--border-color); color: var(--text-main); box-shadow: 0 10px 28px rgba(39, 54, 84, .07); }
:root[data-theme="light"] .package-page .plans-grid .plan-card.selected { border-color: #8058d8; box-shadow: 0 0 0 2px #e2d6fb, 0 14px 32px rgba(57, 36, 111, .12); }
:root[data-theme="light"] .package-page .plan-price span { color: #6542b9; }
:root[data-theme="light"] .package-page .plan-limit-list { background: transparent; border-color: var(--border-color); }
:root[data-theme="light"] .package-page .plan-limit-list li { color: var(--text-muted); }
:root[data-theme="light"] .package-page .plan-limit-list li strong { color: var(--text-main); }
:root[data-theme="light"] .package-page .summary-row { border-color: var(--border-color); }
:root[data-theme="light"] .package-page .summary-total { background: #f1ebff; border-color: #d1c2f4; color: #4b3191; }

/* Shared credit wallet page. */
:root[data-theme="light"] .clone-credit-page .clone-credit-page-balance strong { color: #af6500; }
:root[data-theme="light"] .clone-credit-page .clone-credit-purchase-form input { background: #ffffff; border-color: #cdd6e3; color: var(--text-main); }
:root[data-theme="light"] .clone-credit-page .clone-credit-estimate strong { color: #6241b0; }
:root[data-theme="light"] .clone-credit-page .clone-table th { background: #edf1f7; color: #46566c; }
:root[data-theme="light"] .clone-credit-page .credit-positive { color: #087a53; }
:root[data-theme="light"] .clone-credit-page .credit-negative { color: #b42335; }

/* General account configuration. */
:root[data-theme="light"] .general-config-page .general-config-fields input:not([type="checkbox"]):not([type="radio"]),
:root[data-theme="light"] .general-config-page .general-config-fields select { background: #ffffff; border-color: #cdd6e3; color: var(--text-main); }
:root[data-theme="light"] .general-config-page .general-switch-row,
:root[data-theme="light"] .general-config-page .service-radio-list { background: #f7f9fc; border-color: var(--border-color); color: var(--text-main); }
:root[data-theme="light"] .general-config-page .number-with-suffix span { background: #edf1f7; border-color: #cdd6e3; color: var(--text-muted); }
:root[data-theme="light"] .general-config-page .recovery-email-preview { background: #eff6ff; border-color: #bfd5fb; }
:root[data-theme="light"] .general-config-page .recovery-email-preview span { color: #29529a; }
:root[data-theme="light"] .general-config-page .recovery-email-preview strong { color: #192f5c; }
:root[data-theme="light"] .general-config-page .service-radio-list label { color: var(--text-main); }

/* Login history heading, IP addresses, and expandable browser details. */
:root[data-theme="light"] .login-history-page .login-history-heading h1 { color: var(--text-main); }
:root[data-theme="light"] .login-history-page .login-history-heading h1 i { color: #6844c9; }
:root[data-theme="light"] .login-history-page .login-history-heading p,
:root[data-theme="light"] .login-history-page .login-history-note { color: var(--text-muted); }
:root[data-theme="light"] .login-history-page .login-history-grid code { color: #40536f; }
:root[data-theme="light"] .login-history-page .login-history-grid summary { color: #6241b0; }
:root[data-theme="light"] .login-history-page .login-history-grid summary:hover { color: #452988; }
:root[data-theme="light"] .login-history-page .login-history-details b { color: var(--text-main); }

/* Shared Facebook Profile and Assets feature guide/settings dialogs. */
:root[data-theme="light"] .feature-guide-modal .feature-guide-title-row h3 { color: var(--text-main); }
:root[data-theme="light"] .feature-guide-modal .feature-guide-title-icon { color: #6844c9; }
:root[data-theme="light"] .feature-guide-modal .feature-guide-callout.usage { background: #eff6ff; border-color: #bfd5fb; color: #29529a; }
:root[data-theme="light"] .feature-guide-modal .feature-guide-callout.warning { background: #fff8ed; border-color: #efcc91; color: #915400; }
:root[data-theme="light"] .feature-guide-modal .feature-guide-steps { color: var(--text-muted); }
:root[data-theme="light"] .feature-guide-modal .feature-guide-steps h4 { color: var(--text-main); }
:root[data-theme="light"] .feature-guide-modal .feature-modal-close:hover,
:root[data-theme="light"] .feature-settings-modal .feature-modal-close:hover { color: var(--text-main); }
:root[data-theme="light"] .feature-settings-modal .feature-library-eyebrow { color: #6241b0; }
:root[data-theme="light"] .feature-settings-modal .feature-settings-content .modal-footer { background: #f7f9fc; border-color: var(--border-color); }
:root[data-theme="light"] .feature-settings-modal .feature-setting-field > label { color: #40536f; }
:root[data-theme="light"] .feature-settings-modal .feature-setting-field > small,
:root[data-theme="light"] .feature-settings-modal .feature-setting-check small { color: var(--text-muted); }
:root[data-theme="light"] .feature-settings-modal .feature-setting-check { background: #ffffff; border-color: #cdd6e3; color: var(--text-main); }
:root[data-theme="light"] .feature-settings-modal .feature-setting-check:hover { background: #f7f9fc; border-color: #b9a2e9; }
:root[data-theme="light"] .feature-settings-modal .feature-setting-check:has(input:checked) { background: #f3efff; border-color: #9671df; }
:root[data-theme="light"] .feature-settings-modal .feature-setting-check strong { color: var(--text-main); }
:root[data-theme="light"] .feature-settings-modal .feature-setting-input-wrap input[type="number"] { color-scheme: light; background: #ffffff; color: var(--text-main); }
:root[data-theme="light"] .feature-settings-modal .feature-setting-input-wrap > span { background: #edf1f7; border-color: #cdd6e3; color: var(--text-muted); }
:root[data-theme="light"] .feature-settings-modal .feature-setting-notice { background: #fff8ed; border-color: #efcc91; color: #915400; }
:root[data-theme="light"] .feature-settings-modal .feature-setting-notice strong { color: #754300; }

/* Add and edit browser platform dialogs. */
:root[data-theme="light"] .platform-config-modal .form-section { background: #f7f9fc; border-color: var(--border-color); color: var(--text-main); }
:root[data-theme="light"] .platform-config-modal .form-section h4 { color: #6241b0; }
:root[data-theme="light"] .platform-config-modal .form-section label { color: #40536f; }
:root[data-theme="light"] .platform-config-modal .form-section small { color: var(--text-muted); }
:root[data-theme="light"] .platform-config-modal .form-section :is(input, select, textarea) { background: #ffffff; border-color: #cdd6e3; color: var(--text-main); color-scheme: light; }
:root[data-theme="light"] .platform-config-modal .form-section :is(input, textarea)::placeholder { color: #65758b; }
:root[data-theme="light"] .platform-config-modal .form-section :is(input, select, textarea):focus { border-color: #8058d8; box-shadow: 0 0 0 3px rgba(128, 88, 216, .15); }
:root[data-theme="light"] .platform-config-modal .default-check { color: var(--text-main); }

/* Business Manager invitation dialogs shared by Profiles and Assets. */
:root[data-theme="light"] .business-invitation-settings { background: #f7f9fc; border-color: var(--border-color); }
:root[data-theme="light"] .business-invitation-settings label { color: #40536f; }
:root[data-theme="light"] .business-invitation-settings input,
:root[data-theme="light"] .business-invitation-filters :is(input, select),
:root[data-theme="light"] .business-invitations-import-content textarea { background: #ffffff; border-color: #cdd6e3; color: var(--text-main); color-scheme: light; }
:root[data-theme="light"] .business-invitation-settings input::placeholder,
:root[data-theme="light"] .business-invitation-filters input::placeholder,
:root[data-theme="light"] .business-invitations-import-content textarea::placeholder { color: #65758b; }
:root[data-theme="light"] .business-invitation-settings input:focus,
:root[data-theme="light"] .business-invitation-filters :is(input, select):focus,
:root[data-theme="light"] .business-invitations-import-content textarea:focus { border-color: #8058d8; box-shadow: 0 0 0 3px rgba(128, 88, 216, .15); }
:root[data-theme="light"] .business-invitation-toolbar { background: #ffffff; border-color: var(--border-color); }
:root[data-theme="light"] .business-invitation-grid { background: #ffffff; }
:root[data-theme="light"] .business-invitation-grid th { background: #edf1f7; border-color: var(--border-color); color: #40536f; }
:root[data-theme="light"] .business-invitation-grid td { border-color: var(--border-color); color: #40536f; }
:root[data-theme="light"] .business-invitation-grid tr:hover td { background: #f6f2ff; }
:root[data-theme="light"] .business-invitation-grid .business-invitation-link { color: #295baa !important; }
:root[data-theme="light"] .business-invitation-status.new { color: #915400; background: #fff2d8; }
:root[data-theme="light"] .business-invitation-status.success { color: #087a53; background: #e3f6ec; }
:root[data-theme="light"] .business-invitation-status.fail { color: #a62536; background: #f9e8eb; }
:root[data-theme="light"] .business-invitation-footer { background: #ffffff; border-color: var(--border-color); color: var(--text-muted); }

/* Shared transient notifications. */
:root[data-theme="light"] .app-toast { background: #ffffff; border-color: var(--border-color); color: var(--text-main); box-shadow: 0 12px 30px rgba(39, 54, 84, .18); }
:root[data-theme="light"] .app-toast.success { border-left-color: #10b981; }
:root[data-theme="light"] .app-toast.warning { border-left-color: #d78a00; }
:root[data-theme="light"] .app-toast.error { border-left-color: #d83244; }
:root[data-theme="light"] .app-toast.info { border-left-color: #6844c9; }
:root[data-theme="light"] .app-toast .app-toast-icon { color: #6844c9; }
:root[data-theme="light"] .app-toast.success .app-toast-icon { color: #087a53; }
:root[data-theme="light"] .app-toast.warning .app-toast-icon { color: #a85d00; }
:root[data-theme="light"] .app-toast.error .app-toast-icon { color: #b42335; }
:root[data-theme="light"] .app-toast .app-toast-close { color: #526176; }
:root[data-theme="light"] .app-toast .app-toast-close:hover { color: var(--text-main); }

/* Facebook Assets data load settings dialog. */
:root[data-theme="light"] .asset-load-config-modal .asset-load-config-content { background: #ffffff; border-color: var(--border-color); color: var(--text-main); box-shadow: 0 28px 80px rgba(39, 54, 84, .24); }
:root[data-theme="light"] .asset-load-config-modal .asset-load-config-header { border-color: var(--border-color); }
:root[data-theme="light"] .asset-load-config-modal .asset-load-config-header h3 { color: var(--text-main); }
:root[data-theme="light"] .asset-load-config-modal .asset-load-config-header p { color: var(--text-muted); }
:root[data-theme="light"] .asset-load-config-modal .asset-load-config-section h4 { color: #6241b0; }
:root[data-theme="light"] .asset-load-config-modal .asset-load-option,
:root[data-theme="light"] .asset-load-config-modal .asset-load-data-item,
:root[data-theme="light"] .asset-load-config-modal .asset-load-limit { background: #f7f9fc; border-color: #cdd6e3; color: var(--text-main); }
:root[data-theme="light"] .asset-load-config-modal .asset-load-option:hover,
:root[data-theme="light"] .asset-load-config-modal .asset-load-data-item:hover { background: #f3efff; border-color: #b9a2e9; }
:root[data-theme="light"] .asset-load-config-modal .asset-load-option.active { background: #f1ebff; border-color: #8058d8; color: #4b3191; box-shadow: inset 0 0 0 1px #d1c2f4; }
:root[data-theme="light"] .asset-load-config-modal :is(.asset-load-option, .asset-load-data-item, .asset-load-limit) small { color: var(--text-muted); }
:root[data-theme="light"] .asset-load-config-modal .asset-load-data-item > i { color: #6844c9; }
:root[data-theme="light"] .asset-load-config-modal .asset-load-safety { background: #fff8ed; border-color: #efcc91; color: #754300; }
:root[data-theme="light"] .asset-load-config-modal .asset-load-safety:hover { background: #fff2dc; border-color: #dfa950; }
:root[data-theme="light"] .asset-load-config-modal .asset-load-safety > i { color: #a85d00; }
:root[data-theme="light"] .asset-load-config-modal .asset-load-id-list textarea,
:root[data-theme="light"] .asset-load-config-modal .asset-load-limit input { background: #ffffff; border-color: #cdd6e3; color: var(--text-main); color-scheme: light; }
:root[data-theme="light"] .asset-load-config-modal .asset-load-id-list textarea::placeholder { color: #65758b; }
:root[data-theme="light"] .asset-load-config-modal .asset-load-config-footer { background: #f7f9fc; border-color: var(--border-color); }
:root[data-theme="light"] .asset-load-config-modal .asset-load-config-footer .btn-secondary { background: #ffffff; border-color: #cdd6e3; color: var(--text-main); }
:root[data-theme="light"] .asset-load-config-modal .asset-load-config-footer .btn-secondary:hover { background: #f1ebff; border-color: #b9a2e9; }

/* Clone import and edit dialogs. */
:root[data-theme="light"] .clone-modal .clone-modal-form :is(input:not([type="checkbox"]), select, textarea) { background: #ffffff; border-color: #cdd6e3; color: var(--text-main); color-scheme: light; }
:root[data-theme="light"] .clone-modal .clone-modal-form :is(input, textarea)::placeholder { color: #65758b; }
:root[data-theme="light"] .clone-modal .clone-modal-form :is(input:not([type="checkbox"]), select, textarea):focus { border-color: #8058d8; box-shadow: 0 0 0 3px rgba(128, 88, 216, .15); }
:root[data-theme="light"] .clone-modal .clone-modal-form .clone-bm-toggle { background: #f7f9fc; border-color: var(--border-color); }
:root[data-theme="light"] .clone-modal .clone-proxy-pool { background: #f7f9fc; border-color: var(--border-color); }
:root[data-theme="light"] .clone-modal .clone-proxy-remove-option { background: #fff8ed; border-color: #efcc91; color: #915400 !important; }

@media (max-width: 560px) {
    .client-user-dropdown:has(.appearance-settings-panel) { right: -6px; }
}