/* Screen-only palette shared with Baan Sure Quotation. Status colors stay local. */
@media screen {
    html.bkg-ui[data-bkg-theme="dark"],
    html.bkg-ui[data-bkg-theme="dark"] body.bkg-ui-ready {
        color-scheme: dark;
        --bkg-page: #0f172a;
        --bkg-panel: #111c32;
        --bkg-inset: #0f172a;
        --bkg-hover: #192b45;
        --bkg-line: rgba(255, 255, 255, .12);
        --bkg-text: #dee2e6;
        --bkg-muted: #94a3b8;
        --bs-body-bg: var(--bkg-page);
        --bs-body-bg-rgb: 15, 23, 42;
        --bs-body-color: var(--bkg-text);
        --bs-body-color-rgb: 222, 226, 230;
        --bs-secondary-bg: var(--bkg-panel);
        --bs-secondary-bg-rgb: 17, 28, 50;
        --bs-tertiary-bg: var(--bkg-panel);
        --bs-tertiary-bg-rgb: 17, 28, 50;
        --bs-border-color: var(--bkg-line);
        --bkg-ui-surface: var(--bkg-page);
        --bkg-ui-elevated: var(--bkg-panel);
        --bkg-ui-text: var(--bkg-text);
        --bkg-ui-muted: var(--bkg-muted);
        --bkg-ui-border: var(--bkg-line);
        /* Existing modules use these names for the same neutral surfaces. */
        --primary-bg: var(--bkg-page);
        --page-bg: var(--bkg-page);
        --bg: var(--bkg-page);
        --bg-color: var(--bkg-page);
        --bg-body: var(--bkg-page);
        --bg-grad: var(--bkg-page);
        --card: var(--bkg-panel);
        --card-bg: var(--bkg-panel);
        --card-color: var(--bkg-panel);
        --bg-card: var(--bkg-panel);
        --panel: var(--bkg-panel);
        --panel-bg: var(--bkg-panel);
        --glass: var(--bkg-panel);
        --filter-bg: var(--bkg-panel);
        --modal-bg: var(--bkg-panel);
        --popup-bg: var(--bkg-panel);
        --input-bg: var(--bkg-inset);
        --bg-input: var(--bkg-inset);
        --control-bg: var(--bkg-inset);
        --conversation-bg: var(--bkg-panel);
        --soft-bg: var(--bkg-inset);
        --header-bg: var(--bkg-panel);
        --th-bg: var(--bkg-panel);
        --table-head-bg: var(--bkg-panel);
        --border: var(--bkg-line);
        --border-color: var(--bkg-line);
        --card-border: var(--bkg-line);
        --line: var(--bkg-line);
        --text-main: var(--bkg-text);
        --text: var(--bkg-text);
        --ink: var(--bkg-text);
        --muted: var(--bkg-muted);
    }

    html.bkg-ui[data-bkg-theme="dark"] body.bkg-ui-ready {
        background: var(--bkg-page) !important;
        color: var(--bkg-text);
    }

    html.bkg-ui[data-bkg-theme="dark"] body.bkg-ui-ready :is(
        .glass-card, .glass-panel, .card, .card-x, .card2, .panel, .list-panel,
        .hero, .filters, .filter-bar, .table-container, .upload-area,
        .modal-content, .custom-modal-content, .cute-modal-content, .modal-card,
        .swal2-popup, .offcanvas, .popover, .dropdown-menu, .dropdown-menu-custom,
        .dropdown-list, .select-dropdown, .select2-dropdown, .choices__list--dropdown
    ):not(.bg-primary, .bg-success, .bg-warning, .bg-danger, .bg-info, [class*="text-bg-"], .score-card, [data-bkg-colors="preserve"]) {
        background-color: var(--bkg-panel) !important;
        background-image: none !important;
        color: var(--bkg-text);
    }

    html.bkg-ui[data-bkg-theme="dark"] body.bkg-ui-ready :is(
        .modal-header, .modal-footer, .card-header, .card-footer,
        .bg-body-secondary, .bg-body-tertiary, .bg-box-adaptive
    ):not(.bg-primary, .bg-success, .bg-warning, .bg-danger, .bg-info) {
        background-color: var(--bkg-panel) !important;
    }

    html.bkg-ui[data-bkg-theme="dark"] body.bkg-ui-ready :is(div, section, main, aside, form):is(.bg-dark, .bg-secondary, .bg-light, .bg-white):not([data-bkg-colors="preserve"]) {
        background-color: var(--bkg-panel) !important;
        color: var(--bkg-text);
    }

    html.bkg-ui[data-bkg-theme="dark"] body.bkg-ui-ready :is(
        .form-control, .form-select, .input-group-text, .bkg-ui-control, .readonly-field
    ):not([type="checkbox"], [type="radio"], [type="range"], [type="color"], .dirty, .bg-primary, .bg-success, .bg-warning, .bg-danger, .bg-info) {
        background-color: var(--bkg-inset) !important;
        color: var(--bkg-text) !important;
    }

    html.bkg-ui[data-bkg-theme="dark"] body.bkg-ui-ready :is(
        .form-control, .form-select, .bkg-ui-control
    ):disabled {
        color: var(--bkg-muted) !important;
    }

    html.bkg-ui[data-bkg-theme="dark"] body.bkg-ui-ready :is(
        .dropdown-menu, .dropdown-menu-custom, .dropdown-item, .dropdown-item-custom,
        .select2-results__option, .choices__item--choice, .swal2-popup
    ) {
        color: var(--bkg-text) !important;
    }

    html.bkg-ui[data-bkg-theme="dark"] body.bkg-ui-ready :is(
        .dropdown-item, .dropdown-item-custom
    ):is(:hover, :focus, .active) {
        background-color: var(--bkg-hover) !important;
    }

    /* Keep semantic table variants, warnings and status rows under module control. */
    html.bkg-ui[data-bkg-theme="dark"] body.bkg-ui-ready :is(.table, .table-dark):not(.table-primary, .table-success, .table-warning, .table-danger, .table-info, .table-secondary) {
        --bs-table-bg: var(--bkg-page);
        --bs-table-color: var(--bkg-text);
        --bs-table-border-color: var(--bkg-line);
        --bs-table-striped-bg: rgba(56, 189, 248, .025);
        --bs-table-striped-color: var(--bkg-text);
        --bs-table-hover-bg: rgba(56, 189, 248, .08);
        --bs-table-hover-color: var(--bkg-text);
        --bs-table-active-bg: rgba(56, 189, 248, .12);
        --bs-table-active-color: var(--bkg-text);
    }
    html.bkg-ui[data-bkg-theme="dark"] body.bkg-ui-ready .table thead.table-dark {
        --bs-table-bg: #212529;
        --bs-table-color: #fff;
    }

    html.bkg-ui[data-bkg-theme="dark"][data-bkg-page="customer_inbox"] :is(.sidebar, .chat-head, .composer) {
        background-color: var(--bkg-panel);
    }
    html.bkg-ui[data-bkg-theme="dark"][data-bkg-page="calendar_bkg"] .fc {
        --fc-page-bg-color: var(--bkg-panel);
        --fc-neutral-bg-color: var(--bkg-panel);
        --fc-border-color: var(--bkg-line);
    }
    html.bkg-ui[data-bkg-theme="dark"][data-bkg-page="service/maid_manage"] .table-responsive {
        background-color: var(--bkg-panel) !important;
    }
    html.bkg-ui[data-bkg-theme="dark"][data-bkg-page="masterplan"] .top-navbar {
        background-color: var(--bkg-panel) !important;
        color: var(--bkg-text);
    }
    html.bkg-ui[data-bkg-theme="dark"][data-bkg-page="masterplan"] .suggestion-box {
        background-color: var(--bkg-panel);
        color: var(--bkg-text);
    }
    html.bkg-ui[data-bkg-theme="dark"][data-bkg-page="masterplan"] .suggestion-item:hover {
        background-color: var(--bkg-hover);
    }
    html.bkg-ui[data-bkg-theme="dark"][data-bkg-page="index"] :is(
        .portal-board-create-card, .portal-work-comment-item,
        .portal-ai-vault-item, .portal-home-ai-head
    ) {
        background-color: var(--bkg-panel);
    }

    /* Financial was light-only. Preserve inputs, totals and positive/negative meaning. */
    html.bkg-ui[data-bkg-theme="dark"][data-bkg-page^="financial/"] {
        --ink-2: #dee2e6;
        --ink-3: #cbd5e1;
        --line-2: #334155;
        --brand-soft: #142e48;
        --pos-soft: #12392f;
        --neg-soft: #40202a;
        --warn-soft: #3d311c;
    }
    html.bkg-ui[data-bkg-theme="dark"][data-bkg-page^="financial/"] body {
        --input-bg: #3d311c;
    }
    html.bkg-ui[data-bkg-theme="dark"][data-bkg-page^="financial/"] :is(
        .fin-map-side, .fin-map-note, .fin-bubble-settings, .fin-form-box,
        .target-map-frame-wrap, .target-map-frame, .list-filter-box,
        .unit-filter-pop, .proj-mobile-menu, .cr-section-note, .cf-formula-box,
        .fund-modal-section, .fund-modal-check, .primary-plan-option, .bkg-saving-box
    ) {
        background-color: var(--bkg-panel);
        color: var(--bkg-text);
    }
    html.bkg-ui[data-bkg-theme="dark"][data-bkg-page^="financial/"] body.bkg-ui-ready .list-filter-box input.list-filter-input {
        background-color: transparent !important;
    }
    html.bkg-ui[data-bkg-theme="dark"][data-bkg-page^="financial/"] :is(.arin-nav, .arin-links) {
        background: var(--bkg-panel);
    }
    html.bkg-ui[data-bkg-theme="dark"][data-bkg-page^="financial/"] :is(.btn2:not(.pri, .danger, .export-excel), .fs-btn, .unit-filter-btn, .cf-formula-toolbar button) {
        background-color: var(--bkg-panel);
        color: var(--bkg-text);
    }
    html.bkg-ui[data-bkg-theme="dark"][data-bkg-page^="financial/"] :is(.card2-h h2 i, .fin-map-side h3, .fin-bubble-title, .unit-filter-title, .fin-bubble) {
        color: #7dd3fc;
    }
    html.bkg-ui[data-bkg-theme="dark"][data-bkg-page^="financial/"] .fin-bubble {
        background-color: var(--bkg-panel);
    }
    html.bkg-ui[data-bkg-theme="dark"][data-bkg-page^="financial/"] table.t2 :is(th, td) {
        background-color: var(--bkg-page);
    }
    html.bkg-ui[data-bkg-theme="dark"][data-bkg-page^="financial/"] table.t2 :is(thead th, tfoot td) {
        background-color: var(--bkg-panel);
        color: var(--bkg-text);
    }
    html.bkg-ui[data-bkg-theme="dark"][data-bkg-page^="financial/"] table.t2 tbody tr:hover td {
        background-color: var(--bkg-hover);
    }
    html.bkg-ui[data-bkg-theme="dark"][data-bkg-page^="financial/"] .target-table :is(.target-sale-head, .target-sale-col, .target-month-col) {
        background-color: #142e48;
        color: #7dd3fc;
    }
    html.bkg-ui[data-bkg-theme="dark"][data-bkg-page^="financial/"] .target-table :is(.target-const-head, .target-const-col) {
        background-color: #3d311c;
        color: #f2c75c;
    }
    html.bkg-ui[data-bkg-theme="dark"][data-bkg-page^="financial/"] table.cf :is(th, td) {
        background-color: var(--bkg-page);
    }
    html.bkg-ui[data-bkg-theme="dark"][data-bkg-page^="financial/"] table.cf :is(thead th, .sum-row td, .emph td, td.total) {
        background: var(--bkg-panel) !important;
    }
    html.bkg-ui[data-bkg-theme="dark"][data-bkg-page^="financial/"] table.cf :is(.head-row, .unit-detail-section) td {
        background: #142e48;
        color: #7dd3fc;
    }
    html.bkg-ui[data-bkg-theme="dark"][data-bkg-page^="financial/"] table.cf :is(.unit-detail-row, .unit-component-row) td {
        background-color: #29281f;
        color: #f2c75c;
    }
    html.bkg-ui[data-bkg-theme="dark"][data-bkg-page^="financial/"] table.cf td.cell-in:not(.saving) {
        background-color: #3d311c;
        color: var(--bkg-text);
    }
    html.bkg-ui[data-bkg-theme="dark"][data-bkg-page^="financial/"] .ro td.cell-in {
        background-color: var(--bkg-panel) !important;
        color: var(--bkg-muted);
    }
    html.bkg-ui[data-bkg-theme="dark"][data-bkg-page^="financial/"] table.cf td.cell-in.saving {
        background-color: #164e63;
        color: var(--bkg-text);
    }
    html.bkg-ui[data-bkg-theme="dark"][data-bkg-page^="financial/"] :is(.alert2.ok, .num.pos) { color: #6ee7b7; }
    html.bkg-ui[data-bkg-theme="dark"][data-bkg-page^="financial/"] :is(.alert2.bad, .num.neg) { color: #fda4af; }
    html.bkg-ui[data-bkg-theme="dark"][data-bkg-page^="financial/"] .alert2.warn { color: #f2c75c; }
    html.bkg-ui[data-bkg-theme="dark"][data-bkg-page^="financial/"] .alert2.info { color: #7dd3fc; }
}

/* Soft light palette: warm cream layers instead of pure #fff, shared by the Portal and every iframe page. */
@media screen {
    html.bkg-ui[data-bkg-theme="light"],
    html.bkg-ui[data-bkg-theme="light"] body.bkg-ui-ready {
        color-scheme: light;
        --bkg-page: #e8e3d9;
        --bkg-panel: #f5f1ea;
        --bkg-inset: #eee9e0;
        --bkg-input: #faf8f4;
        --bkg-hover: #e9e2d6;
        --bkg-line: #dcd4c6;
        --bkg-text: #1e293b;
        --bkg-muted: #6b6457;
        --bs-body-bg: var(--bkg-page);
        --bs-body-bg-rgb: 232, 227, 217;
        --bs-body-color: var(--bkg-text);
        --bs-body-color-rgb: 30, 41, 59;
        --bs-secondary-bg: var(--bkg-inset);
        --bs-secondary-bg-rgb: 238, 233, 224;
        --bs-tertiary-bg: var(--bkg-panel);
        --bs-tertiary-bg-rgb: 245, 241, 234;
        --bs-border-color: var(--bkg-line);
        --bkg-ui-surface: var(--bkg-page);
        --bkg-ui-elevated: var(--bkg-panel);
        --bkg-ui-text: var(--bkg-text);
        --bkg-ui-muted: var(--bkg-muted);
        --bkg-ui-border: var(--bkg-line);
        /* Existing modules use these names for the same neutral surfaces. */
        --primary-bg: var(--bkg-page);
        --page-bg: var(--bkg-page);
        --bg: var(--bkg-page);
        --bg-color: var(--bkg-page);
        --bg-body: var(--bkg-page);
        --card: var(--bkg-panel);
        --card-bg: var(--bkg-panel);
        --card-color: var(--bkg-panel);
        --bg-card: var(--bkg-panel);
        --panel: var(--bkg-panel);
        --panel-bg: var(--bkg-panel);
        --filter-bg: var(--bkg-panel);
        --modal-bg: var(--bkg-panel);
        --popup-bg: var(--bkg-panel);
        --input-bg: var(--bkg-input);
        --bg-input: var(--bkg-input);
        --control-bg: var(--bkg-input);
        --conversation-bg: var(--bkg-panel);
        --soft-bg: var(--bkg-inset);
        --header-bg: var(--bkg-panel);
        --th-bg: var(--bkg-inset);
        --table-head-bg: var(--bkg-inset);
        --border: var(--bkg-line);
        --border-color: var(--bkg-line);
        --card-border: var(--bkg-line);
        --line: var(--bkg-line);
        --text-main: var(--bkg-text);
        --text: var(--bkg-text);
        --ink: var(--bkg-text);
        --muted: var(--bkg-muted);
    }

    html.bkg-ui[data-bkg-theme="light"] body.bkg-ui-ready {
        background-color: var(--bkg-page) !important;
        color: var(--bkg-text);
    }

    /* Only pure-white surfaces are softened; tinted/status cards keep their own colors. */
    html.bkg-ui[data-bkg-theme="light"] body.bkg-ui-ready :is(
        .card, .panel, .glass-card, .glass-panel, .list-panel, .filters, .filter-bar,
        .table-container, .modal-content, .custom-modal-content, .cute-modal-content,
        .modal-card, .swal2-popup, .offcanvas, .popover, .dropdown-menu, .dropdown-menu-custom,
        .dropdown-list, .select-dropdown, .select2-dropdown, .choices__list--dropdown, .bg-white
    ):not(.bg-primary, .bg-success, .bg-warning, .bg-danger, .bg-info, [class*="text-bg-"], .score-card, [data-bkg-colors="preserve"]) {
        background-color: var(--bkg-panel) !important;
        color: var(--bkg-text);
    }

    /* Hardcoded #fff / slate near-white surfaces found at runtime by bkg-ui-system.js. */
    html.bkg-ui[data-bkg-theme="light"] body.bkg-ui-ready .bkg-soft-white {
        background-color: var(--bkg-panel) !important;
    }
    html.bkg-ui[data-bkg-theme="light"] body.bkg-ui-ready .bkg-soft-inset {
        background-color: var(--bkg-inset) !important;
    }

    html.bkg-ui[data-bkg-theme="light"] body.bkg-ui-ready :is(
        .modal-header, .modal-footer, .card-header, .card-footer
    ):not(.bg-primary, .bg-success, .bg-warning, .bg-danger, .bg-info, [class*="text-bg-"], [data-bkg-colors="preserve"]) {
        background-color: var(--bkg-inset) !important;
    }

    html.bkg-ui[data-bkg-theme="light"] body.bkg-ui-ready :is(
        .form-control, .form-select, .input-group-text, .bkg-ui-control
    ):not([type="checkbox"], [type="radio"], [type="range"], [type="color"], .dirty, .bg-primary, .bg-success, .bg-warning, .bg-danger, .bg-info) {
        background-color: var(--bkg-input) !important;
        border-color: var(--bkg-line);
        color: var(--bkg-text) !important;
    }

    html.bkg-ui[data-bkg-theme="light"] body.bkg-ui-ready :is(
        .form-control, .form-select, .bkg-ui-control
    ):is(:disabled, [readonly]) {
        background-color: var(--bkg-inset) !important;
    }

    html.bkg-ui[data-bkg-theme="light"] body.bkg-ui-ready :is(
        .dropdown-item, .dropdown-item-custom
    ):is(:hover, :focus) {
        background-color: var(--bkg-hover) !important;
    }

    html.bkg-ui[data-bkg-theme="light"] body.bkg-ui-ready .table:not(.table-primary, .table-success, .table-warning, .table-danger, .table-info, .table-secondary, .table-dark) {
        --bs-table-bg: var(--bkg-panel);
        --bs-table-color: var(--bkg-text);
        --bs-table-border-color: var(--bkg-line);
        --bs-table-striped-bg: rgba(15, 23, 42, .025);
        --bs-table-striped-color: var(--bkg-text);
        --bs-table-hover-bg: var(--bkg-hover);
        --bs-table-hover-color: var(--bkg-text);
    }

    html.bkg-ui[data-bkg-theme="light"][data-bkg-page="calendar_bkg"] .fc {
        --fc-page-bg-color: var(--bkg-panel);
        --fc-neutral-bg-color: var(--bkg-inset);
        --fc-border-color: var(--bkg-line);
    }

    /* Portal home: calmer header, off-white panels and soft chat bubbles. */
    html.bkg-ui[data-bkg-theme="light"][data-bkg-page="index"] .portal-dashboard-v2 .portal-topbar {
        background: linear-gradient(90deg, #3d82b5, #2f6f9f);
        border-color: #9dbfd9;
        box-shadow: 0 6px 18px rgba(15, 23, 42, .08);
    }
    /* Identity pill uses the cream panel instead of the old sky tint. */
    html.bkg-ui[data-bkg-theme="light"][data-bkg-page="index"] :is(.portal-header-identity-actions, .portal-topbar .user-menu-trigger, .portal-side-user-trigger .user-menu-trigger) {
        background: var(--bkg-panel);
        border-color: var(--bkg-line);
        color: var(--bkg-text);
    }
    /* AI secretary card in the sidebar: cream card with a soft violet accent instead of the full rainbow gradient. */
    html.bkg-ui[data-bkg-theme="light"][data-bkg-page="index"] .portal-home-ai-sidebar-panel .portal-home-ai-fab {
        background: linear-gradient(90deg, rgba(124, 58, 237, .10), rgba(124, 58, 237, 0) 65%), var(--bkg-panel);
        border: 1px solid var(--bkg-line);
        box-shadow: 0 4px 14px rgba(15, 23, 42, .06);
    }
    html.bkg-ui[data-bkg-theme="light"][data-bkg-page="index"] .portal-home-ai-sidebar-panel .portal-home-ai-fab:hover {
        background: linear-gradient(90deg, rgba(124, 58, 237, .16), rgba(124, 58, 237, 0) 70%), var(--bkg-panel);
        box-shadow: 0 6px 18px rgba(15, 23, 42, .09);
    }
    html.bkg-ui[data-bkg-theme="light"][data-bkg-page="index"] .portal-home-ai-sidebar-panel .portal-home-ai-fab::before,
    html.bkg-ui[data-bkg-theme="light"][data-bkg-page="index"] .portal-home-ai-sidebar-panel .portal-home-ai-fab::after {
        display: none;
    }
    html.bkg-ui[data-bkg-theme="light"][data-bkg-page="index"] .portal-home-ai-sidebar-panel .portal-home-ai-fab-icon {
        box-shadow: 0 0 0 2px var(--bkg-panel), 0 0 0 4px #8b5cf6;
    }
    html.bkg-ui[data-bkg-theme="light"][data-bkg-page="index"] .portal-home-ai-sidebar-panel .portal-home-ai-fab-text b {
        color: #4c1d95;
    }
    html.bkg-ui[data-bkg-theme="light"][data-bkg-page="index"] .portal-home-ai-sidebar-panel :is(.portal-home-ai-fab-text small, .portal-home-ai-fab-caret) {
        color: var(--bkg-muted);
    }
    html.bkg-ui[data-bkg-theme="light"][data-bkg-page="index"] .portal-home-ai-sidebar-panel .portal-home-ai-spark {
        background: #8b5cf6;
        filter: none;
    }
    /* Hamburger sits on the light identity pill, so it needs a dark icon. */
    html.bkg-ui[data-bkg-theme="light"][data-bkg-page="index"] .portal-header-identity-actions .portal-header-menu-button {
        border-color: rgba(15, 23, 42, .14);
    }
    html.bkg-ui[data-bkg-theme="light"][data-bkg-page="index"] .portal-header-identity-actions .portal-header-menu-button .bi-list {
        color: #0f172a;
    }
    html.bkg-ui[data-bkg-theme="light"][data-bkg-page="index"] .portal-dashboard-v2 :is(
        .portal-today-panel, .portal-chat-panel, .portal-module-area, .portal-stat-card
    ) {
        background: var(--bkg-panel) !important;
        border-color: var(--bkg-line) !important;
        box-shadow: 0 4px 14px rgba(15, 23, 42, .05);
    }
    html.bkg-ui[data-bkg-theme="light"][data-bkg-page="index"] .portal-dashboard-v2 .portal-nav-rail {
        background: linear-gradient(180deg, #efe9df, #e5ddd0) !important;
        border-color: #cfc5b4 !important;
        box-shadow: 0 4px 14px rgba(15, 23, 42, .06);
    }
    html.bkg-ui[data-bkg-theme="light"][data-bkg-page="index"] .portal-chat-messages {
        background: var(--bkg-inset);
        border-color: var(--bkg-line);
    }
    html.bkg-ui[data-bkg-theme="light"][data-bkg-page="index"] .portal-chat-msg.mine {
        background: #d9e8f5;
        border: 1px solid #c2d7ea;
        color: #17324d;
    }
    html.bkg-ui[data-bkg-theme="light"][data-bkg-page="index"] .portal-chat-msg.mine .portal-chat-tag-route {
        background: rgba(47, 111, 159, .14);
        color: #1f5a86;
    }
    html.bkg-ui[data-bkg-theme="light"][data-bkg-page="index"] .portal-chat-msg.mine .portal-chat-attachment-card {
        background: rgba(255, 255, 255, .55);
        border-color: #c2d7ea;
    }
    html.bkg-ui[data-bkg-theme="light"][data-bkg-page="index"] .portal-chat-msg.other {
        background: var(--bkg-input);
        border-color: var(--bkg-line);
        color: var(--bkg-text);
    }
    html.bkg-ui[data-bkg-theme="light"][data-bkg-page="index"] .portal-today-item {
        background: var(--bkg-input);
        border-color: var(--bkg-line);
    }
    html.bkg-ui[data-bkg-theme="light"][data-bkg-page="index"] .portal-chat-input-row input {
        background: var(--bkg-input);
        border-color: var(--bkg-line);
    }
}

/* Calendar weekday header: the day name is a nav link, so it picked up the link blue on the blue header. */
@media screen {
    html.bkg-ui[data-bkg-page="calendar_bkg"] .fc .fc-col-header-cell :is(.fc-col-header-cell-cushion, a) {
        color: #fff !important;
        text-decoration: none !important;
    }
}