/* ===== CRM Mobile Cards (clients + subscribers) ===== */

@media (max-width: 1024px) {
    [data-crm-theme-toggle] {
        display: none !important;
    }

    body:is(.model-client, .model-subscriber, .model-user, .model-domain, .model-group, .model-trafficmanager).change-list .js-row-style-toggle {
        display: none !important;
    }

    /* Client top metric chips: keep per-metric color when selected (not generic blue). */
    body.model-client.change-list .client-quality-banner .client-quality-chip.client-quality-chip--metric.crm-state--selected.client-quality-chip--base-danger {
        border-color: #e3aeb8 !important;
        background: linear-gradient(180deg, #fff2f5 0%, #fde3e9 100%) !important;
        color: #8b3d4f !important;
        -webkit-text-fill-color: #8b3d4f !important;
        box-shadow: 0 6px 14px rgba(163, 70, 94, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.88) !important;
    }

    body.model-client.change-list .client-quality-banner .client-quality-chip.client-quality-chip--metric.crm-state--selected.client-quality-chip--base-warning {
        border-color: #e5c896 !important;
        background: linear-gradient(180deg, #fff9ef 0%, #fcebcf 100%) !important;
        color: #8a6123 !important;
        -webkit-text-fill-color: #8a6123 !important;
        box-shadow: 0 6px 14px rgba(162, 116, 42, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
    }

    body.model-client.change-list .client-quality-banner .client-quality-chip.client-quality-chip--metric.crm-state--selected.client-quality-chip--base-success {
        border-color: #9fcfb6 !important;
        background: linear-gradient(180deg, #f0fbf6 0%, #dff4ea 100%) !important;
        color: #2f6e4d !important;
        -webkit-text-fill-color: #2f6e4d !important;
        box-shadow: 0 6px 14px rgba(57, 123, 88, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
    }

    /* Subscriber top metric chips: selected keeps semantic color instead of generic blue. */
    body.model-subscriber.change-list .subscriber-sync-panel .subscriber-sync-chip.subscriber-sync-chip--metric.crm-state--selected.subscriber-sync-chip--base-warning {
        border-color: #e5c896 !important;
        background: linear-gradient(180deg, #fff9ef 0%, #fcebcf 100%) !important;
        color: #8a6123 !important;
        -webkit-text-fill-color: #8a6123 !important;
        box-shadow: 0 6px 14px rgba(162, 116, 42, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
    }

    body.model-subscriber.change-list .subscriber-sync-panel .subscriber-sync-chip.subscriber-sync-chip--metric.crm-state--selected.subscriber-sync-chip--base-success {
        border-color: #9fcfb6 !important;
        background: linear-gradient(180deg, #f0fbf6 0%, #dff4ea 100%) !important;
        color: #2f6e4d !important;
        -webkit-text-fill-color: #2f6e4d !important;
        box-shadow: 0 6px 14px rgba(57, 123, 88, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
    }

    body.model-subscriber.change-list .subscriber-sync-panel a[title*="сегмент"] {
        display: none !important;
    }

    body.model-client.change-list .client-quality-banner > div > span.text-sm {
        display: none !important;
    }

    body.model-client.change-list .client-quality-banner > div,
    body.model-subscriber.change-list .subscriber-sync-panel > div {
        gap: 6px !important;
    }

    body.model-client.change-list .client-quality-banner .flex.flex-wrap,
    body.model-subscriber.change-list .subscriber-sync-panel .subscriber-sync-chips {
        flex-wrap: nowrap !important;
        gap: 6px !important;
        overflow-x: auto !important;
        padding: 1px 1px 5px !important;
        -webkit-overflow-scrolling: touch;
    }

    body.model-client.change-list .client-quality-banner .flex.flex-wrap > span.text-sm {
        flex: 0 0 auto;
        font-size: 11px !important;
    }

    body.model-client.change-list .client-quality-banner .client-quality-chip,
    body.model-subscriber.change-list .subscriber-sync-panel .subscriber-sync-chip {
        flex: 0 0 auto;
        min-height: 32px !important;
        padding: 6px 9px !important;
        white-space: nowrap !important;
    }

    body:is(.model-client, .model-subscriber, .model-user, .model-domain, .model-group, .model-trafficmanager).change-list.crm-mobile-cards-enabled #result_list.crm-mobile-table-hidden {
        display: none !important;
    }

    body:is(.model-client, .model-subscriber, .model-user, .model-domain, .model-group, .model-trafficmanager).change-list.crm-mobile-cards-enabled #changelist-form > div[data-simplebar],
    body:is(.model-client, .model-subscriber, .model-user, .model-domain, .model-group, .model-trafficmanager).change-list.crm-mobile-cards-enabled #changelist-form > div[data-simplebar] .simplebar-wrapper,
    body:is(.model-client, .model-subscriber, .model-user, .model-domain, .model-group, .model-trafficmanager).change-list.crm-mobile-cards-enabled #changelist-form > div[data-simplebar] .simplebar-mask,
    body:is(.model-client, .model-subscriber, .model-user, .model-domain, .model-group, .model-trafficmanager).change-list.crm-mobile-cards-enabled #changelist-form > div[data-simplebar] .simplebar-offset,
    body:is(.model-client, .model-subscriber, .model-user, .model-domain, .model-group, .model-trafficmanager).change-list.crm-mobile-cards-enabled #changelist-form > div[data-simplebar] .simplebar-content-wrapper,
    body:is(.model-client, .model-subscriber, .model-user, .model-domain, .model-group, .model-trafficmanager).change-list.crm-mobile-cards-enabled #changelist-form > div[data-simplebar] .simplebar-content {
        overflow: visible !important;
        min-width: 0 !important;
    }

    body:is(.model-client, .model-subscriber, .model-user, .model-domain, .model-group, .model-trafficmanager).change-list .crm-mobile-card-list {
        display: flex;
        flex-direction: column;
        gap: 12px;
        width: 100%;
        margin: 0;
        padding: 0;
    }

    body:is(.model-client, .model-subscriber, .model-user, .model-domain, .model-group, .model-trafficmanager).change-list .crm-mobile-filter-chips {
        display: flex;
        flex-wrap: nowrap;
        gap: 8px;
        position: sticky;
        top: 8px;
        z-index: 30;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        margin: 0 0 10px;
        padding: 2px 1px 5px;
        background: rgba(247, 252, 255, 0.92);
        backdrop-filter: blur(6px);
    }

    body:is(.model-client, .model-subscriber, .model-user, .model-domain, .model-group, .model-trafficmanager).change-list .crm-mobile-filter-chip {
        flex: 0 0 auto;
        min-height: 34px;
        border-radius: 999px;
        border: 1px solid #c8dced;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(243, 249, 255, 0.90) 100%);
        color: #4b657f;
        font-size: 12px;
        font-weight: 700;
        padding: 0 12px;
        white-space: nowrap;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82);
    }

    body:is(.model-client, .model-subscriber, .model-user, .model-domain, .model-group, .model-trafficmanager).change-list .crm-mobile-filter-chip.is-active {
        border-color: #9dc3ea;
        background: linear-gradient(180deg, #dff1ff 0%, #cfe8ff 100%);
        color: #1f5f9f;
        box-shadow: 0 6px 12px rgba(59, 117, 182, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.86);
    }

    body:is(.model-client, .model-subscriber).change-list .crm-mobile-diagnostics-collapsible .crm-mobile-filter-chips {
        position: static;
        z-index: auto;
        margin: 0 0 7px;
        padding: 0 1px 5px;
        background: transparent;
        backdrop-filter: none;
    }

    body:is(.model-client, .model-subscriber).change-list .crm-mobile-diagnostics-collapsible.is-collapsed .crm-mobile-filter-chips {
        visibility: hidden;
        pointer-events: none;
    }

    body:is(.model-client, .model-subscriber).change-list .crm-mobile-diagnostics-collapsible.is-expanded .crm-mobile-filter-chips {
        visibility: visible;
        pointer-events: auto;
    }

    body:is(.model-client, .model-subscriber, .model-user, .model-domain, .model-group, .model-trafficmanager).change-list .crm-mobile-filter-empty {
        display: none;
        border: 1px dashed #c4d8eb;
        border-radius: 12px;
        background: rgba(246, 252, 255, 0.92);
        color: #5d7b9b;
        font-size: 12px;
        font-weight: 700;
        text-align: center;
        padding: 10px 12px;
        margin-top: -2px;
    }

    body:is(.model-client, .model-subscriber, .model-user, .model-domain, .model-group, .model-trafficmanager).change-list .crm-mobile-card {
        position: relative;
        border: 1.5px solid #c8dbef;
        border-radius: 18px;
        background: linear-gradient(180deg, rgba(253, 255, 255, 0.98) 0%, rgba(241, 248, 255, 0.92) 100%);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.84), 0 6px 16px rgba(27, 56, 92, 0.10);
        overflow: hidden;
    }

    body:is(.model-client, .model-subscriber).change-list .crm-mobile-card.crm-mobile-card--openable {
        cursor: pointer;
    }

    body:is(.model-client, .model-subscriber).change-list .crm-mobile-card::before {
        content: '';
        position: absolute;
        inset: 0 auto 0 0;
        width: 4px;
        background: #b8d2ea;
        pointer-events: none;
    }

    body:is(.model-client, .model-subscriber).change-list .crm-mobile-card--new::before {
        background: #6aa6e8;
    }

    body:is(.model-client, .model-subscriber).change-list .crm-mobile-card--work::before {
        background: #45b681;
    }

    body:is(.model-client, .model-subscriber).change-list .crm-mobile-card--capital::before {
        background: #d79b35;
    }

    body:is(.model-client, .model-subscriber).change-list .crm-mobile-card--warning::before {
        background: #d88b45;
    }

    body:is(.model-client, .model-subscriber).change-list .crm-mobile-card--bot::before {
        background: #9b85d8;
    }

    body:is(.model-client, .model-subscriber).change-list .crm-mobile-card--channel-enigma::before {
        background: #d79b35;
    }

    body:is(.model-client, .model-subscriber).change-list .crm-mobile-card--channel-shark::before {
        background: #2f7fd2;
    }

    body:is(.model-client, .model-subscriber).change-list .crm-mobile-card--channel-cryptolab::before {
        background: #8b6bd6;
    }

    body:is(.model-client, .model-subscriber).change-list .crm-mobile-card--channel-space::before {
        background: #8794a3;
    }

    body:is(.model-client, .model-subscriber, .model-user, .model-domain, .model-group, .model-trafficmanager).change-list .crm-mobile-card.is-selected {
        border-color: #9fc4ea;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 10px 22px rgba(33, 103, 177, 0.18);
    }

    body:is(.model-client, .model-subscriber, .model-user, .model-domain, .model-group, .model-trafficmanager).change-list .crm-mobile-card-row {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 10px;
        padding: 10px 12px;
        border-bottom: 1px solid rgba(151, 184, 218, 0.28);
    }

    body:is(.model-client, .model-subscriber, .model-user, .model-domain, .model-group, .model-trafficmanager).change-list .crm-mobile-card-row:last-child {
        border-bottom: 0;
    }

    body:is(.model-client, .model-subscriber).change-list .crm-mobile-card-row {
        padding: 8px 12px;
    }

    body:is(.model-client, .model-subscriber).change-list .crm-mobile-card-row--full .crm-mobile-card-value {
        justify-content: flex-end;
        width: 100%;
    }

    body:is(.model-client, .model-subscriber).change-list .crm-mobile-card-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0;
        border-bottom: 1px solid rgba(151, 184, 218, 0.28);
    }

    body:is(.model-client, .model-subscriber).change-list .crm-mobile-card-grid-item {
        min-width: 0;
        padding: 8px 10px 8px 12px;
        border-right: 1px solid rgba(151, 184, 218, 0.24);
    }

    body:is(.model-client, .model-subscriber).change-list .crm-mobile-card-grid-item:nth-child(2n) {
        border-right: 0;
    }

    body.model-client.change-list .crm-mobile-card-grid--triple {
        grid-template-columns: minmax(0, 1.35fr) minmax(0, .82fr) minmax(0, .82fr);
    }

    body.model-client.change-list .crm-mobile-card-grid--triple .crm-mobile-card-grid-item {
        padding-left: 8px;
        padding-right: 6px;
    }

    body.model-client.change-list .crm-mobile-card-grid--triple .crm-mobile-card-grid-value {
        font-size: 11px;
        line-height: 1.2;
    }

    body.model-client.change-list .crm-mobile-card-grid--triple .crm-mobile-card-grid-value :is(.geo-chip, .geo-chip-empty) {
        max-width: 100%;
        white-space: normal;
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    body.model-client.change-list .crm-mobile-card-grid--triple .crm-mobile-card-grid-item:nth-child(2n) {
        border-right: 1px solid rgba(151, 184, 218, 0.24);
    }

    body.model-client.change-list .crm-mobile-card-grid--triple .crm-mobile-card-grid-item:nth-child(3n) {
        border-right: 0;
    }

    body:is(.model-client, .model-subscriber).change-list .crm-mobile-card-grid-label {
        margin-bottom: 4px;
        color: #7a96b3;
        font-size: 10px;
        font-weight: 850;
        letter-spacing: 0.02em;
        line-height: 1.15;
        text-transform: uppercase;
    }

    body:is(.model-client, .model-subscriber).change-list .crm-mobile-card-grid-value {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        min-width: 0;
        color: #385574;
        font-size: 12px;
    }

    body:is(.model-client, .model-subscriber).change-list .crm-mobile-card-header {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 10px;
        padding: 12px 12px 11px 16px;
        border-bottom: 1px solid rgba(151, 184, 218, 0.32);
        background: linear-gradient(180deg, rgba(238, 248, 255, 0.9) 0%, rgba(248, 252, 255, 0.72) 100%);
    }

    body:is(.model-client, .model-subscriber).change-list .crm-mobile-card-header__text {
        display: flex;
        flex: 1 1 auto;
        flex-direction: column;
        gap: 5px;
        min-width: 0;
    }

    body:is(.model-client, .model-subscriber).change-list .crm-mobile-card-header__actions {
        display: inline-flex;
        align-items: center;
        justify-content: flex-end;
        flex: 0 0 auto;
        gap: 8px;
    }

    body:is(.model-client, .model-subscriber).change-list .crm-mobile-card-header__title {
        overflow: hidden;
        color: #244767;
        font-size: 15px;
        font-weight: 850;
        line-height: 1.2;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    body:is(.model-client, .model-subscriber).change-list .crm-mobile-card-header__title {
        display: flex;
        align-items: center;
        gap: 6px;
    }

    body:is(.model-client, .model-subscriber).change-list .crm-mobile-card-header__copy {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 24px;
        width: 24px;
        height: 24px;
        border: 0;
        border-radius: 0;
        background: transparent;
        color: #315f91;
        padding: 0;
    }

    body:is(.model-client, .model-subscriber).change-list .crm-mobile-card-header__copy .material-symbols-outlined {
        font-size: 15px;
        line-height: 1;
    }

    body:is(.model-client, .model-subscriber).change-list .crm-mobile-card-header__info {
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap;
        gap: 8px;
        min-width: 0;
        width: 100%;
    }

    body:is(.model-client, .model-subscriber).change-list .crm-mobile-card-header__subtitle {
        overflow: visible;
        color: #6c86a2;
        flex: 1 1 100%;
        font-size: 12px;
        font-weight: 700;
        line-height: 1.25;
        min-width: 0;
        overflow-wrap: anywhere;
        text-overflow: clip;
        white-space: normal;
    }

    body:is(.model-client, .model-subscriber).change-list .crm-mobile-card-header__id {
        display: inline-flex;
        align-items: center;
        flex: 0 0 auto;
        margin-left: 0;
        max-width: 100%;
        width: auto;
    }

    body:is(.model-client, .model-subscriber).change-list .crm-mobile-card-header__meta {
        display: flex;
        flex-wrap: wrap;
        gap: 5px;
    }

    body:is(.model-client, .model-subscriber).change-list .crm-mobile-card-header__badge {
        display: inline-flex;
        justify-content: flex-start;
        max-width: 100%;
        padding: 0;
    }

    body:is(.model-client, .model-subscriber).change-list .crm-mobile-card-header__badge :is(.status-chip, .capital-chip, .channel-chip) {
        min-height: 26px !important;
        height: 26px !important;
        font-size: 11px !important;
    }

    body:is(.model-client, .model-subscriber).change-list .crm-mobile-card-header__open {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 auto;
        gap: 5px;
        min-height: 32px;
        padding: 0 10px;
        border: 1px solid #b7d1e9;
        border-radius: 9px;
        background: #f7fbff;
        color: #315f91;
        font-size: 12px;
        font-weight: 800;
        line-height: 1;
        text-decoration: none;
    }

    body:is(.model-client, .model-subscriber).change-list .crm-mobile-card-header__open-indicator {
        align-items: center;
        background: rgba(214, 232, 251, 0.95);
        border: 1px solid #b7d1e9;
        border-radius: 999px;
        color: #2d5c90;
        display: inline-flex;
        font-size: 11px;
        font-weight: 900;
        height: 18px;
        justify-content: center;
        line-height: 1;
        min-width: 18px;
        padding: 0 4px;
        transform: translateY(-1px);
    }

    body:is(.model-client, .model-subscriber).change-list .crm-mobile-card-header__actions .crm-mobile-card-checkbox {
        width: 28px;
        height: 28px;
        min-width: 28px;
        border-radius: 9px;
    }

    body:is(.model-client, .model-subscriber).change-list .crm-mobile-card-header__actions .crm-mobile-card-checkbox:checked::after {
        left: 8px;
        top: 4px;
    }

    body:is(.model-client, .model-subscriber).change-list .crm-mobile-card-actions {
        display: flex;
        gap: 6px;
        overflow-x: auto;
        padding: 8px 12px 8px 16px;
        border-bottom: 1px solid rgba(151, 184, 218, 0.28);
        background: rgba(249, 252, 255, 0.78);
        -webkit-overflow-scrolling: touch;
    }

    body:is(.model-client, .model-subscriber).change-list .crm-mobile-card-action {
        flex: 0 0 auto;
        min-height: 30px;
        border: 1px solid #bfd6ed;
        border-radius: 9px;
        background: linear-gradient(180deg, #ffffff 0%, #edf6ff 100%);
        color: #365f8b;
        font-size: 11px;
        font-weight: 800;
        line-height: 1;
        padding: 0 9px;
        white-space: nowrap;
    }

    body:is(.model-client, .model-subscriber).change-list .crm-mobile-card-action:active {
        background: #deebf8;
    }

    body:is(.model-client, .model-subscriber).change-list .crm-mobile-search-hit {
        border-radius: 5px;
        background: #fff2a8;
        color: inherit;
        padding: 0 2px;
    }

    body:is(.model-client, .model-subscriber, .model-user, .model-domain, .model-group, .model-trafficmanager).change-list .crm-mobile-card-label {
        flex: 0 0 98px;
        max-width: 98px;
        font-size: 11px;
        line-height: 1.2;
        font-weight: 800;
        letter-spacing: 0.02em;
        text-transform: uppercase;
        color: #7a96b3;
        padding-top: 2px;
    }

    body:is(.model-client, .model-subscriber, .model-user, .model-domain, .model-group, .model-trafficmanager).change-list .crm-mobile-card-value {
        flex: 1 1 auto;
        min-width: 0;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        gap: 6px;
        color: #385574;
        font-size: 13px;
    }

    body:is(.model-client, .model-subscriber, .model-user, .model-domain, .model-group, .model-trafficmanager).change-list .crm-mobile-card-value > * {
        max-width: 100%;
        min-width: 0;
    }

    body:is(.model-client, .model-subscriber).change-list .crm-mobile-card-grid-value {
        justify-content: flex-start;
        font-size: 12px;
    }

    body:is(.model-client, .model-subscriber, .model-user, .model-domain, .model-group, .model-trafficmanager).change-list .crm-mobile-card-checkbox {
        appearance: none;
        -webkit-appearance: none;
        width: 24px;
        height: 24px;
        border-radius: 8px;
        border: 1.5px solid #a7c4e2;
        background: #f5faff;
        position: relative;
        cursor: pointer;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
    }

    body:is(.model-client, .model-subscriber, .model-user, .model-domain, .model-group, .model-trafficmanager).change-list .crm-mobile-card-checkbox:checked {
        background: linear-gradient(180deg, #4696e8 0%, #2f7fd2 100%);
        border-color: #2f7fd2;
    }

    body:is(.model-client, .model-subscriber, .model-user, .model-domain, .model-group, .model-trafficmanager).change-list .crm-mobile-card-checkbox:checked::after {
        content: '';
        position: absolute;
        left: 7px;
        top: 3px;
        width: 7px;
        height: 12px;
        border: solid #fff;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
    }

    body:is(.model-client, .model-subscriber, .model-user, .model-domain, .model-group, .model-trafficmanager).change-list .crm-mobile-card-row--check .crm-mobile-card-value {
        justify-content: flex-end;
        gap: 8px;
    }

    body:is(.model-client, .model-subscriber).change-list .crm-mobile-open-mini {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 5px;
        min-height: 28px;
        padding: 0 8px;
        border-radius: 8px;
        border: 1px solid #b7d1e9;
        background: linear-gradient(180deg, #f7fbff 0%, #e8f2fb 100%);
        color: #4d6f93;
        font-size: 11px;
        font-weight: 700;
        line-height: 1;
        text-decoration: none;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.88), 0 1px 3px rgba(61, 104, 148, 0.12);
        white-space: nowrap;
    }

    body:is(.model-client, .model-subscriber).change-list .crm-mobile-open-mini:active {
        background: #deebf8;
    }

    body:is(.model-client, .model-subscriber).change-list .crm-mobile-open-mini__icon {
        font-size: 13px;
        font-weight: 900;
        line-height: 1;
    }

    body:is(.model-client, .model-subscriber).change-list .crm-mobile-open-mini__text {
        font-size: 11px;
        font-weight: 600;
        line-height: 1.15;
        letter-spacing: 0;
        text-transform: none;
    }

    body:is(.model-client, .model-subscriber, .model-user, .model-domain, .model-group, .model-trafficmanager).change-list .crm-mobile-card-value :is(
        .id-chip,
        .user-chip,
        .status-chip,
        .capital-chip,
        .geo-chip,
        .geo-chip-empty,
        .domain-chip,
        .channel-chip,
        .date-chip,
        .date-chip-empty
    ) {
        max-width: 100% !important;
        width: fit-content;
        white-space: normal;
        margin-left: auto;
    }

    body:is(.model-client, .model-subscriber).change-list .crm-mobile-card-row .crm-mobile-card-value .id-chip,
    body:is(.model-client, .model-subscriber).change-list .crm-mobile-card-header__id .id-chip {
        display: inline-flex !important;
        align-items: center;
        gap: 4px;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        color: #244767 !important;
        font-size: 12px !important;
        font-weight: 800 !important;
        line-height: 1 !important;
        margin-left: 0 !important;
        padding: 0 !important;
    }

    body:is(.model-client, .model-subscriber).change-list .crm-mobile-card-row .crm-mobile-card-value .id-chip .js-inline-id-value,
    body:is(.model-client, .model-subscriber).change-list .crm-mobile-card-header__id .id-chip .js-inline-id-value {
        color: #244767 !important;
    }

    body:is(.model-client, .model-subscriber).change-list .crm-mobile-card-row .crm-mobile-card-value .id-chip .js-inline-copy-id,
    body:is(.model-client, .model-subscriber).change-list .crm-mobile-card-header__id .id-chip .js-inline-copy-id {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 22px;
        width: 22px;
        min-height: 22px;
        height: 22px;
        border: 0;
        background: transparent;
        color: #244767 !important;
        padding: 0;
    }

    body:is(.model-client, .model-subscriber).change-list .crm-mobile-card-header__id .id-chip .js-inline-copy-id .material-symbols-outlined {
        font-size: 14px;
        line-height: 1;
    }

    body:is(.model-client, .model-subscriber).change-list .crm-mobile-card-row .crm-mobile-card-value .id-chip > span[title],
    body:is(.model-client, .model-subscriber).change-list .crm-mobile-card-header__id .id-chip > span[title] {
        display: none !important;
    }

    body:is(.model-client, .model-subscriber).change-list .crm-mobile-card-grid-value :is(
        .geo-chip,
        .geo-chip-empty,
        .domain-chip,
        .channel-chip,
        .date-chip,
        .date-chip-empty
    ) {
        margin-left: 0;
    }

    body:is(.model-client, .model-subscriber, .model-user, .model-domain, .model-group, .model-trafficmanager).change-list .crm-mobile-card-value .channel-chip {
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    body:is(.model-client, .model-subscriber, .model-user, .model-domain, .model-group, .model-trafficmanager).change-list .crm-mobile-card-value .domain-chip {
        display: inline-flex !important;
        align-items: center;
        gap: 4px;
        max-width: min(100%, 220px) !important;
        min-width: 0 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    body:is(.model-client, .model-subscriber, .model-user, .model-domain, .model-group, .model-trafficmanager).change-list .crm-mobile-card-value .domain-chip :is(.domain-chip-main, .domain-chip-meta) {
        min-width: 0 !important;
        max-width: 100% !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    body.model-client.change-list .crm-mobile-card-row--full .crm-mobile-card-value .domain-chip {
        max-width: 100% !important;
        white-space: normal !important;
    }

    body.model-client.change-list .crm-mobile-card-row--full .crm-mobile-card-value .domain-chip :is(.domain-chip-main, .domain-chip-meta) {
        white-space: normal !important;
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    body:is(.model-client, .model-subscriber, .model-user, .model-domain, .model-group, .model-trafficmanager).change-list .crm-mobile-card-value .js-inline-comment .comment {
        display: block;
        max-width: 100%;
        text-align: right;
    }

    body:is(.model-client, .model-subscriber, .model-user, .model-domain, .model-group, .model-trafficmanager).change-list.crm-mobile-quickbar-enabled #main,
    body:is(.model-client, .model-subscriber, .model-user, .model-domain, .model-group, .model-trafficmanager).change-list.crm-mobile-quickbar-enabled #content,
    body:is(.model-client, .model-subscriber, .model-user, .model-domain, .model-group, .model-trafficmanager).change-list.crm-mobile-quickbar-enabled #content-main {
        padding-bottom: max(84px, calc(84px + env(safe-area-inset-bottom))) !important;
    }

    body:is(.model-client, .model-subscriber, .model-user, .model-domain, .model-group, .model-trafficmanager).change-list .crm-mobile-quick-bar {
        position: fixed;
        left: 10px;
        right: 10px;
        bottom: calc(10px + env(safe-area-inset-bottom));
        z-index: 120;
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
        padding: 10px;
        border: 1px solid rgba(157, 195, 234, 0.58);
        border-radius: 16px;
        background: linear-gradient(180deg, rgba(250, 253, 255, 0.72) 0%, rgba(239, 248, 255, 0.64) 100%);
        box-shadow: 0 8px 18px rgba(32, 67, 106, 0.10);
        backdrop-filter: blur(12px);
    }

    body:is(.model-client, .model-subscriber, .model-user, .model-domain, .model-group, .model-trafficmanager).change-list.crm-mobile-has-selection .crm-mobile-quick-bar {
        display: none !important;
    }

    body:is(.model-client, .model-subscriber, .model-user, .model-domain, .model-group, .model-trafficmanager).change-list:has(#result_list input.action-select:checked) .crm-mobile-quick-bar,
    body:is(.model-client, .model-subscriber, .model-user, .model-domain, .model-group, .model-trafficmanager).change-list:has(#result_list input[name="_selected_action"]:checked) .crm-mobile-quick-bar {
        display: none !important;
    }

    body:is(.model-client, .model-subscriber, .model-user, .model-domain, .model-group, .model-trafficmanager).change-list .crm-bulk-actions-rail {
        z-index: 170 !important;
    }

    body:is(.model-client, .model-subscriber, .model-user, .model-domain, .model-group, .model-trafficmanager).change-list .crm-mobile-quick-selected {
        grid-column: 1 / -1;
        font-size: 11px;
        font-weight: 700;
        color: #5f7f9f;
        text-align: center;
        letter-spacing: 0.01em;
    }

    body:is(.model-client, .model-subscriber, .model-user, .model-domain, .model-group, .model-trafficmanager).change-list .crm-mobile-quick-btn {
        min-height: 40px;
        border-radius: 11px;
        border: 1px solid rgba(157, 195, 234, 0.54);
        background: rgba(255, 255, 255, 0.48);
        color: rgba(51, 93, 140, 0.86);
        font-size: 13px;
        font-weight: 700;
        line-height: 1;
        padding: 8px 10px;
        cursor: pointer;
        transition: border-color .15s ease, color .15s ease, background .15s ease, box-shadow .15s ease;
    }

    body:is(.model-client, .model-subscriber, .model-user, .model-domain, .model-group, .model-trafficmanager).change-list .crm-mobile-quick-btn:active {
        background: rgba(234, 244, 255, 0.78);
        box-shadow: inset 0 1px 4px rgba(47, 101, 156, 0.10);
    }

    body:is(.model-client, .model-subscriber, .model-user, .model-domain, .model-group, .model-trafficmanager).change-list .crm-mobile-quick-btn--danger {
        border-color: rgba(157, 195, 234, 0.54);
        color: rgba(51, 93, 140, 0.86);
        background: rgba(255, 255, 255, 0.48);
    }

    body:is(.model-client, .model-subscriber, .model-user, .model-domain, .model-group, .model-trafficmanager).change-list .crm-mobile-quick-btn--danger:active {
        background: rgba(234, 244, 255, 0.78);
    }

    body:is(.model-client, .model-subscriber, .model-user, .model-domain, .model-group, .model-trafficmanager).change-list .crm-mobile-quick-btn[disabled] {
        opacity: 0.55;
        cursor: default;
    }

    body:is(.model-client, .model-subscriber, .model-user, .model-domain, .model-group, .model-trafficmanager).change-list .crm-mobile-quick-btn[hidden] {
        display: none !important;
    }

    body:is(.model-client, .model-subscriber).change-list .crm-mobile-diagnostics-collapsible {
        overflow: hidden !important;
    }

    body:is(.model-client, .model-subscriber).change-list .crm-mobile-diagnostics-collapsible.is-collapsed {
        max-height: 44px !important;
    }

    body:is(.model-client, .model-subscriber).change-list .crm-mobile-diagnostics-collapsible.is-expanded {
        max-height: none !important;
    }

    body:is(.model-client, .model-subscriber).change-list .crm-mobile-diagnostics-toggle {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        min-height: 34px;
        margin: 0 0 6px;
        border: 1px solid #bfd6ed;
        border-radius: 10px;
        background: linear-gradient(180deg, #ffffff 0%, #edf6ff 100%);
        color: #365f8b;
        font-size: 12px;
        font-weight: 800;
        line-height: 1.2;
        padding: 0 10px;
        text-align: left;
    }

    body:is(.model-client, .model-subscriber).change-list .crm-mobile-diagnostics-toggle::after {
        content: '⌄';
        flex: 0 0 auto;
        font-size: 15px;
        font-weight: 900;
        margin-left: 8px;
    }

    body:is(.model-client, .model-subscriber).change-list .crm-mobile-diagnostics-collapsible.is-expanded .crm-mobile-diagnostics-toggle::after {
        content: '⌃';
    }

    body:is(.model-client, .model-subscriber, .model-user, .model-domain, .model-group, .model-trafficmanager).change-list .crm-mobile-toast {
        position: fixed;
        left: 50%;
        bottom: calc(96px + env(safe-area-inset-bottom));
        transform: translate(-50%, 10px);
        opacity: 0;
        pointer-events: none;
        z-index: 160;
        border-radius: 999px;
        border: 1px solid #a9c8e7;
        background: linear-gradient(180deg, #dff1ff 0%, #cfe8ff 100%);
        color: #1f5f9f;
        font-size: 12px;
        font-weight: 800;
        white-space: nowrap;
        padding: 8px 14px;
        box-shadow: 0 10px 20px rgba(39, 91, 150, 0.18);
        transition: opacity .16s ease, transform .16s ease;
    }

    body:is(.model-client, .model-subscriber, .model-user, .model-domain, .model-group, .model-trafficmanager).change-list .crm-mobile-toast.is-visible {
        opacity: 1;
        transform: translate(-50%, 0);
    }

    body:is(.model-client, .model-subscriber, .model-user, .model-domain, .model-group, .model-trafficmanager).change-list .crm-mobile-card-value .js-inline-editable,
    body:is(.model-client, .model-subscriber, .model-user, .model-domain, .model-group, .model-trafficmanager).change-list .crm-mobile-card-value .js-inline-comment,
    body:is(.model-client, .model-subscriber, .model-user, .model-domain, .model-group, .model-trafficmanager).change-list .crm-mobile-card-value .js-inline-status,
    body:is(.model-client, .model-subscriber, .model-user, .model-domain, .model-group, .model-trafficmanager).change-list .crm-mobile-card-value .js-inline-deposit {
        min-height: 34px;
        border-radius: 10px;
    }

    body.model-client.change-list .crm-mobile-card-value .js-inline-comment {
        cursor: text;
        border: 1px dashed #c2d7ec;
        background: #f7fbff;
        padding: 4px 8px;
    }

    body:is(.model-client, .model-subscriber, .model-user, .model-domain, .model-group, .model-trafficmanager).change-list .crm-mobile-card-value .js-inline-copy-id,
    body:is(.model-client, .model-subscriber, .model-user, .model-domain, .model-group, .model-trafficmanager).change-list .crm-mobile-card-value .js-inline-copy-username {
        min-width: 30px;
        min-height: 30px;
    }

    /* Mobile density support: apply compact/comfortable to card mode. */
    body:is(.model-client, .model-subscriber, .model-user, .model-domain, .model-group, .model-trafficmanager).change-list.crm-density-compact .crm-mobile-card-row {
        padding: 7px 10px;
        gap: 8px;
    }

    body:is(.model-client, .model-subscriber, .model-user, .model-domain, .model-group, .model-trafficmanager).change-list.crm-density-compact .crm-mobile-card-label {
        flex-basis: 86px;
        max-width: 86px;
        font-size: 10px;
    }

    body:is(.model-client, .model-subscriber, .model-user, .model-domain, .model-group, .model-trafficmanager).change-list.crm-density-compact .crm-mobile-card-value {
        font-size: 12px;
        gap: 5px;
    }

    body:is(.model-client, .model-subscriber, .model-user, .model-domain, .model-group, .model-trafficmanager).change-list.crm-density-compact .crm-mobile-card-value :is(
        .id-chip,
        .user-chip,
        .status-chip,
        .capital-chip,
        .geo-chip,
        .geo-chip-empty,
        .domain-chip,
        .channel-chip,
        .date-chip,
        .date-chip-empty
    ) {
        min-height: 30px !important;
        height: 30px !important;
        font-size: 11px !important;
    }

    body:is(.model-client, .model-subscriber, .model-user, .model-domain, .model-group, .model-trafficmanager).change-list.crm-density-comfortable .crm-mobile-card-row {
        padding: 10px 12px;
        gap: 10px;
    }

    body:is(.model-client, .model-subscriber, .model-user, .model-domain, .model-group, .model-trafficmanager).change-list.crm-density-comfortable .crm-mobile-card-label {
        flex-basis: 98px;
        max-width: 98px;
        font-size: 11px;
    }

    body:is(.model-client, .model-subscriber, .model-user, .model-domain, .model-group, .model-trafficmanager).change-list.crm-density-comfortable .crm-mobile-card-value {
        font-size: 13px;
        gap: 6px;
    }

    body:is(.model-client, .model-subscriber, .model-user, .model-domain, .model-group, .model-trafficmanager).change-list.crm-density-comfortable .crm-mobile-card-value :is(
        .id-chip,
        .user-chip,
        .status-chip,
        .capital-chip,
        .geo-chip,
        .geo-chip-empty,
        .domain-chip,
        .channel-chip,
        .date-chip,
        .date-chip-empty
    ) {
        min-height: 34px !important;
        height: 34px !important;
        font-size: 12px !important;
    }

    body:is(.model-client, .model-subscriber, .model-user, .model-domain, .model-group, .model-trafficmanager).change-list:is(.crm-density-compact, .crm-density-comfortable) .crm-mobile-card-row {
        padding: 10px 12px;
        gap: 10px;
    }

    body:is(.model-client, .model-subscriber, .model-user, .model-domain, .model-group, .model-trafficmanager).change-list:is(.crm-density-compact, .crm-density-comfortable) .crm-mobile-card-label {
        flex-basis: 98px;
        max-width: 98px;
        font-size: 11px;
    }

    body:is(.model-client, .model-subscriber, .model-user, .model-domain, .model-group, .model-trafficmanager).change-list:is(.crm-density-compact, .crm-density-comfortable) .crm-mobile-card-value {
        font-size: 13px;
        gap: 6px;
    }

    body:is(.model-client, .model-subscriber, .model-user, .model-domain, .model-group, .model-trafficmanager).change-list:is(.crm-density-compact, .crm-density-comfortable) .crm-mobile-card-value :is(
        .id-chip,
        .user-chip,
        .status-chip,
        .capital-chip,
        .geo-chip,
        .geo-chip-empty,
        .domain-chip,
        .channel-chip,
        .date-chip,
        .date-chip-empty
    ) {
        min-height: 34px !important;
        height: 34px !important;
        font-size: 12px !important;
    }

    body:is(.model-client, .model-subscriber, .model-user, .model-domain, .model-group, .model-trafficmanager).change-list .crm-mobile-card-details {
        max-height: 0;
        opacity: 0;
        overflow: hidden;
        transition: max-height .18s ease, opacity .15s ease;
    }

    body:is(.model-client, .model-subscriber, .model-user, .model-domain, .model-group, .model-trafficmanager).change-list .crm-mobile-card.is-expanded .crm-mobile-card-details {
        max-height: 1200px;
        opacity: 1;
    }

    body:is(.model-client, .model-subscriber, .model-user, .model-domain, .model-group, .model-trafficmanager).change-list .crm-mobile-card-row--toggle {
        align-items: center;
        background: rgba(233, 244, 255, 0.58);
        padding-top: 8px;
        padding-bottom: 8px;
    }

    body:is(.model-client, .model-subscriber, .model-user, .model-domain, .model-group, .model-trafficmanager).change-list .crm-mobile-card-row--toggle .crm-mobile-card-label {
        flex-basis: 0;
        max-width: 0;
        padding: 0;
    }

    body:is(.model-client, .model-subscriber, .model-user, .model-domain, .model-group, .model-trafficmanager).change-list .crm-mobile-card-toggle {
        min-height: 34px;
        border: 1px solid #bcd5ec;
        border-radius: 9px;
        background: #f7fbff;
        color: #386493;
        font-size: 12px;
        font-weight: 700;
        padding: 7px 10px;
        line-height: 1;
        width: 100%;
        text-align: center;
    }

    body:is(.model-client, .model-subscriber, .model-user, .model-domain, .model-group, .model-trafficmanager).change-list .crm-mobile-card-toggle:active {
        background: #eaf4ff;
    }

    body:is(.model-client, .model-subscriber, .model-user, .model-domain, .model-group, .model-trafficmanager).change-list .crm-mobile-card-toggle[disabled] {
        opacity: 0.65;
        border-color: #c8dced;
        color: #6f8ba8;
    }
}

/* CRM auth user add form: make password authentication radios visibly selectable. */
@media (min-width: 769px) {
    html body.crm-core-theme.model-user.change-form #content-main form .field-usable_password label {
        cursor: pointer !important;
    }

    html body.crm-core-theme.model-user.change-form #content-main form .field-usable_password input[type="radio"] {
        -webkit-appearance: none !important;
        appearance: none !important;
        background: #ffffff !important;
        border: 1px solid #356690 !important;
        border-radius: 999px !important;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.9) !important;
        cursor: pointer !important;
        height: 18px !important;
        min-height: 18px !important;
        min-width: 18px !important;
        width: 18px !important;
    }

    html body.crm-core-theme.model-user.change-form #content-main form .field-usable_password input[type="radio"]:checked {
        background: #2f80ed !important;
        border-color: #2f80ed !important;
        box-shadow: inset 0 0 0 4px #ffffff, 0 0 0 3px rgba(47,128,237,.16) !important;
    }

    html body.crm-core-theme.model-user.change-form #content-main form .field-usable_password input[type="radio"]:focus-visible {
        outline: none !important;
        box-shadow: inset 0 0 0 4px #ffffff, 0 0 0 3px rgba(47,128,237,.24) !important;
    }
}

/* Absolute final: auth permission transfer buttons must not show Django's legacy SVG arrows. */
@media (min-width: 769px) {
    html body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .selector .selector-add,
    html body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .selector .selector-remove,
    html body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .selector .active.selector-add,
    html body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .selector .active.selector-remove,
    html body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .selector .active.selector-add:hover,
    html body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .selector .active.selector-remove:hover,
    html body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .selector .active.selector-add:focus,
    html body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .selector .active.selector-remove:focus {
        background-image: none !important;
        background-position: 9999px 9999px !important;
        background-repeat: no-repeat !important;
        background-size: 0 0 !important;
    }

    html body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .selector .selector-add::before,
    html body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .selector .selector-remove::before {
        border-color: currentColor !important;
        border-style: solid !important;
        border-width: 3px 3px 0 0 !important;
        content: "" !important;
        display: block !important;
        height: 10px !important;
        width: 10px !important;
    }

    html body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .selector .selector-add::before {
        transform: rotate(45deg) translate(-1px, 1px) !important;
    }

    html body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .selector .selector-remove::before {
        transform: rotate(-135deg) translate(-1px, 1px) !important;
    }
}

/* Desktop auth filters: keep the sheet below the header and style it in the light CRM theme. */
@media (min-width: 1025px) {
    html body.crm-core-theme:is(.model-user, .model-group).change-list #changelist-filter {
        align-items: flex-start !important;
        background: rgba(239, 247, 255, 0.66) !important;
        backdrop-filter: blur(8px) !important;
        box-sizing: border-box !important;
        inset: 0 !important;
        padding: 116px 22px 18px !important;
    }

    html body.crm-core-theme:is(.model-user, .model-group).change-list #changelist-filter #changelist-filter-close {
        min-height: calc(100vh - 134px) !important;
    }

    html body.crm-core-theme:is(.model-user, .model-group).change-list #changelist-filter > div:last-child {
        background: linear-gradient(180deg, rgba(253, 255, 255, 0.98) 0%, rgba(244, 250, 255, 0.96) 100%) !important;
        border: 1px solid #c0d6eb !important;
        border-radius: 22px !important;
        box-shadow:
            0 24px 58px rgba(37, 74, 112, 0.16),
            inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
        height: calc(100vh - 134px) !important;
        margin: 0 14px 0 0 !important;
        max-height: calc(100vh - 134px) !important;
        overflow: hidden !important;
        width: min(420px, calc(100vw - 48px)) !important;
    }

    html body.crm-core-theme:is(.model-user, .model-group).change-list #changelist-filter > div:last-child > .grow.h-full.overflow-auto.relative {
        background: transparent !important;
        height: 100% !important;
        overflow: hidden !important;
    }

    html body.crm-core-theme:is(.model-user, .model-group).change-list #changelist-filter :is(form, div).flex.flex-col.h-full {
        background: transparent !important;
        height: 100% !important;
        min-height: 0 !important;
    }

    html body.crm-core-theme:is(.model-user, .model-group).change-list #changelist-filter [data-simplebar],
    html body.crm-core-theme:is(.model-user, .model-group).change-list #changelist-filter .flex.flex-col.grow.gap-4.overflow-auto {
        background: transparent !important;
        min-height: 0 !important;
        overflow: auto !important;
    }

    html body.crm-core-theme:is(.model-user, .model-group).change-list #changelist-filter .flex.flex-col.gap-4.px-3.py-2\.5 {
        gap: 14px !important;
        padding: 16px !important;
    }

    html body.crm-core-theme:is(.model-user, .model-group).change-list #changelist-filter h3 {
        color: #1f4467 !important;
        font-size: 15px !important;
        font-weight: 850 !important;
        letter-spacing: 0 !important;
        line-height: 1.25 !important;
        margin: 0 0 8px !important;
        padding: 0 2px !important;
        text-transform: none !important;
        -webkit-text-fill-color: #1f4467 !important;
    }

    html body.crm-core-theme:is(.model-user, .model-group).change-list #changelist-filter ul {
        background: #ffffff !important;
        border: 1px solid #bdd4ec !important;
        border-radius: 14px !important;
        box-shadow:
            0 8px 20px rgba(38, 78, 116, 0.08),
            inset 0 1px 0 rgba(255, 255, 255, 0.90) !important;
        color: #244565 !important;
        overflow: hidden !important;
        -webkit-text-fill-color: #244565 !important;
    }

    html body.crm-core-theme:is(.model-user, .model-group).change-list #changelist-filter ul.flex {
        display: flex !important;
    }

    html body.crm-core-theme:is(.model-user, .model-group).change-list #changelist-filter ul > li {
        background: transparent !important;
        border-color: #d3e2f0 !important;
        color: #244565 !important;
        min-height: 48px !important;
        -webkit-text-fill-color: #244565 !important;
    }

    html body.crm-core-theme:is(.model-user, .model-group).change-list #changelist-filter ul > li > a {
        align-items: center !important;
        color: #244565 !important;
        display: flex !important;
        font-size: 15px !important;
        font-weight: 650 !important;
        min-height: 48px !important;
        text-decoration: none !important;
        -webkit-text-fill-color: #244565 !important;
    }

    html body.crm-core-theme:is(.model-user, .model-group).change-list #changelist-filter ul.flex > li > a {
        justify-content: center !important;
        padding: 0 10px !important;
        text-align: center !important;
    }

    html body.crm-core-theme:is(.model-user, .model-group).change-list #changelist-filter ul:not(.flex) > li > a {
        justify-content: flex-start !important;
        padding: 0 16px !important;
        text-align: left !important;
    }

    html body.crm-core-theme:is(.model-user, .model-group).change-list #changelist-filter ul > li:hover > a {
        background: #edf7ff !important;
        color: #16598d !important;
        -webkit-text-fill-color: #16598d !important;
    }

    html body.crm-core-theme:is(.model-user, .model-group).change-list #changelist-filter ul > li:is(.font-semibold, .text-primary-600, .dark\:text-primary-500) > a {
        background: linear-gradient(180deg, #eaf5ff 0%, #d7ebff 100%) !important;
        color: #145b91 !important;
        font-weight: 900 !important;
        -webkit-text-fill-color: #145b91 !important;
    }

    html body.crm-core-theme:is(.model-user, .model-group).change-list #changelist-filter > div:last-child > .grow.h-full.overflow-auto.relative > :is(form, div).flex.flex-col.h-full > div:last-child {
        background: linear-gradient(180deg, #f8fbff 0%, #eef7ff 100%) !important;
        border-color: #c4d8ed !important;
        border-top: 1px solid #c4d8ed !important;
        box-shadow: 0 -8px 18px rgba(43, 91, 137, 0.06) !important;
        gap: 10px !important;
        padding: 12px 16px !important;
    }

    html body.crm-core-theme:is(.model-user, .model-group).change-list #changelist-filter :is(
        #changelist-filter-close-btn,
        #changelist-filter-reset-btn,
        #changelist-filter-extra-actions a,
        #changelist-filter-extra-actions button,
        form > div:last-child button,
        form > div:last-child a
    ) {
        background: #ffffff !important;
        border: 1px solid #b7d0e8 !important;
        border-radius: 999px !important;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
        color: #24577f !important;
        font-size: 14px !important;
        font-weight: 850 !important;
        min-height: 40px !important;
        text-decoration: none !important;
        -webkit-text-fill-color: #24577f !important;
    }

    html body.crm-core-theme:is(.model-user, .model-group).change-list #changelist-filter :is(
        #changelist-filter-close-btn,
        #changelist-filter-reset-btn,
        #changelist-filter-extra-actions a,
        #changelist-filter-extra-actions button,
        form > div:last-child button,
        form > div:last-child a
    ):hover {
        background: #eaf5ff !important;
        border-color: #8bb9e3 !important;
        color: #164f83 !important;
        -webkit-text-fill-color: #164f83 !important;
    }
}

/* Desktop Telegram app index: replace the plain model table with CRM-styled rows. */
@media (min-width: 769px) {
    html body.crm-core-theme.app-core:not(.change-list):not(.change-form) #content-main {
        padding: 10px 14px 34px !important;
    }

    html body.crm-core-theme.app-core:not(.change-list):not(.change-form) #content-main div.app-core.module > div {
        background: linear-gradient(180deg, rgba(253, 255, 255, 0.98) 0%, rgba(241, 248, 255, 0.94) 100%) !important;
        border: 1px solid #c4d8ed !important;
        border-radius: 20px !important;
        box-shadow:
            0 16px 38px rgba(37, 74, 112, 0.10),
            inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
        margin: 0 !important;
        padding: 16px !important;
    }

    html body.crm-core-theme.app-core:not(.change-list):not(.change-form) #content-main div.app-core.module table {
        background: transparent !important;
        border: 0 !important;
        border-collapse: separate !important;
        border-spacing: 0 8px !important;
        box-shadow: none !important;
        overflow: visible !important;
        width: 100% !important;
    }

    html body.crm-core-theme.app-core:not(.change-list):not(.change-form) #content-main div.app-core.module caption {
        background: linear-gradient(180deg, #f7fbff 0%, #e7f2ff 100%) !important;
        border: 1px solid #bdd4ec !important;
        border-radius: 999px !important;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
        caption-side: top !important;
        color: #20496f !important;
        display: inline-flex !important;
        font-size: 18px !important;
        font-weight: 850 !important;
        letter-spacing: 0 !important;
        margin: 0 0 12px !important;
        padding: 10px 18px !important;
        text-align: left !important;
        -webkit-text-fill-color: #20496f !important;
    }

    html body.crm-core-theme.app-core:not(.change-list):not(.change-form) #content-main div.app-core.module caption a {
        color: #20496f !important;
        text-decoration: none !important;
        -webkit-text-fill-color: #20496f !important;
    }

    html body.crm-core-theme.app-core:not(.change-list):not(.change-form) #content-main div.app-core.module tr {
        background: transparent !important;
    }

    html body.crm-core-theme.app-core:not(.change-list):not(.change-form) #content-main div.app-core.module tr > :is(th, td) {
        background: #ffffff !important;
        border-color: #c2d8ee !important;
        border-style: solid !important;
        border-width: 1px 0 !important;
        color: #244565 !important;
        min-height: 54px !important;
        padding: 13px 16px !important;
        transition: background-color 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease !important;
        -webkit-text-fill-color: #244565 !important;
    }

    html body.crm-core-theme.app-core:not(.change-list):not(.change-form) #content-main div.app-core.module tr > :is(th, td):first-child {
        border-left-width: 1px !important;
        border-radius: 14px 0 0 14px !important;
    }

    html body.crm-core-theme.app-core:not(.change-list):not(.change-form) #content-main div.app-core.module tr > :is(th, td):last-child {
        border-right-width: 1px !important;
        border-radius: 0 14px 14px 0 !important;
    }

    html body.crm-core-theme.app-core:not(.change-list):not(.change-form) #content-main div.app-core.module tr:hover > :is(th, td) {
        background: linear-gradient(180deg, #f7fbff 0%, #eaf4ff 100%) !important;
        border-color: #91bbe3 !important;
        box-shadow: 0 9px 20px rgba(47, 99, 148, 0.10) !important;
    }

    html body.crm-core-theme.app-core:not(.change-list):not(.change-form) #content-main div.app-core.module th a {
        color: #203f5d !important;
        display: inline-flex !important;
        font-size: 16px !important;
        font-weight: 800 !important;
        line-height: 1.25 !important;
        text-decoration: none !important;
        -webkit-text-fill-color: #203f5d !important;
    }

    html body.crm-core-theme.app-core:not(.change-list):not(.change-form) #content-main div.app-core.module th a:hover {
        color: #15598f !important;
        -webkit-text-fill-color: #15598f !important;
    }

    html body.crm-core-theme.app-core:not(.change-list):not(.change-form) #content-main div.app-core.module td > div {
        gap: 8px !important;
    }

    html body.crm-core-theme.app-core:not(.change-list):not(.change-form) #content-main div.app-core.module :is(.addlink, .js-dashboard-model-toggle) {
        align-items: center !important;
        background: linear-gradient(180deg, #eaf5ff 0%, #d8ecff 100%) !important;
        border: 1px solid #a9cde9 !important;
        border-radius: 999px !important;
        box-shadow:
            0 7px 16px rgba(54, 111, 164, 0.14),
            inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
        color: #1d5d93 !important;
        display: inline-flex !important;
        font-size: 19px !important;
        font-weight: 900 !important;
        height: 34px !important;
        justify-content: center !important;
        line-height: 1 !important;
        text-decoration: none !important;
        width: 34px !important;
        -webkit-text-fill-color: #1d5d93 !important;
    }

    html body.crm-core-theme.app-core:not(.change-list):not(.change-form) #content-main div.app-core.module :is(.addlink, .js-dashboard-model-toggle):hover {
        background: linear-gradient(180deg, #dff1ff 0%, #c9e4ff 100%) !important;
        border-color: #79addb !important;
        color: #124f83 !important;
        -webkit-text-fill-color: #124f83 !important;
    }

    html body.crm-core-theme.app-core:not(.change-list):not(.change-form) #content-main div.app-core.module .js-dashboard-model-visibility-toggle {
        align-items: center !important;
        background: transparent !important;
        border: 0 !important;
        color: #7d9bb8 !important;
        display: inline-flex !important;
        height: 34px !important;
        justify-content: center !important;
        width: 34px !important;
        -webkit-text-fill-color: #7d9bb8 !important;
    }
}

@media (min-width: 769px) {
    html.dark body.crm-core-theme.app-core:not(.change-list):not(.change-form) #content-main div.app-core.module > div,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.app-core:not(.change-list):not(.change-form) #content-main div.app-core.module > div {
        background: linear-gradient(180deg, #17283d 0%, #101b2b 100%) !important;
        border-color: #41658a !important;
        box-shadow:
            0 18px 42px rgba(2, 8, 18, 0.42),
            inset 0 1px 0 rgba(178, 215, 255, 0.10) !important;
    }

    html.dark body.crm-core-theme.app-core:not(.change-list):not(.change-form) #content-main div.app-core.module caption,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.app-core:not(.change-list):not(.change-form) #content-main div.app-core.module caption {
        background: linear-gradient(180deg, #1b314a 0%, #132338 100%) !important;
        border-color: #41658a !important;
        color: #eaf4ff !important;
        -webkit-text-fill-color: #eaf4ff !important;
    }

    html.dark body.crm-core-theme.app-core:not(.change-list):not(.change-form) #content-main div.app-core.module caption a,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.app-core:not(.change-list):not(.change-form) #content-main div.app-core.module caption a {
        color: #eaf4ff !important;
        -webkit-text-fill-color: #eaf4ff !important;
    }

    html.dark body.crm-core-theme.app-core:not(.change-list):not(.change-form) #content-main div.app-core.module tr > :is(th, td),
    html.dark[data-crm-theme="dark"] body.crm-core-theme.app-core:not(.change-list):not(.change-form) #content-main div.app-core.module tr > :is(th, td) {
        background: #101b2b !important;
        border-color: #41658a !important;
        color: #dcecfb !important;
        -webkit-text-fill-color: #dcecfb !important;
    }

    html.dark body.crm-core-theme.app-core:not(.change-list):not(.change-form) #content-main div.app-core.module tr:hover > :is(th, td),
    html.dark[data-crm-theme="dark"] body.crm-core-theme.app-core:not(.change-list):not(.change-form) #content-main div.app-core.module tr:hover > :is(th, td) {
        background: linear-gradient(180deg, #1b314a 0%, #132338 100%) !important;
        border-color: #5f8fbd !important;
        box-shadow: 0 10px 24px rgba(2, 8, 18, 0.30) !important;
    }

    html.dark body.crm-core-theme.app-core:not(.change-list):not(.change-form) #content-main div.app-core.module th a,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.app-core:not(.change-list):not(.change-form) #content-main div.app-core.module th a {
        color: #ecf6ff !important;
        -webkit-text-fill-color: #ecf6ff !important;
    }

    html.dark body.crm-core-theme.app-core:not(.change-list):not(.change-form) #content-main div.app-core.module :is(.addlink, .js-dashboard-model-toggle),
    html.dark[data-crm-theme="dark"] body.crm-core-theme.app-core:not(.change-list):not(.change-form) #content-main div.app-core.module :is(.addlink, .js-dashboard-model-toggle) {
        background: linear-gradient(180deg, #315f91 0%, #234a74 100%) !important;
        border-color: #7eb1df !important;
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
    }
}

/* Desktop auth edit forms: make Unfold tabs read as CRM buttons and soften the table-like rows. */
@media (min-width: 769px) {
    html body.crm-core-theme:is(.model-user, .model-group).change-form #content-main {
        padding: 8px 12px 30px !important;
    }

    html body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form fieldset.module,
    html body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form div[x-data*="activeFieldsetTab"] {
        background: linear-gradient(180deg, rgba(253, 255, 255, 0.98) 0%, rgba(242, 248, 255, 0.96) 100%) !important;
        border: 1px solid #c4d8ed !important;
        border-radius: 18px !important;
        box-shadow:
            0 14px 34px rgba(37, 74, 112, 0.10),
            inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
        color: #244565 !important;
        overflow: hidden !important;
    }

    html body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form fieldset.module > h2,
    html body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form div[x-data*="activeFieldsetTab"] > div:first-child {
        background: linear-gradient(180deg, #f7fbff 0%, #eaf4ff 100%) !important;
        border-bottom: 1px solid rgba(145, 181, 216, 0.55) !important;
        color: #20496f !important;
        font-size: 17px !important;
        font-weight: 850 !important;
        letter-spacing: 0 !important;
        padding: 12px 16px !important;
        -webkit-text-fill-color: #20496f !important;
    }

    html body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form div[x-data*="activeFieldsetTab"] nav {
        align-items: center !important;
        background: rgba(255, 255, 255, 0.76) !important;
        border: 1px solid #bdd4ec !important;
        border-radius: 999px !important;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
        display: inline-flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        gap: 7px !important;
        margin: 0 !important;
        padding: 5px !important;
        width: auto !important;
    }

    html body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form div[x-data*="activeFieldsetTab"] nav > a {
        align-items: center !important;
        background: transparent !important;
        border: 1px solid transparent !important;
        border-radius: 999px !important;
        color: #365f86 !important;
        cursor: pointer !important;
        display: inline-flex !important;
        font-size: 15px !important;
        font-weight: 850 !important;
        min-height: 36px !important;
        padding: 0 15px !important;
        text-decoration: none !important;
        transition: background-color 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease, color 0.16s ease !important;
        -webkit-text-fill-color: #365f86 !important;
    }

    html body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form div[x-data*="activeFieldsetTab"] nav > a:hover {
        background: #e7f2ff !important;
        border-color: #a9c9e8 !important;
        color: #1c527f !important;
        -webkit-text-fill-color: #1c527f !important;
    }

    html body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form div[x-data*="activeFieldsetTab"] nav > a.active {
        background: linear-gradient(180deg, #ffffff 0%, #dff0ff 100%) !important;
        border-color: #83b5e1 !important;
        color: #164f83 !important;
        box-shadow:
            0 7px 16px rgba(57, 111, 162, 0.16),
            inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
        -webkit-text-fill-color: #164f83 !important;
    }

    html body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form :is(fieldset.module, div[x-data*="activeFieldsetTab"]) .form-row {
        background: transparent !important;
        border-color: rgba(145, 181, 216, 0.34) !important;
        border-style: solid !important;
        border-width: 0 0 1px 0 !important;
        padding: 14px 16px !important;
    }

    html body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form :is(fieldset.module, div[x-data*="activeFieldsetTab"]) .form-row:last-child {
        border-bottom: 0 !important;
    }

    html body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form label {
        color: #1f4467 !important;
        font-weight: 850 !important;
        -webkit-text-fill-color: #1f4467 !important;
    }

    html body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form :is(.help, .help li, .readonly) {
        color: #405f7c !important;
        -webkit-text-fill-color: #405f7c !important;
    }

    html body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .readonly {
        background: rgba(255, 255, 255, 0.72) !important;
        border: 1px solid #bed5ec !important;
        border-radius: 12px !important;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.88) !important;
        display: inline-block !important;
        max-width: min(100%, 880px) !important;
        padding: 10px 14px !important;
    }

    html body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form :is(
        input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]),
        select,
        textarea,
        .vTextField,
        .vLargeTextField,
        .select2-selection,
        .selector
    ) {
        background: #ffffff !important;
        border: 1px solid #b7d0e8 !important;
        border-radius: 12px !important;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
        color: #203f5d !important;
        min-height: 44px !important;
        -webkit-text-fill-color: #203f5d !important;
    }

    html body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form :is(
        input:not([type="checkbox"]):not([type="radio"]):focus,
        select:focus,
        textarea:focus,
        .vTextField:focus,
        .vLargeTextField:focus
    ) {
        border-color: #6fa8d8 !important;
        box-shadow:
            0 0 0 3px rgba(111, 168, 216, 0.20),
            inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
        outline: none !important;
    }

    html body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form :is(.selector-available, .selector-chosen) {
        background: rgba(255, 255, 255, 0.76) !important;
        border-color: #c1d7ed !important;
        border-radius: 14px !important;
        overflow: hidden !important;
    }

    html body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .selector {
        align-items: stretch !important;
        background: linear-gradient(180deg, rgba(247, 251, 255, 0.92) 0%, rgba(236, 246, 255, 0.88) 100%) !important;
        border: 1px solid #c4d8ed !important;
        border-radius: 18px !important;
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.92),
            0 12px 28px rgba(38, 78, 116, 0.09) !important;
        gap: 14px !important;
        padding: 14px !important;
    }

    html body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .selector :is(.selector-available, .selector-chosen) {
        background: #ffffff !important;
        border: 1px solid #b9d2ea !important;
        border-radius: 16px !important;
        box-shadow: 0 7px 18px rgba(38, 78, 116, 0.08) !important;
        min-width: 0 !important;
        overflow: hidden !important;
    }

    html body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .selector :is(.selector-available h2, .selector-chosen h2) {
        align-items: center !important;
        background: linear-gradient(180deg, #f4faff 0%, #e3f0fc 100%) !important;
        border: 0 !important;
        border-bottom: 1px solid #bfd6ec !important;
        border-radius: 0 !important;
        color: #234d73 !important;
        display: flex !important;
        font-size: 15px !important;
        font-weight: 850 !important;
        justify-content: flex-start !important;
        min-height: 48px !important;
        padding: 0 16px !important;
        text-align: left !important;
        -webkit-text-fill-color: #234d73 !important;
    }

    html body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .selector .selector-chosen h2 {
        background: linear-gradient(180deg, #edf8f1 0%, #dff2e8 100%) !important;
        border-bottom-color: #b8dac7 !important;
        color: #226143 !important;
        -webkit-text-fill-color: #226143 !important;
    }

    html body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .selector .selector-filter {
        align-items: center !important;
        background: #f8fbff !important;
        border: 0 !important;
        border-bottom: 1px solid #d0e0ef !important;
        color: #6d88a3 !important;
        display: flex !important;
        gap: 8px !important;
        padding: 10px 14px !important;
        -webkit-text-fill-color: #6d88a3 !important;
    }

    html body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .selector .selector-filter label {
        color: #6e8baa !important;
        height: auto !important;
        margin: 0 !important;
        min-width: auto !important;
        width: auto !important;
        -webkit-text-fill-color: #6e8baa !important;
    }

    html body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .selector .selector-filter input {
        background: #ffffff !important;
        border-color: #bdd5ec !important;
        border-radius: 999px !important;
        color: #244565 !important;
        min-height: 36px !important;
        padding: 0 13px !important;
        -webkit-text-fill-color: #244565 !important;
    }

    html body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .selector select {
        background: #fbfdff !important;
        border: 0 !important;
        border-radius: 0 !important;
        color: #203f5d !important;
        font-size: 14px !important;
        line-height: 1.45 !important;
        margin: 0 !important;
        min-height: 268px !important;
        padding: 10px 14px !important;
        -webkit-text-fill-color: #203f5d !important;
    }

    html body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .selector select option {
        border-radius: 8px !important;
        padding: 5px 8px !important;
    }

    html body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .selector ul.selector-chooser {
        align-self: center !important;
        background: linear-gradient(180deg, #f7fbff 0%, #e5f1fc 100%) !important;
        border: 1px solid #b8d2eb !important;
        border-radius: 999px !important;
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.92),
            0 8px 18px rgba(38, 78, 116, 0.10) !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 6px !important;
        margin: 0 !important;
        padding: 6px !important;
        transform: none !important;
        width: auto !important;
    }

    html body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .selector .selector-chooser li {
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    html body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .selector :is(.selector-add, .selector-remove) {
        align-items: center !important;
        background: #ffffff !important;
        background-image: none !important;
        border: 1px solid #b6d0e8 !important;
        border-radius: 999px !important;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
        color: #2b5f91 !important;
        cursor: pointer !important;
        display: inline-flex !important;
        font-size: 0 !important;
        height: 38px !important;
        justify-content: center !important;
        opacity: 0.55 !important;
        overflow: visible !important;
        text-indent: 0 !important;
        width: 38px !important;
        -webkit-text-fill-color: #2b5f91 !important;
    }

    html body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .selector .selector-add::before {
        content: "\203A";
        font-size: 30px;
        font-weight: 900;
        line-height: 1;
    }

    html body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .selector .selector-remove::before {
        content: "\2039";
        font-size: 30px;
        font-weight: 900;
        line-height: 1;
    }

    html body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .selector :is(.active.selector-add, .active.selector-remove) {
        opacity: 1 !important;
    }

    html body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .selector :is(.active.selector-add:hover, .active.selector-remove:hover) {
        background: linear-gradient(180deg, #e9f5ff 0%, #d7ebff 100%) !important;
        background-image: linear-gradient(180deg, #e9f5ff 0%, #d7ebff 100%) !important;
        border-color: #8bb9e3 !important;
        color: #164f83 !important;
        -webkit-text-fill-color: #164f83 !important;
    }

    html body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .selector :is(.selector-chooseall, .selector-clearall),
    html body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .selector .list-footer-display {
        background: #f7fbff !important;
        border-top: 1px solid #d0e0ef !important;
        color: #35658f !important;
        font-size: 14px !important;
        font-weight: 800 !important;
        height: auto !important;
        line-height: 1.2 !important;
        margin: 0 !important;
        min-height: 48px !important;
        padding: 15px 16px !important;
        text-align: center !important;
        text-decoration: none !important;
        -webkit-text-fill-color: #35658f !important;
    }

    html body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .selector .selector-clearall,
    html body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .selector .list-footer-display__clear {
        color: #cc2b3b !important;
        -webkit-text-fill-color: #cc2b3b !important;
    }

    html body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .selector :is(.active.selector-chooseall:hover, .active.selector-clearall:hover),
    html body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .selector .list-footer-display:hover {
        background: #e7f2ff !important;
        color: #164f83 !important;
        -webkit-text-fill-color: #164f83 !important;
    }
}

@media (min-width: 769px) {
    html.dark body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form fieldset.module,
    html.dark body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form div[x-data*="activeFieldsetTab"],
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form fieldset.module,
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form div[x-data*="activeFieldsetTab"] {
        background: linear-gradient(180deg, #17283d 0%, #101b2b 100%) !important;
        border-color: #41658a !important;
        box-shadow:
            0 18px 42px rgba(2, 8, 18, 0.42),
            inset 0 1px 0 rgba(178, 215, 255, 0.10) !important;
        color: #dcecfb !important;
        -webkit-text-fill-color: #dcecfb !important;
    }

    html.dark body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form fieldset.module > h2,
    html.dark body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form div[x-data*="activeFieldsetTab"] > div:first-child,
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form fieldset.module > h2,
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form div[x-data*="activeFieldsetTab"] > div:first-child {
        background: linear-gradient(180deg, #1b314a 0%, #132338 100%) !important;
        border-bottom-color: rgba(116, 154, 200, 0.42) !important;
        color: #eaf4ff !important;
        -webkit-text-fill-color: #eaf4ff !important;
    }

    html.dark body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form div[x-data*="activeFieldsetTab"] nav,
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form div[x-data*="activeFieldsetTab"] nav {
        background: rgba(12, 24, 39, 0.72) !important;
        border-color: #42678e !important;
    }

    html.dark body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form div[x-data*="activeFieldsetTab"] nav > a,
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form div[x-data*="activeFieldsetTab"] nav > a {
        color: #d7e9fa !important;
        -webkit-text-fill-color: #d7e9fa !important;
    }

    html.dark body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form div[x-data*="activeFieldsetTab"] nav > a:hover,
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form div[x-data*="activeFieldsetTab"] nav > a:hover {
        background: rgba(46, 80, 119, 0.76) !important;
        border-color: #5f8fbd !important;
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
    }

    html.dark body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form div[x-data*="activeFieldsetTab"] nav > a.active,
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form div[x-data*="activeFieldsetTab"] nav > a.active {
        background: linear-gradient(180deg, #315f91 0%, #234a74 100%) !important;
        border-color: #7eb1df !important;
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
    }

    html.dark body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form :is(fieldset.module, div[x-data*="activeFieldsetTab"]) .form-row,
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form :is(fieldset.module, div[x-data*="activeFieldsetTab"]) .form-row {
        border-color: rgba(116, 154, 200, 0.34) !important;
    }

    html.dark body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .readonly,
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .readonly {
        background: rgba(11, 23, 37, 0.70) !important;
        border-color: #52799f !important;
    }

    html.dark body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .selector,
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .selector {
        background: linear-gradient(180deg, rgba(23, 40, 61, 0.92) 0%, rgba(16, 27, 43, 0.90) 100%) !important;
        border-color: #41658a !important;
        box-shadow:
            inset 0 1px 0 rgba(178, 215, 255, 0.10),
            0 16px 34px rgba(2, 8, 18, 0.36) !important;
    }

    html.dark body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .selector :is(.selector-available, .selector-chosen),
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .selector :is(.selector-available, .selector-chosen) {
        background: #101b2b !important;
        border-color: #41658a !important;
        box-shadow: 0 10px 24px rgba(2, 8, 18, 0.30) !important;
    }

    html.dark body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .selector :is(.selector-available h2, .selector-chosen h2),
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .selector :is(.selector-available h2, .selector-chosen h2) {
        background: linear-gradient(180deg, #1b314a 0%, #132338 100%) !important;
        border-bottom-color: rgba(116, 154, 200, 0.42) !important;
        color: #eaf4ff !important;
        -webkit-text-fill-color: #eaf4ff !important;
    }

    html.dark body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .selector .selector-chosen h2,
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .selector .selector-chosen h2 {
        background: linear-gradient(180deg, #1d3a34 0%, #132b2b 100%) !important;
        border-bottom-color: rgba(105, 172, 139, 0.42) !important;
        color: #daf7e8 !important;
        -webkit-text-fill-color: #daf7e8 !important;
    }

    html.dark body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .selector :is(.selector-filter, .selector-chooseall, .selector-clearall, .list-footer-display),
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .selector :is(.selector-filter, .selector-chooseall, .selector-clearall, .list-footer-display) {
        background: #132337 !important;
        border-color: rgba(116, 154, 200, 0.36) !important;
        color: #d7e9fa !important;
        -webkit-text-fill-color: #d7e9fa !important;
    }

    html.dark body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .selector :is(select, .selector-filter input),
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .selector :is(select, .selector-filter input) {
        background: #0f1b2a !important;
        border-color: #52799f !important;
        color: #ecf6ff !important;
        -webkit-text-fill-color: #ecf6ff !important;
    }

    html.dark body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .selector ul.selector-chooser,
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .selector ul.selector-chooser {
        background: linear-gradient(180deg, #17283d 0%, #101b2b 100%) !important;
        border-color: #4e739b !important;
    }

    html.dark body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .selector :is(.selector-add, .selector-remove),
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .selector :is(.selector-add, .selector-remove) {
        background: #132337 !important;
        background-image: none !important;
        border-color: #52799f !important;
        color: #d7e9fa !important;
        -webkit-text-fill-color: #d7e9fa !important;
    }

    html.dark body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .selector :is(.active.selector-add:hover, .active.selector-remove:hover),
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .selector :is(.active.selector-add:hover, .active.selector-remove:hover) {
        background: linear-gradient(180deg, #315f91 0%, #234a74 100%) !important;
        background-image: linear-gradient(180deg, #315f91 0%, #234a74 100%) !important;
        border-color: #7eb1df !important;
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
    }
}

/* Desktop auth changelists: make row-selection checkboxes visibly checked. */
@media (min-width: 1025px) {
    html body.crm-core-theme:is(.model-user, .model-group).change-list #result_list :is(input.action-select, #action-toggle),
    html body.crm-core-theme:is(.model-user, .model-group).change-list #result_list thead th.action-checkbox-column input[type="checkbox"],
    html body.crm-core-theme:is(.model-user, .model-group).change-list #result_list tbody td.action-checkbox input[type="checkbox"] {
        appearance: none !important;
        -webkit-appearance: none !important;
        display: inline-block !important;
        width: 20px !important;
        height: 20px !important;
        min-width: 20px !important;
        min-height: 20px !important;
        margin: 0 !important;
        padding: 0 !important;
        border-radius: 6px !important;
        border: 1.5px solid #8fb2d3 !important;
        background: linear-gradient(180deg, #fbfdff 0%, #edf5fd 100%) !important;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.86), 0 1px 3px rgba(42, 76, 112, 0.10) !important;
        cursor: pointer !important;
        position: relative !important;
        vertical-align: middle !important;
    }

    html body.crm-core-theme:is(.model-user, .model-group).change-list #result_list :is(input.action-select, #action-toggle)::after,
    html body.crm-core-theme:is(.model-user, .model-group).change-list #result_list thead th.action-checkbox-column input[type="checkbox"]::after,
    html body.crm-core-theme:is(.model-user, .model-group).change-list #result_list tbody td.action-checkbox input[type="checkbox"]::after {
        content: "" !important;
        position: absolute !important;
        left: 6px !important;
        top: 2px !important;
        width: 5px !important;
        height: 10px !important;
        border: solid #ffffff !important;
        border-width: 0 2px 2px 0 !important;
        opacity: 0 !important;
        transform: rotate(45deg) scale(0.9) !important;
        transition: opacity 0.12s ease, transform 0.12s ease !important;
        display: block !important;
    }

    html body.crm-core-theme:is(.model-user, .model-group).change-list #result_list :is(input.action-select, #action-toggle):checked,
    html body.crm-core-theme:is(.model-user, .model-group).change-list #result_list thead th.action-checkbox-column input[type="checkbox"]:checked,
    html body.crm-core-theme:is(.model-user, .model-group).change-list #result_list tbody td.action-checkbox input[type="checkbox"]:checked {
        border-color: #2f7fd2 !important;
        background: linear-gradient(180deg, #4c9ae4 0%, #347fca 100%) !important;
        box-shadow: 0 0 0 2px rgba(52, 127, 202, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.24) !important;
    }

    html body.crm-core-theme:is(.model-user, .model-group).change-list #result_list :is(input.action-select, #action-toggle):checked::after,
    html body.crm-core-theme:is(.model-user, .model-group).change-list #result_list thead th.action-checkbox-column input[type="checkbox"]:checked::after,
    html body.crm-core-theme:is(.model-user, .model-group).change-list #result_list tbody td.action-checkbox input[type="checkbox"]:checked::after {
        opacity: 1 !important;
        transform: rotate(45deg) scale(1) !important;
    }

    html.dark body.crm-core-theme:is(.model-user, .model-group).change-list #result_list :is(input.action-select, #action-toggle),
    html.dark body.crm-core-theme:is(.model-user, .model-group).change-list #result_list thead th.action-checkbox-column input[type="checkbox"],
    html.dark body.crm-core-theme:is(.model-user, .model-group).change-list #result_list tbody td.action-checkbox input[type="checkbox"] {
        border-color: #4e739b !important;
        background: linear-gradient(180deg, #17283d 0%, #101b2b 100%) !important;
        box-shadow: inset 0 1px 0 rgba(178, 215, 255, 0.14), 0 6px 14px rgba(2, 8, 18, 0.24) !important;
    }

    html.dark body.crm-core-theme:is(.model-user, .model-group).change-list #result_list :is(input.action-select, #action-toggle):checked,
    html.dark body.crm-core-theme:is(.model-user, .model-group).change-list #result_list thead th.action-checkbox-column input[type="checkbox"]:checked,
    html.dark body.crm-core-theme:is(.model-user, .model-group).change-list #result_list tbody td.action-checkbox input[type="checkbox"]:checked {
        border-color: #9cc9f0 !important;
        background: linear-gradient(180deg, #2f628f 0%, #1e4268 100%) !important;
        box-shadow: 0 0 0 1px rgba(156, 201, 240, 0.46), 0 0 18px rgba(47, 98, 143, 0.42), inset 0 1px 0 rgba(230, 246, 255, 0.18) !important;
    }
}

/* Desktop Clients/Subscribers: keep action checkboxes light and immediate. */
@media (min-width: 1025px) {
    html body.crm-core-theme:is(.model-client, .model-subscriber).change-list #result_list :is(input.action-select, #action-toggle),
    html body.crm-core-theme:is(.model-client, .model-subscriber).change-list #result_list thead th.action-checkbox-column input[type="checkbox"],
    html body.crm-core-theme:is(.model-client, .model-subscriber).change-list #result_list tbody td.action-checkbox input[type="checkbox"] {
        appearance: none !important;
        -webkit-appearance: none !important;
        display: inline-block !important;
        width: 20px !important;
        height: 20px !important;
        min-width: 20px !important;
        min-height: 20px !important;
        margin: 0 !important;
        padding: 0 !important;
        border-radius: 6px !important;
        border: 1.5px solid #8fb2d3 !important;
        background: linear-gradient(180deg, #fbfdff 0%, #edf5fd 100%) !important;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.86), 0 1px 3px rgba(42, 76, 112, 0.10) !important;
        cursor: pointer !important;
        font-family: system-ui, sans-serif !important;
        position: relative !important;
        transition: none !important;
        vertical-align: middle !important;
    }

    html body.crm-core-theme:is(.model-client, .model-subscriber).change-list #result_list :is(input.action-select, #action-toggle)::after,
    html body.crm-core-theme:is(.model-client, .model-subscriber).change-list #result_list thead th.action-checkbox-column input[type="checkbox"]::after,
    html body.crm-core-theme:is(.model-client, .model-subscriber).change-list #result_list tbody td.action-checkbox input[type="checkbox"]::after {
        content: "" !important;
        position: absolute !important;
        left: 6px !important;
        top: 2px !important;
        width: 5px !important;
        height: 10px !important;
        border: solid #ffffff !important;
        border-width: 0 2px 2px 0 !important;
        display: block !important;
        opacity: 0 !important;
        transform: rotate(45deg) !important;
        transition: none !important;
    }

    html body.crm-core-theme:is(.model-client, .model-subscriber).change-list #result_list :is(input.action-select, #action-toggle):checked,
    html body.crm-core-theme:is(.model-client, .model-subscriber).change-list #result_list thead th.action-checkbox-column input[type="checkbox"]:checked,
    html body.crm-core-theme:is(.model-client, .model-subscriber).change-list #result_list tbody td.action-checkbox input[type="checkbox"]:checked {
        border-color: #2f7fd2 !important;
        background: linear-gradient(180deg, #4c9ae4 0%, #347fca 100%) !important;
        box-shadow: 0 0 0 2px rgba(52, 127, 202, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.24) !important;
    }

    html body.crm-core-theme:is(.model-client, .model-subscriber).change-list #result_list :is(input.action-select, #action-toggle):checked::after,
    html body.crm-core-theme:is(.model-client, .model-subscriber).change-list #result_list thead th.action-checkbox-column input[type="checkbox"]:checked::after,
    html body.crm-core-theme:is(.model-client, .model-subscriber).change-list #result_list tbody td.action-checkbox input[type="checkbox"]:checked::after {
        opacity: 1 !important;
    }

    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list #result_list :is(input.action-select, #action-toggle),
    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list #result_list thead th.action-checkbox-column input[type="checkbox"],
    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list #result_list tbody td.action-checkbox input[type="checkbox"] {
        border-color: #4e739b !important;
        background: linear-gradient(180deg, #17283d 0%, #101b2b 100%) !important;
        box-shadow: inset 0 1px 0 rgba(178, 215, 255, 0.14), 0 6px 14px rgba(2, 8, 18, 0.24) !important;
    }

    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list #result_list :is(input.action-select, #action-toggle):checked,
    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list #result_list thead th.action-checkbox-column input[type="checkbox"]:checked,
    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list #result_list tbody td.action-checkbox input[type="checkbox"]:checked {
        border-color: #9cc9f0 !important;
        background: linear-gradient(180deg, #2f628f 0%, #1e4268 100%) !important;
        box-shadow: 0 0 0 1px rgba(156, 201, 240, 0.46), 0 0 18px rgba(47, 98, 143, 0.42), inset 0 1px 0 rgba(230, 246, 255, 0.18) !important;
    }
}

/* Absolute final: restore horizontal table scrolling in desktop dark lists. */
@media (min-width: 1025px) {
    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list #changelist-form .results,
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-list #changelist-form .results {
        overflow: visible !important;
    }

    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list #changelist-form > div[data-simplebar],
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-list #changelist-form > div[data-simplebar] {
        overflow-x: auto !important;
        overflow-y: visible !important;
        -webkit-overflow-scrolling: touch !important;
    }

    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list #changelist-form > div[data-simplebar] :is(.simplebar-wrapper, .simplebar-mask, .simplebar-offset),
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-list #changelist-form > div[data-simplebar] :is(.simplebar-wrapper, .simplebar-mask, .simplebar-offset) {
        overflow: visible !important;
    }

    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list #changelist-form > div[data-simplebar] .simplebar-content-wrapper,
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-list #changelist-form > div[data-simplebar] .simplebar-content-wrapper {
        overflow-x: auto !important;
        overflow-y: visible !important;
        -webkit-overflow-scrolling: touch !important;
    }

    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list #changelist-form > div[data-simplebar] .simplebar-content,
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-list #changelist-form > div[data-simplebar] .simplebar-content {
        min-width: max-content !important;
        overflow: visible !important;
    }

    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list #result_list,
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-list #result_list {
        clip-path: none !important;
        min-width: max-content !important;
        overflow: visible !important;
        width: max-content !important;
    }
}

/* Absolute last override: auth permission transfer buttons must never show Django legacy SVG arrows. */
@media (min-width: 769px) {
    html body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .selector .selector-add,
    html body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .selector .selector-remove,
    html body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .selector .active.selector-add,
    html body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .selector .active.selector-remove,
    html body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .selector .active.selector-add:hover,
    html body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .selector .active.selector-remove:hover,
    html body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .selector .active.selector-add:focus,
    html body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .selector .active.selector-remove:focus {
        background-image: none !important;
        background-position: 9999px 9999px !important;
        background-repeat: no-repeat !important;
        background-size: 0 0 !important;
    }

    html body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .selector .selector-add::before,
    html body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .selector .selector-remove::before {
        border-color: currentColor !important;
        border-style: solid !important;
        border-width: 3px 3px 0 0 !important;
        content: "" !important;
        display: block !important;
        height: 10px !important;
        width: 10px !important;
    }

    html body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .selector .selector-add::before {
        transform: rotate(45deg) translate(-1px, 1px) !important;
    }

    html body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .selector .selector-remove::before {
        transform: rotate(-135deg) translate(-1px, 1px) !important;
    }
}

/* Absolute last override: auth permission transfer buttons must never show Django legacy SVG arrows. */
@media (min-width: 769px) {
    html body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .selector .selector-add,
    html body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .selector .selector-remove,
    html body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .selector .active.selector-add,
    html body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .selector .active.selector-remove,
    html body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .selector .active.selector-add:hover,
    html body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .selector .active.selector-remove:hover,
    html body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .selector .active.selector-add:focus,
    html body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .selector .active.selector-remove:focus {
        background-image: none !important;
        background-position: 9999px 9999px !important;
        background-repeat: no-repeat !important;
        background-size: 0 0 !important;
    }

    html body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .selector .selector-add::before,
    html body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .selector .selector-remove::before {
        border-color: currentColor !important;
        border-style: solid !important;
        border-width: 3px 3px 0 0 !important;
        content: "" !important;
        display: block !important;
        height: 10px !important;
        width: 10px !important;
    }

    html body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .selector .selector-add::before {
        transform: rotate(45deg) translate(-1px, 1px) !important;
    }

    html body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .selector .selector-remove::before {
        transform: rotate(-135deg) translate(-1px, 1px) !important;
    }
}

/* Absolute final override: keep Space/Pulse domain chips colored after all desktop/mobile rules. */
body:is(.model-client, .model-subscriber).change-list #result_list td :is(.channel-chip.channel-chip-space, .domain-chip.domain-chip-space, .domain-chip.domain-chip-space.domain-chip-has-meta, .domain-chip.domain-chip-space.domain-chip-meta-channel, .domain-chip.domain-chip-space.domain-chip-meta-bot) {
    border-color: #8fcfcd !important;
    background: linear-gradient(180deg, #eefdfb 0%, #d9f5f2 100%) !important;
    background-color: #d9f5f2 !important;
    background-image: linear-gradient(180deg, #eefdfb 0%, #d9f5f2 100%) !important;
    color: #1d706d !important;
    -webkit-text-fill-color: #1d706d !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78), 0 2px 9px rgba(22, 113, 109, 0.12) !important;
}

body:is(.model-client, .model-subscriber).change-list #result_list td :is(.channel-chip.channel-chip-space, .domain-chip.domain-chip-space, .domain-chip.domain-chip-space.domain-chip-has-meta, .domain-chip.domain-chip-space.domain-chip-meta-channel, .domain-chip.domain-chip-space.domain-chip-meta-bot) :is(span, .domain-chip-main, .domain-chip-meta) {
    color: #1d706d !important;
    -webkit-text-fill-color: #1d706d !important;
}

body:is(.model-client, .model-subscriber).change-list #result_list td :is(.channel-chip.channel-chip-pulse, .domain-chip.domain-chip-pulse, .domain-chip.domain-chip-pulse.domain-chip-has-meta, .domain-chip.domain-chip-pulse.domain-chip-meta-channel, .domain-chip.domain-chip-pulse.domain-chip-meta-bot) {
    border-color: #e2c45f !important;
    background: linear-gradient(180deg, #fff8d8 0%, #ffefab 100%) !important;
    background-color: #ffefab !important;
    background-image: linear-gradient(180deg, #fff8d8 0%, #ffefab 100%) !important;
    color: #7a5c00 !important;
    -webkit-text-fill-color: #7a5c00 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.80), 0 2px 9px rgba(150, 108, 0, 0.13) !important;
}

body:is(.model-client, .model-subscriber).change-list #result_list td :is(.channel-chip.channel-chip-pulse, .domain-chip.domain-chip-pulse, .domain-chip.domain-chip-pulse.domain-chip-has-meta, .domain-chip.domain-chip-pulse.domain-chip-meta-channel, .domain-chip.domain-chip-pulse.domain-chip-meta-bot) :is(span, .domain-chip-main, .domain-chip-meta) {
    color: #7a5c00 !important;
    -webkit-text-fill-color: #7a5c00 !important;
}

/* Absolute final: clients/subscribers dark desktop use one continuous navy workspace. */
@media (min-width: 1025px) {
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-list,
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-list #page,
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-list #main,
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-list #content,
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-list #content-main,
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-list #changelist,
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-list #changelist-form,
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-list #changelist-form .results,
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-list #changelist-form > div[data-simplebar],
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-list #changelist-form > div[data-simplebar] :is(.simplebar-wrapper, .simplebar-mask, .simplebar-offset, .simplebar-content-wrapper, .simplebar-content),
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-list #result_list,
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-list #result_list > tbody,
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-list #result_list > tbody[class],
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-list #result_list > tbody > tr,
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-list #result_list > tbody > tr > :is(th, td),
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-list .crm-changelist-sticky-panel,
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-list .client-quality-banner,
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-list .subscriber-sync-panel,
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-list #toolbar,
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-list #changelist-search {
        background: #0F1724 !important;
        background-color: #0F1724 !important;
        background-image: none !important;
        box-shadow: none !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-list #changelist-search :is(
        form,
        form > div,
        #searchbar,
        input[name="q"],
        input[type="search"],
        input[type="text"],
        #searchbar-submit,
        button#searchbar-submit
    ) {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        box-shadow: none !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-list #changelist-search :is(
        #searchbar-submit::before,
        #searchbar-submit::after,
        button#searchbar-submit::before,
        button#searchbar-submit::after
    ) {
        content: none !important;
        display: none !important;
    }
}

/* Absolute final override: restore semantic colors for top filter/status chips in desktop dark mode. */
@media (min-width: 1025px) {
    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list :is(
        .client-quality-banner .client-quality-chip.crm-state--success,
        .subscriber-sync-panel .subscriber-sync-chip.crm-state--success,
        .client-quality-banner .client-quality-chip.client-quality-chip--base-success,
        .subscriber-sync-panel .subscriber-sync-chip.subscriber-sync-chip--base-success
    ),
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-list :is(
        .client-quality-banner .client-quality-chip.crm-state--success,
        .subscriber-sync-panel .subscriber-sync-chip.crm-state--success,
        .client-quality-banner .client-quality-chip.client-quality-chip--base-success,
        .subscriber-sync-panel .subscriber-sync-chip.subscriber-sync-chip--base-success
    ) {
        background: linear-gradient(180deg, #214B3D 0%, #173328 100%) !important;
        background-color: #173328 !important;
        border-color: #80D6B0 !important;
        color: #D8F7E9 !important;
        -webkit-text-fill-color: #D8F7E9 !important;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
    }

    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list :is(
        .client-quality-banner .client-quality-chip.crm-state--warning,
        .subscriber-sync-panel .subscriber-sync-chip.crm-state--warning,
        .client-quality-banner .client-quality-chip.client-quality-chip--base-warning,
        .subscriber-sync-panel .subscriber-sync-chip.subscriber-sync-chip--base-warning
    ),
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-list :is(
        .client-quality-banner .client-quality-chip.crm-state--warning,
        .subscriber-sync-panel .subscriber-sync-chip.crm-state--warning,
        .client-quality-banner .client-quality-chip.client-quality-chip--base-warning,
        .subscriber-sync-panel .subscriber-sync-chip.subscriber-sync-chip--base-warning
    ) {
        background: linear-gradient(180deg, #614924 0%, #3E2D18 100%) !important;
        background-color: #3E2D18 !important;
        border-color: #E3BA70 !important;
        color: #FFE8B8 !important;
        -webkit-text-fill-color: #FFE8B8 !important;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
    }

    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list :is(
        .client-quality-banner .client-quality-chip.crm-state--danger,
        .client-quality-banner .client-quality-chip.crm-state--danger-soft,
        .subscriber-sync-panel .subscriber-sync-chip.crm-state--danger,
        .subscriber-sync-panel .subscriber-sync-chip.crm-state--danger-soft,
        .subscriber-sync-panel .subscriber-sync-chip.subscriber-sync-chip-problem,
        .client-quality-banner .client-quality-chip.client-quality-chip--base-danger
    ),
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-list :is(
        .client-quality-banner .client-quality-chip.crm-state--danger,
        .client-quality-banner .client-quality-chip.crm-state--danger-soft,
        .subscriber-sync-panel .subscriber-sync-chip.crm-state--danger,
        .subscriber-sync-panel .subscriber-sync-chip.crm-state--danger-soft,
        .subscriber-sync-panel .subscriber-sync-chip.subscriber-sync-chip-problem,
        .client-quality-banner .client-quality-chip.client-quality-chip--base-danger
    ) {
        background: linear-gradient(180deg, #5A2F3A 0%, #3A1F2A 100%) !important;
        background-color: #3A1F2A !important;
        border-color: #D9829D !important;
        color: #FFE4EC !important;
        -webkit-text-fill-color: #FFE4EC !important;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
    }

    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list :is(
        .client-quality-banner .client-quality-chip.crm-state--info,
        .subscriber-sync-panel .subscriber-sync-chip.crm-state--info
    ),
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-list :is(
        .client-quality-banner .client-quality-chip.crm-state--info,
        .subscriber-sync-panel .subscriber-sync-chip.crm-state--info
    ) {
        background: linear-gradient(180deg, #2E5A88 0%, #21446A 100%) !important;
        background-color: #21446A !important;
        border-color: #8DB9EA !important;
        color: #E4F2FF !important;
        -webkit-text-fill-color: #E4F2FF !important;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
    }

    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list :is(
        .client-quality-banner .client-quality-chip.crm-state--selected,
        .subscriber-sync-panel .subscriber-sync-chip.crm-state--selected
    ),
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-list :is(
        .client-quality-banner .client-quality-chip.crm-state--selected,
        .subscriber-sync-panel .subscriber-sync-chip.crm-state--selected
    ) {
        box-shadow:
            0 0 0 1px color-mix(in srgb, currentColor 72%, transparent),
            0 0 22px rgba(141, 185, 234, 0.28),
            inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
    }
}

/* Desktop Domains: keep inline-rendered action/tracking controls readable in dark CRM theme. */
@media (min-width: 1025px) {
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #result_list td.field-domain_actions a,
    html.dark body.crm-core-theme.model-domain.change-list #result_list td.field-domain_actions a {
        border-color: #4f78a2 !important;
        background: linear-gradient(180deg, #223951 0%, #17283d 100%) !important;
        background-color: #17283d !important;
        color: #d9ebff !important;
        -webkit-text-fill-color: #d9ebff !important;
        box-shadow:
            inset 0 1px 0 rgba(232, 245, 255, 0.16),
            0 0 0 1px rgba(79, 120, 162, 0.18) !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #result_list td.field-domain_actions a .material-symbols-outlined,
    html.dark body.crm-core-theme.model-domain.change-list #result_list td.field-domain_actions a .material-symbols-outlined {
        color: #d9ebff !important;
        -webkit-text-fill-color: #d9ebff !important;
        opacity: 1 !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #result_list td.field-domain_actions a:hover,
    html.dark body.crm-core-theme.model-domain.change-list #result_list td.field-domain_actions a:hover {
        border-color: #8bbcea !important;
        background: linear-gradient(180deg, #2f567c 0%, #244362 100%) !important;
        background-color: #244362 !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #result_list td.field-tracking_upload_link .tracking-copy-chip,
    html.dark body.crm-core-theme.model-domain.change-list #result_list td.field-tracking_upload_link .tracking-copy-chip {
        border-color: #3c638d !important;
        background: linear-gradient(180deg, #1f334a 0%, #17283d 100%) !important;
        background-color: #17283d !important;
        color: #dbeafe !important;
        -webkit-text-fill-color: #dbeafe !important;
        box-shadow: inset 0 1px 0 rgba(232, 245, 255, 0.12) !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #result_list td.field-tracking_upload_link .tracking-copy-chip :is(span, .material-symbols-outlined),
    html.dark body.crm-core-theme.model-domain.change-list #result_list td.field-tracking_upload_link .tracking-copy-chip :is(span, .material-symbols-outlined) {
        color: #dbeafe !important;
        -webkit-text-fill-color: #dbeafe !important;
        opacity: 1 !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #result_list td.field-tracking_upload_link .tracking-copy-chip:hover,
    html.dark body.crm-core-theme.model-domain.change-list #result_list td.field-tracking_upload_link .tracking-copy-chip:hover {
        border-color: #78aee0 !important;
        background: linear-gradient(180deg, #2b4c70 0%, #203b58 100%) !important;
        background-color: #203b58 !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #result_list td.field-tracking_health span[title],
    html.dark body.crm-core-theme.model-domain.change-list #result_list td.field-tracking_health span[title] {
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
        font-weight: 900 !important;
        text-shadow: none !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #result_list td.field-backend_mode_toggle select.domain-backend-select:has(option[value="cloak"]:checked),
    html.dark body.crm-core-theme.model-domain.change-list #result_list td.field-backend_mode_toggle select.domain-backend-select:has(option[value="cloak"]:checked) {
        border-color: #2fb66f !important;
        background: #14532d !important;
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
        box-shadow: inset 0 1px 0 rgba(187, 247, 208, 0.16) !important;
    }
}

/* Final mobile layer fix: sidebar above page content, filters and bulk action bars. */
@media (max-width: 1024px) {
    body:not(.login) #page > .relative.z-60,
    body:not(.login) #page > .relative.z-60 > .fixed,
    body:not(.login) #page > .relative.z-60 > .fixed > .relative.z-30,
    body:not(.login) div.bg-base-50.relative.z-30:has(> #nav-sidebar),
    body:not(.login) div[class*="dark:bg-base"]:has(> #nav-sidebar) {
        z-index: 260 !important;
    }

    body:not(.login) #nav-sidebar {
        z-index: 270 !important;
    }
}

/* Final mobile layer fix: sidebar above page content, filters and bulk action bars. */
@media (max-width: 1024px) {
    body:not(.login) #page > .relative.z-60,
    body:not(.login) #page > .relative.z-60 > .fixed,
    body:not(.login) #page > .relative.z-60 > .fixed > .relative.z-30,
    body:not(.login) div.bg-base-50.relative.z-30:has(> #nav-sidebar),
    body:not(.login) div[class*="dark:bg-base"]:has(> #nav-sidebar) {
        z-index: 260 !important;
    }

    body:not(.login) #nav-sidebar {
        z-index: 270 !important;
    }
}

/* Mobile sidebar must sit above page content, sticky bars, filters and bulk actions. */
@media (max-width: 1024px) {
    body:not(.login) #page > .relative.z-60,
    body:not(.login) #page > .relative.z-60 > .fixed,
    body:not(.login) #page > .relative.z-60 > .fixed > .relative.z-30,
    body:not(.login) div.bg-base-50.relative.z-30:has(> #nav-sidebar),
    body:not(.login) div[class*="dark:bg-base"]:has(> #nav-sidebar) {
        z-index: 260 !important;
    }

    body:not(.login) #nav-sidebar {
        z-index: 270 !important;
    }
}

/* Absolute final: Space/Pulse domain and channel chips keep channel colors after meta overrides. */
body:is(.model-client, .model-subscriber).change-list #result_list td :is(.channel-chip.channel-chip-space, .domain-chip.domain-chip-space, .domain-chip.domain-chip-space.domain-chip-has-meta, .domain-chip.domain-chip-space.domain-chip-meta-channel, .domain-chip.domain-chip-space.domain-chip-meta-bot) {
    border-color: #8fcfcd !important;
    background: linear-gradient(180deg, #eefdfb 0%, #d9f5f2 100%) !important;
    background-color: #d9f5f2 !important;
    background-image: linear-gradient(180deg, #eefdfb 0%, #d9f5f2 100%) !important;
    color: #1d706d !important;
    -webkit-text-fill-color: #1d706d !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78), 0 2px 9px rgba(22, 113, 109, 0.12) !important;
}

body:is(.model-client, .model-subscriber).change-list #result_list td :is(.channel-chip.channel-chip-space, .domain-chip.domain-chip-space, .domain-chip.domain-chip-space.domain-chip-has-meta, .domain-chip.domain-chip-space.domain-chip-meta-channel, .domain-chip.domain-chip-space.domain-chip-meta-bot) :is(span, .domain-chip-main, .domain-chip-meta) {
    color: #1d706d !important;
    -webkit-text-fill-color: #1d706d !important;
}

body:is(.model-client, .model-subscriber).change-list #result_list td :is(.channel-chip.channel-chip-pulse, .domain-chip.domain-chip-pulse, .domain-chip.domain-chip-pulse.domain-chip-has-meta, .domain-chip.domain-chip-pulse.domain-chip-meta-channel, .domain-chip.domain-chip-pulse.domain-chip-meta-bot) {
    border-color: #e2c45f !important;
    background: linear-gradient(180deg, #fff8d8 0%, #ffefab 100%) !important;
    background-color: #ffefab !important;
    background-image: linear-gradient(180deg, #fff8d8 0%, #ffefab 100%) !important;
    color: #7a5c00 !important;
    -webkit-text-fill-color: #7a5c00 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.80), 0 2px 9px rgba(150, 108, 0, 0.13) !important;
}

body:is(.model-client, .model-subscriber).change-list #result_list td :is(.channel-chip.channel-chip-pulse, .domain-chip.domain-chip-pulse, .domain-chip.domain-chip-pulse.domain-chip-has-meta, .domain-chip.domain-chip-pulse.domain-chip-meta-channel, .domain-chip.domain-chip-pulse.domain-chip-meta-bot) :is(span, .domain-chip-main, .domain-chip-meta) {
    color: #7a5c00 !important;
    -webkit-text-fill-color: #7a5c00 !important;
}

html.dark body:is(.model-client, .model-subscriber).change-list #result_list td :is(.channel-chip.channel-chip-space, .domain-chip.domain-chip-space, .domain-chip.domain-chip-space.domain-chip-has-meta, .domain-chip.domain-chip-space.domain-chip-meta-channel, .domain-chip.domain-chip-space.domain-chip-meta-bot) {
    border-color: rgba(92, 205, 198, 0.50) !important;
    background: linear-gradient(180deg, rgba(26, 91, 88, 0.50) 0%, rgba(19, 72, 70, 0.56) 100%) !important;
    background-color: rgba(19, 72, 70, 0.56) !important;
    background-image: linear-gradient(180deg, rgba(26, 91, 88, 0.50) 0%, rgba(19, 72, 70, 0.56) 100%) !important;
    color: #a8eee9 !important;
    -webkit-text-fill-color: #a8eee9 !important;
}

html.dark body:is(.model-client, .model-subscriber).change-list #result_list td :is(.channel-chip.channel-chip-space, .domain-chip.domain-chip-space, .domain-chip.domain-chip-space.domain-chip-has-meta, .domain-chip.domain-chip-space.domain-chip-meta-channel, .domain-chip.domain-chip-space.domain-chip-meta-bot) :is(span, .domain-chip-main, .domain-chip-meta) {
    color: #a8eee9 !important;
    -webkit-text-fill-color: #a8eee9 !important;
}

html.dark body:is(.model-client, .model-subscriber).change-list #result_list td :is(.channel-chip.channel-chip-pulse, .domain-chip.domain-chip-pulse, .domain-chip.domain-chip-pulse.domain-chip-has-meta, .domain-chip.domain-chip-pulse.domain-chip-meta-channel, .domain-chip.domain-chip-pulse.domain-chip-meta-bot) {
    border-color: rgba(232, 195, 78, 0.55) !important;
    background: linear-gradient(180deg, rgba(111, 83, 14, 0.52) 0%, rgba(91, 67, 10, 0.58) 100%) !important;
    background-color: rgba(91, 67, 10, 0.58) !important;
    background-image: linear-gradient(180deg, rgba(111, 83, 14, 0.52) 0%, rgba(91, 67, 10, 0.58) 100%) !important;
    color: #ffe8a1 !important;
    -webkit-text-fill-color: #ffe8a1 !important;
}

html.dark body:is(.model-client, .model-subscriber).change-list #result_list td :is(.channel-chip.channel-chip-pulse, .domain-chip.domain-chip-pulse, .domain-chip.domain-chip-pulse.domain-chip-has-meta, .domain-chip.domain-chip-pulse.domain-chip-meta-channel, .domain-chip.domain-chip-pulse.domain-chip-meta-bot) :is(span, .domain-chip-main, .domain-chip-meta) {
    color: #ffe8a1 !important;
    -webkit-text-fill-color: #ffe8a1 !important;
}

/* Absolute final: Subscribers Geo cells without filled rectangle background. */
@media (min-width: 769px) {
    html.dark body.model-subscriber.change-list #result_list td.field-display_geo :is(.geo-chip, .geo-chip.geo-chip-empty),
    html.dark body.crm-core-theme.model-subscriber.change-list #result_list td.field-display_geo :is(.geo-chip, .geo-chip.geo-chip-empty) {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        border-color: transparent !important;
        box-shadow: none !important;
    }
}

/* Desktop dark sidebar: keep the menu scroll area the same navy surface as the panel. */
@media (min-width: 769px) {
    html.dark body:not(.login) #nav-sidebar {
        background: #172334 !important;
        background-color: #172334 !important;
        background-image: linear-gradient(180deg, #172334 0%, #121d2d 100%) !important;
        border-color: #2b4058 !important;
        box-shadow: none !important;
    }

    html.dark body:not(.login) #nav-sidebar-inner,
    html.dark body:not(.login) #nav-sidebar-apps,
    html.dark body:not(.login) #nav-sidebar-apps :is(
        .simplebar-wrapper,
        .simplebar-mask,
        .simplebar-offset,
        .simplebar-content-wrapper,
        .simplebar-content
    ) {
        background: #172334 !important;
        background-color: #172334 !important;
        background-image: none !important;
        box-shadow: none !important;
    }

    html.dark body:not(.login) #nav-sidebar-inner > div.border-b,
    html.dark body:not(.login) #nav-sidebar-inner > div.border-b > div.bg-transparent {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        box-shadow: none !important;
    }
}

/* Absolute final: Subscribers Geo cells without filled rectangle background. */
@media (min-width: 769px) {
    html.dark body.model-subscriber.change-list #result_list td.field-display_geo :is(.geo-chip, .geo-chip.geo-chip-empty),
    html.dark body.crm-core-theme.model-subscriber.change-list #result_list td.field-display_geo :is(.geo-chip, .geo-chip.geo-chip-empty) {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        border-color: transparent !important;
        box-shadow: none !important;
    }
}

/* Subscribers dark table: Geo values should be plain text, without blue rectangle chips. */
@media (min-width: 769px) {
    html.dark body.model-subscriber.change-list #result_list td.field-display_geo :is(.geo-chip, .geo-chip.geo-chip-empty),
    html.dark body.crm-core-theme.model-subscriber.change-list #result_list td.field-display_geo :is(.geo-chip, .geo-chip.geo-chip-empty) {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        border-color: transparent !important;
        box-shadow: none !important;
    }
}

/* Desktop with DevTools/narrow window: collapsed sidebar must not leave a vertical slab. */
@media (min-width: 769px) and (max-width: 1279px) {
    html.dark body:not(.login) #nav-sidebar,
    html.dark body:not(.login) #nav-sidebar-inner,
    html.dark body:not(.login) #nav-sidebar-apps,
    html.dark body:not(.login) #nav-sidebar-apps :is(
        .simplebar-wrapper,
        .simplebar-mask,
        .simplebar-offset,
        .simplebar-content-wrapper,
        .simplebar-content
    ) {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        border-color: transparent !important;
        box-shadow: none !important;
    }
}

/* Mobile search placeholder must fit fully: "Что ищем?" was clipped at the question mark on narrow screens. */
@media (max-width: 768px) {
    html body.crm-core-theme.change-list :is(
        #changelist-search #searchbar,
        #toolbar #searchbar,
        #changelist-search input[name="q"],
        #toolbar input[name="q"],
        #changelist-search input[type="search"],
        #toolbar input[type="search"],
        #changelist-search input[type="text"],
        #toolbar input[type="text"]
    ) {
        font-size: 14px !important;
        letter-spacing: -0.01em !important;
        padding-inline: 6px !important;
    }

    html body.crm-core-theme.change-list :is(
        #changelist-search #searchbar,
        #toolbar #searchbar,
        #changelist-search input[name="q"],
        #toolbar input[name="q"],
        #changelist-search input[type="search"],
        #toolbar input[type="search"],
        #changelist-search input[type="text"],
        #toolbar input[type="text"]
    )::placeholder {
        font-size: 14px !important;
        letter-spacing: -0.01em !important;
    }
}

/* Final color-only dark desktop polish for dashboard, Users and Groups. */
@media (min-width: 1025px) {
    html.dark body.crm-core-theme:is(.crm-dashboard, .model-user, .model-group) {
        background-color: #0F1724 !important;
        color: #D7E2EF !important;
        -webkit-text-fill-color: #D7E2EF !important;
    }

    html.dark body.crm-core-theme.crm-dashboard :is(
        #main,
        #content,
        #content-main,
        .crm-dashboard-layout,
        .crm-dashboard-main,
        .crm-dashboard-side,
        .module
    ),
    html.dark body.crm-core-theme:is(.model-user, .model-group) :is(
        #main,
        #content,
        #content-main,
        #changelist,
        #changelist-form,
        .module,
        .form-row,
        .aligned,
        .submit-row,
        .results,
        .result-list-wrapper,
        .changelist-form-container,
        .simplebar-wrapper,
        .simplebar-mask,
        .simplebar-offset,
        .simplebar-content-wrapper,
        .simplebar-content
    ) {
        background-color: #0F1724 !important;
        background-image: none !important;
        color: #D7E2EF !important;
        -webkit-text-fill-color: #D7E2EF !important;
    }

    html.dark body.crm-core-theme.crm-dashboard :is(
        .bg-white,
        .bg-base-50,
        .bg-gray-50,
        .bg-white\/20,
        .dark\:bg-base-800,
        .dark\:bg-base-900
    ),
    html.dark body.crm-core-theme:is(.model-user, .model-group) :is(
        .bg-white,
        .bg-base-50,
        .bg-gray-50,
        .bg-white\/20,
        .dark\:bg-white\/\[\.02\],
        .dark\:bg-base-800,
        .dark\:bg-base-900
    ) {
        background: linear-gradient(180deg, #17283D 0%, #101B2B 100%) !important;
        background-color: #101B2B !important;
        border-color: #324B68 !important;
        color: #DCEBFB !important;
        -webkit-text-fill-color: #DCEBFB !important;
        box-shadow:
            0 16px 36px rgba(2, 8, 18, 0.28),
            inset 0 1px 0 rgba(178, 215, 255, 0.08) !important;
    }

    html.dark body.crm-core-theme.crm-dashboard :is(
        table,
        caption,
        tr,
        th,
        td
    ),
    html.dark body.crm-core-theme:is(.model-user, .model-group) :is(
        table,
        thead,
        tbody,
        tr,
        th,
        td,
        fieldset,
        .form-row,
        .submit-row
    ) {
        background-color: transparent !important;
        background-image: none !important;
        border-color: rgba(91, 123, 162, 0.34) !important;
        color: #D7E2EF !important;
        -webkit-text-fill-color: #D7E2EF !important;
        box-shadow: none !important;
    }

    html.dark body.crm-core-theme.crm-dashboard tr:is(.model-user, .model-group),
    html.dark body.crm-core-theme:is(.model-user, .model-group).change-list #result_list > tbody > tr > :is(th, td) {
        background: linear-gradient(180deg, #152233 0%, #111B2A 100%) !important;
        background-color: #111B2A !important;
        border-color: rgba(91, 123, 162, 0.34) !important;
        color: #D7E2EF !important;
        -webkit-text-fill-color: #D7E2EF !important;
        box-shadow: none !important;
    }

    html.dark body.crm-core-theme.crm-dashboard tr:is(.model-user, .model-group):hover,
    html.dark body.crm-core-theme:is(.model-user, .model-group).change-list #result_list > tbody > tr:hover > :is(th, td) {
        background: linear-gradient(180deg, #182941 0%, #132238 100%) !important;
        background-color: #132238 !important;
        border-color: rgba(116, 154, 200, 0.48) !important;
        color: #EAF3FF !important;
        -webkit-text-fill-color: #EAF3FF !important;
    }

    html.dark body.crm-core-theme.crm-dashboard :is(
        a,
        caption a,
        th a,
        td a
    ),
    html.dark body.crm-core-theme:is(.model-user, .model-group) :is(
        a,
        label,
        .help,
        .readonly,
        .text-base-500,
        .text-font-default-light,
        .text-font-important-light
    ) {
        color: #DCEBFB !important;
        -webkit-text-fill-color: #DCEBFB !important;
    }

    html.dark body.crm-core-theme.crm-dashboard :is(
        .js-dashboard-model-visibility-toggle,
        .js-dashboard-model-toggle,
        .addlink,
        button,
        .button,
        a.button,
        input[type="submit"],
        input[type="button"]
    ),
    html.dark body.crm-core-theme:is(.model-user, .model-group) :is(
        button,
        .button,
        .button.default,
        a.button,
        input[type="submit"],
        input[type="button"],
        .submit-row input,
        .submit-row button,
        .object-tools a,
        .object-tools button,
        #changelist-filter button,
        #changelist-filter a,
        #changelist-filter-reset-btn,
        #changelist-filter-close-btn,
        .crm-density-btn,
        .crm-row-style-btn,
        .addlink,
        .historylink,
        .deletelink
    ) {
        background: linear-gradient(180deg, #17263A 0%, #111D2D 100%) !important;
        background-color: #17263A !important;
        border-color: #365676 !important;
        color: #DCEBFB !important;
        -webkit-text-fill-color: #DCEBFB !important;
        box-shadow: inset 0 1px 0 rgba(178, 215, 255, 0.08) !important;
    }

    html.dark body.crm-core-theme.crm-dashboard :is(
        .js-dashboard-model-visibility-toggle:hover,
        .js-dashboard-model-toggle:hover,
        .addlink:hover,
        button:hover,
        .button:hover,
        a.button:hover,
        input[type="submit"]:hover,
        input[type="button"]:hover
    ),
    html.dark body.crm-core-theme:is(.model-user, .model-group) :is(
        button:hover,
        .button:hover,
        .button.default:hover,
        a.button:hover,
        input[type="submit"]:hover,
        input[type="button"]:hover,
        .submit-row input:hover,
        .submit-row button:hover,
        .object-tools a:hover,
        .object-tools button:hover,
        #changelist-filter button:hover,
        #changelist-filter a:hover,
        #changelist-filter-reset-btn:hover,
        #changelist-filter-close-btn:hover,
        .crm-density-btn:hover,
        .crm-row-style-btn:hover,
        .addlink:hover,
        .historylink:hover,
        .deletelink:hover
    ) {
        background: linear-gradient(180deg, #1F3652 0%, #172941 100%) !important;
        background-color: #1C304A !important;
        border-color: #4A75A0 !important;
        color: #FFFFFF !important;
        -webkit-text-fill-color: #FFFFFF !important;
    }

    html.dark body.crm-core-theme:is(.model-user, .model-group) :is(
        .button.default,
        input[type="submit"].default,
        .submit-row input.default
    ) {
        background: linear-gradient(180deg, #2F628F 0%, #1E4268 100%) !important;
        background-color: #1E4268 !important;
        border-color: #7DB3E1 !important;
        color: #FFFFFF !important;
        -webkit-text-fill-color: #FFFFFF !important;
        box-shadow:
            0 10px 24px rgba(26, 80, 128, 0.34),
            inset 0 1px 0 rgba(230, 246, 255, 0.18) !important;
    }

    html.dark body.crm-core-theme:is(.model-user, .model-group) :is(
        input,
        select,
        textarea,
        .vTextField,
        .vLargeTextField,
        .select2-selection,
        .select2-dropdown,
        .selector,
        .selector-available,
        .selector-chosen
    ) {
        background: linear-gradient(180deg, #132337 0%, #0F1B2A 100%) !important;
        background-color: #0F1B2A !important;
        border-color: #52799F !important;
        color: #ECF6FF !important;
        -webkit-text-fill-color: #ECF6FF !important;
        box-shadow: inset 0 1px 0 rgba(178, 215, 255, 0.08) !important;
    }

    html.dark body.crm-core-theme.crm-dashboard .crm-dashboard-eye-off {
        stroke: #A8C8E8 !important;
        fill: none !important;
    }

    html.dark body.crm-core-theme.crm-dashboard tr:is(.model-user, .model-group) .addlink {
        background: linear-gradient(180deg, #2F628F 0%, #1E4268 100%) !important;
        background-color: #1E4268 !important;
        border-color: #7DB3E1 !important;
        color: #FFFFFF !important;
        -webkit-text-fill-color: #FFFFFF !important;
        box-shadow:
            0 8px 20px rgba(26, 80, 128, 0.30),
            inset 0 1px 0 rgba(230, 246, 255, 0.16) !important;
    }

    html.dark body.crm-core-theme:is(.model-user, .model-group).change-list .crm-bulk-actions-rail {
        background: linear-gradient(180deg, rgba(10, 19, 32, 0.08) 0%, rgba(10, 19, 32, 0.38) 100%) !important;
        background-color: transparent !important;
    }

    html.dark body.crm-core-theme:is(.model-user, .model-group).change-list :is(
        #changelist-actions-wrapper,
        #changelist-actions,
        .crm-bulk-actions-surface
    ) {
        background: linear-gradient(180deg, #17283D 0%, #101B2B 100%) !important;
        background-color: #101B2B !important;
        border-color: #4E739B !important;
        color: #E6F1FF !important;
        -webkit-text-fill-color: #E6F1FF !important;
        box-shadow:
            0 18px 42px rgba(2, 8, 18, 0.48),
            inset 0 1px 0 rgba(178, 215, 255, 0.10) !important;
    }

    html.dark body.crm-core-theme .crm-user-menu-dropdown {
        background: linear-gradient(180deg, #17283D 0%, #101B2B 100%) !important;
        background-color: #101B2B !important;
        border-color: #4E739B !important;
        color: #E6F1FF !important;
        -webkit-text-fill-color: #E6F1FF !important;
        box-shadow:
            0 22px 52px rgba(2, 8, 18, 0.52),
            inset 0 1px 0 rgba(178, 215, 255, 0.10) !important;
    }

    html.dark body.crm-core-theme .crm-user-menu-head,
    html.dark body.crm-core-theme .crm-user-menu-divider {
        background-color: transparent !important;
        background-image: none !important;
        border-color: rgba(116, 154, 200, 0.34) !important;
        color: #EAF3FF !important;
        -webkit-text-fill-color: #EAF3FF !important;
    }

    html.dark body.crm-core-theme .crm-user-menu-item {
        background-color: transparent !important;
        background-image: none !important;
        border-color: transparent !important;
        color: #DCEBFB !important;
        -webkit-text-fill-color: #DCEBFB !important;
        box-shadow: none !important;
    }

    html.dark body.crm-core-theme .crm-user-menu-item:hover,
    html.dark body.crm-core-theme .crm-user-menu-item:focus {
        background: linear-gradient(180deg, #1F3652 0%, #172941 100%) !important;
        background-color: #1C304A !important;
        border-color: #4A75A0 !important;
        color: #FFFFFF !important;
        -webkit-text-fill-color: #FFFFFF !important;
        box-shadow: inset 0 1px 0 rgba(230, 246, 255, 0.12) !important;
    }

    html.dark body.crm-core-theme .crm-user-menu-item-danger {
        color: #FFB8B8 !important;
        -webkit-text-fill-color: #FFB8B8 !important;
    }

    html.dark body.crm-core-theme .crm-user-menu-item-danger:hover,
    html.dark body.crm-core-theme .crm-user-menu-item-danger:focus {
        background: linear-gradient(180deg, #4A2530 0%, #2B1720 100%) !important;
        background-color: #2B1720 !important;
        border-color: #9B4E5F !important;
        color: #FFE7E7 !important;
        -webkit-text-fill-color: #FFE7E7 !important;
    }
}

/* Subscriber top metric chips: persistent selected colors (outside media override). */
body.model-subscriber.change-list .subscriber-sync-panel .subscriber-sync-chip.subscriber-sync-chip--metric.crm-state--selected.subscriber-sync-chip--base-warning {
    border-color: #e5c896 !important;
    background: linear-gradient(180deg, #fff9ef 0%, #fcebcf 100%) !important;
    color: #8a6123 !important;
    -webkit-text-fill-color: #8a6123 !important;
    box-shadow: 0 6px 14px rgba(162, 116, 42, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}

body.model-subscriber.change-list .subscriber-sync-panel .subscriber-sync-chip.subscriber-sync-chip--metric.crm-state--selected.subscriber-sync-chip--base-success {
    border-color: #9fcfb6 !important;
    background: linear-gradient(180deg, #f0fbf6 0%, #dff4ea 100%) !important;
    color: #2f6e4d !important;
    -webkit-text-fill-color: #2f6e4d !important;
    box-shadow: 0 6px 14px rgba(57, 123, 88, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}

/* Dark desktop override: keep subscriber selected chips in semantic hue instead of generic selected blue. */
html.dark body.crm-core-theme.model-subscriber.change-list .subscriber-sync-panel .subscriber-sync-chip.subscriber-sync-chip--metric.crm-state--selected.subscriber-sync-chip--base-warning {
    border-color: #a48454 !important;
    background: linear-gradient(180deg, #5f4827 0%, #503d22 100%) !important;
    background-color: #503d22 !important;
    color: #ffe5b2 !important;
    -webkit-text-fill-color: #ffe5b2 !important;
}

html.dark body.crm-core-theme.model-subscriber.change-list .subscriber-sync-panel .subscriber-sync-chip.subscriber-sync-chip--metric.crm-state--selected.subscriber-sync-chip--base-success {
    border-color: #5d9576 !important;
    background: linear-gradient(180deg, #2d5844 0%, #264b3a 100%) !important;
    background-color: #264b3a !important;
    color: #c9f0da !important;
    -webkit-text-fill-color: #c9f0da !important;
}

html.dark body.crm-core-theme.model-subscriber.change-list .subscriber-sync-panel .subscriber-sync-chip.subscriber-sync-chip--base-neutral.crm-state--selected {
    border-color: #617995 !important;
    background: linear-gradient(180deg, #30465f 0%, #283c53 100%) !important;
    background-color: #283c53 !important;
    color: #d3e6fa !important;
    -webkit-text-fill-color: #d3e6fa !important;
}

/* ===== CRM Mobile Working Layer v1 (core admin except analytics/traffic) ===== */
@media (max-width: 1024px) {
    body.crm-core-theme {
        overflow-x: hidden !important;
    }

    body.crm-core-theme #main {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.crm-core-theme #main.shifted {
        margin-left: 0 !important;
    }

    body.crm-core-theme #content {
        padding: 10px !important;
    }

    body.crm-core-theme.filters-open {
        overflow: hidden !important;
    }

    body.crm-core-theme #content-main {
        min-width: 0 !important;
    }

    /* Sidebar brand on mobile: keep desktop icon + full title. */
    body.crm-core-theme #nav-sidebar-inner > div.border-b > div.bg-transparent {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 10px !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    body.crm-core-theme #nav-sidebar-inner > div.border-b > div.bg-transparent .shrink-0,
    body.crm-core-theme #nav-sidebar-inner > div.border-b > div.bg-transparent .shrink-0 > span,
    body.crm-core-theme #nav-sidebar-inner > div.border-b > div.bg-transparent .shrink-0 > a,
    body.crm-core-theme #nav-sidebar-inner > div.border-b > div.bg-transparent .shrink-0 img {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    body.crm-core-theme #nav-sidebar-inner > div.border-b > div.bg-transparent .shrink-0 img {
        display: block !important;
        width: auto !important;
        height: 30px !important;
    }

    body.crm-core-theme #nav-sidebar-inner > div.border-b > div.bg-transparent .flex.flex-col {
        align-items: flex-start !important;
        justify-content: center !important;
        min-width: 0 !important;
        flex: 1 1 auto !important;
    }

    body.crm-core-theme #nav-sidebar-inner > div.border-b > div.bg-transparent #site-name {
        display: block !important;
    }

    body.crm-core-theme #nav-sidebar-inner > div.border-b > div.bg-transparent .text-important,
    body.crm-core-theme #nav-sidebar-inner > div.border-b > div.bg-transparent #site-name,
    body.crm-core-theme #nav-sidebar-inner > div.border-b > div.bg-transparent #site-name a,
    body.crm-core-theme #nav-sidebar-inner > div.border-b > div.bg-transparent .text-important :is(span, a, strong, b) {
        display: inline-flex !important;
        width: auto !important;
        align-items: center !important;
        justify-content: flex-start !important;
        text-align: left !important;
        white-space: nowrap !important;
    }

    body.crm-core-theme #nav-sidebar-inner > div.border-b > div.bg-transparent .text-important > span.truncate {
        font-size: 15px !important;
        line-height: 1.1 !important;
        font-weight: 800 !important;
    }

    body.crm-core-theme #nav-sidebar-inner > div.border-b > div.bg-transparent .crm-side-brand-title {
        font-size: 17px !important;
        line-height: 1.15 !important;
        font-weight: 800 !important;
    }

    body.crm-core-theme #nav-sidebar-inner > div.border-b > div.bg-transparent .text-important > span.truncate::after {
        content: none !important;
    }

    /* Mobile sidebar brand: keep the "Панель управления" card closer to the top. */
    body.crm-core-theme #nav-sidebar-inner > .crm-navigation-header {
        min-height: 0 !important;
        height: auto !important;
        margin: 8px 10px 14px !important;
        padding: 0 !important;
        border-bottom: 0 !important;
    }

    body.crm-core-theme #nav-sidebar-inner > .crm-navigation-header > div.bg-transparent {
        min-height: 54px !important;
        height: auto !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    /* Keep Unfold native mobile sidebar toggle logic.
       Only adjust geometry/visual style, do not override open/close state. */
    body.crm-core-theme #nav-sidebar {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        height: 100vh !important;
        width: min(88vw, 320px) !important;
        max-width: 320px !important;
        margin: 0 !important;
        border-radius: 0 !important;
        z-index: 70 !important;
        box-shadow: 0 18px 34px rgba(22, 46, 77, 0.22) !important;
        display: block !important;
        visibility: visible !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        -webkit-overflow-scrolling: touch !important;
    }

    body.crm-core-theme #nav-sidebar-inner {
        display: flex !important;
        flex-direction: column !important;
        min-height: 100% !important;
        height: auto !important;
    }

    body.crm-core-theme #nav-sidebar-apps,
    body.crm-core-theme #nav-sidebar-apps > *,
    body.crm-core-theme #nav-sidebar-apps :is(
        .simplebar-wrapper,
        .simplebar-mask,
        .simplebar-offset,
        .simplebar-content-wrapper,
        .simplebar-content
    ) {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    body.crm-core-theme #nav-sidebar-apps {
        flex: 1 1 auto !important;
        min-height: 0 !important;
        max-height: none !important;
        padding: 0 10px max(28px, calc(28px + env(safe-area-inset-bottom))) !important;
        overflow: visible !important;
    }

    body.crm-core-theme #nav-sidebar-apps :is(.simplebar-wrapper, .simplebar-mask, .simplebar-offset, .simplebar-content-wrapper) {
        min-height: 0 !important;
        max-height: none !important;
        overflow-y: visible !important;
    }

    body.crm-core-theme #nav-sidebar-apps :is(.simplebar-content-wrapper, .simplebar-content) {
        min-height: 0 !important;
        overflow: visible !important;
    }

    body.crm-core-theme #header,
    body.crm-core-theme #header-inner {
        position: sticky !important;
        top: 0 !important;
        z-index: 60 !important;
    }

    /* Compact top bar spacing for touch layout. */
    body.crm-core-theme #header-inner .max-w-screen-2xl,
    body.crm-core-theme #header-inner .mx-auto {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    /* Change list top tools stay static on mobile to avoid iOS sticky jitter. */
    body.crm-core-theme.change-list .crm-changelist-sticky-panel {
        position: static !important;
        top: auto !important;
        z-index: auto !important;
        margin: 0 0 10px !important;
        padding: 8px !important;
        border-radius: 14px !important;
        border: 1px solid #c9dcee !important;
        background: linear-gradient(180deg, rgba(245, 251, 255, 0.98) 0%, rgba(236, 246, 255, 0.94) 100%) !important;
        box-shadow: 0 8px 18px rgba(34, 70, 108, 0.10) !important;
    }

    body.crm-core-theme.change-list .crm-changelist-sticky-panel > * {
        width: 100% !important;
        min-width: 0 !important;
    }

    body.crm-core-theme.change-list .crm-density-toggle,
    body.crm-core-theme.change-list .crm-row-style-toggle {
        width: 100% !important;
        justify-content: space-between !important;
    }

    body.crm-core-theme.change-list .crm-density-toggle {
        display: none !important;
    }

    body.crm-core-theme.change-list .crm-density-btn,
    body.crm-core-theme.change-list .crm-row-style-btn {
        flex: 1 1 0 !important;
        min-height: 40px !important;
    }

    body.crm-core-theme.change-list #changelist-search input[type="text"],
    body.crm-core-theme.change-list #changelist-search input[type="search"] {
        min-height: 42px !important;
    }

    /* Bulk actions should remain reachable while scrolling. */
    body.crm-core-theme.change-list #changelist-actions-wrapper,
    body.crm-core-theme.change-list #changelist-actions {
        position: sticky !important;
        top: 124px !important;
        z-index: 40 !important;
        overflow-x: auto !important;
        white-space: nowrap !important;
        padding-bottom: 4px !important;
    }

    /* User/Traffic manager bulk actions: single surface (no two-tone wrapper/inner layering). */
    body.crm-core-theme:is(.model-user, .model-trafficmanager, .model-group).change-list #changelist-actions-wrapper {
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        padding: 0 !important;
    }

    body.crm-core-theme:is(.model-user, .model-trafficmanager, .model-group).change-list #changelist-actions {
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        padding: 0 !important;
    }

    body.crm-core-theme:is(.model-user, .model-trafficmanager, .model-group).change-list #changelist-actions > .bg-primary-600 {
        border-radius: 14px !important;
        border: 1px solid #b8d2ea !important;
        background: #f6fbff !important;
        box-shadow: 0 8px 18px rgba(34, 70, 108, 0.10) !important;
        padding: 8px !important;
        margin: 0 !important;
    }

    body.crm-core-theme:is(.model-user, .model-trafficmanager, .model-group).change-list #changelist-actions,
    body.crm-core-theme:is(.model-user, .model-trafficmanager, .model-group).change-list #changelist-actions label,
    body.crm-core-theme:is(.model-user, .model-trafficmanager, .model-group).change-list #changelist-actions .action-counter,
    body.crm-core-theme:is(.model-user, .model-trafficmanager, .model-group).change-list #changelist-actions .actions-selected-counter,
    body.crm-core-theme:is(.model-user, .model-trafficmanager, .model-group).change-list #changelist-actions .all,
    body.crm-core-theme:is(.model-user, .model-trafficmanager, .model-group).change-list #changelist-actions .all a,
    body.crm-core-theme:is(.model-user, .model-trafficmanager, .model-group).change-list #changelist-actions .question a,
    body.crm-core-theme:is(.model-user, .model-trafficmanager, .model-group).change-list #changelist-actions .clear a,
    body.crm-core-theme:is(.model-user, .model-trafficmanager, .model-group).change-list #changelist-actions select[name="action"] {
        color: #335d8c !important;
    }

    body.crm-core-theme.model-user.change-list #changelist-actions select[name="action"] {
        -webkit-text-fill-color: #335d8c !important;
    }

    body.crm-core-theme.model-user.change-list #changelist-actions select[name="action"] option,
    body.crm-core-theme.model-user.change-list #changelist-actions select[name="action"] option[value=""] {
        color: #335d8c !important;
    }

    /* User/Traffic manager/domain mobile card CTA: make entry to change-form explicit. */
    body:is(.model-user, .model-trafficmanager, .model-domain, .model-group).change-list .crm-mobile-card-row--open {
        background: rgba(233, 244, 255, 0.55);
    }

    body:is(.model-user, .model-trafficmanager, .model-domain, .model-group).change-list .crm-mobile-card-row--open .crm-mobile-card-label {
        color: #2f5f8d;
        font-weight: 800;
    }

    body:is(.model-user, .model-trafficmanager, .model-domain, .model-group).change-list .crm-mobile-open-link {
        display: inline-flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        min-height: 38px;
        padding: 0 12px;
        border-radius: 10px;
        border: 1px solid #b8d2ea;
        background: #f6fbff;
        color: #2f5f8d;
        font-size: 12px;
        font-weight: 800;
        line-height: 1.25;
        text-decoration: none;
        white-space: normal;
    }

    body:is(.model-user, .model-trafficmanager, .model-domain, .model-group).change-list .crm-mobile-open-link:active {
        background: #eaf4ff;
    }

    body:is(.model-user, .model-trafficmanager, .model-domain, .model-group).change-list .crm-mobile-open-link::after {
        content: "->";
        margin-left: 10px;
        font-weight: 900;
        flex: 0 0 auto;
    }

    /* Traffic manager: force single-surface bulk bar on mobile (kill nested two-tone layers). */
    body.model-trafficmanager.change-list #changelist-actions-wrapper {
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        padding: 0 !important;
    }

    body.model-trafficmanager.change-list #changelist-actions {
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        padding: 0 !important;
    }

    body.model-trafficmanager.change-list #changelist-actions > .bg-primary-600,
    body.model-trafficmanager.change-list #changelist-actions > div,
    body.model-trafficmanager.change-list #changelist-actions .actions,
    body.model-trafficmanager.change-list #changelist-actions form {
        border: 0 !important;
        background: #f6fbff !important;
        box-shadow: none !important;
    }

    body.model-trafficmanager.change-list #changelist-actions select[name="action"],
    body.model-trafficmanager.change-list #changelist-actions select[name="action"] option,
    body.model-trafficmanager.change-list #changelist-actions label,
    body.model-trafficmanager.change-list #changelist-actions .action-counter,
    body.model-trafficmanager.change-list #changelist-actions .actions-selected-counter {
        color: #1f5f9f !important;
        font-weight: 700 !important;
    }

    body.model-trafficmanager.change-list #changelist-actions.text-white,
    body.model-trafficmanager.change-list #changelist-actions.text-white *,
    body.model-trafficmanager.change-list #changelist-actions .actions,
    body.model-trafficmanager.change-list #changelist-actions .actions * {
        color: #1f5f9f !important;
        -webkit-text-fill-color: #1f5f9f !important;
    }

    body.model-trafficmanager.change-list #changelist-actions select[name="action"] {
        color: #1f5f9f !important;
        -webkit-text-fill-color: #1f5f9f !important;
        background: #f6fbff !important;
        border: 1px solid #b8d2ea !important;
    }

    body.model-trafficmanager.change-list #changelist-actions select[name="action"] option {
        color: #1f5f9f !important;
        background: #ffffff !important;
    }

    /* Filter drawer as full-screen mobile sheet. */
    body.crm-core-theme.change-list #changelist-filter {
        position: fixed !important;
        inset: 0 0 0 auto !important;
        width: min(92vw, 390px) !important;
        max-width: 390px !important;
        height: 100vh !important;
        z-index: 90 !important;
        transform: translateX(102%) !important;
        transition: transform .22s ease !important;
        box-shadow: -14px 0 28px rgba(24, 49, 79, 0.22) !important;
    }

    body.crm-core-theme.change-list.filters-open #changelist-filter {
        transform: translateX(0) !important;
    }

    body.crm-core-theme.change-list.filters-open #content-main::after {
        content: none !important;
        display: none !important;
        background: transparent !important;
    }

    /* Traffic manager + domains: polished mobile filter drawer. */
    body:is(.model-trafficmanager, .model-domain).change-list #changelist-filter {
        background: rgba(14, 30, 47, 0.34) !important;
        backdrop-filter: blur(6px) !important;
        -webkit-backdrop-filter: blur(6px) !important;
    }

    body:is(.model-trafficmanager, .model-domain).change-list #changelist-filter > #changelist-filter-close {
        min-width: 8px !important;
    }

    body:is(.model-trafficmanager, .model-domain).change-list #changelist-filter > div:last-child {
        width: min(94vw, 420px) !important;
        max-width: 420px !important;
        height: 100vh !important;
        margin: 0 !important;
        border-radius: 16px 0 0 16px !important;
        border-left: 1px solid #bfd5ea !important;
        background: #f7fbff !important;
        box-shadow: -18px 0 36px rgba(17, 44, 72, 0.20) !important;
    }

    body:is(.model-trafficmanager, .model-domain).change-list #changelist-filter > div:last-child [data-simplebar] {
        padding-bottom: 10px !important;
    }

    body:is(.model-trafficmanager, .model-domain).change-list #changelist-filter h3 {
        margin: 0 0 8px !important;
        color: #2d5d8c !important;
        font-size: 12px !important;
        line-height: 1.25 !important;
        font-weight: 800 !important;
        letter-spacing: 0.04em !important;
        text-transform: uppercase !important;
    }

    body:is(.model-trafficmanager, .model-domain).change-list #changelist-filter :is(ul, .crm-filter-pill-list) {
        border-radius: 12px !important;
        overflow: hidden !important;
        border-color: #c8ddef !important;
        background: #ffffff !important;
    }

    body:is(.model-trafficmanager, .model-domain).change-list #changelist-filter :is(a, button, label, input, select) {
        min-height: 40px !important;
        font-size: 13px !important;
    }

    body:is(.model-trafficmanager, .model-domain).change-list #changelist-filter a {
        color: #2f5f8d !important;
    }

    body.crm-core-theme.change-list #changelist-actions select,
    body.crm-core-theme.change-list #changelist-actions button,
    body.crm-core-theme.change-list #changelist-actions .button,
    body.crm-core-theme.change-list #changelist-actions a {
        min-height: 38px !important;
    }

    /* Generic touch targets for forms and buttons. */
    body.crm-core-theme :is(
        button,
        input[type="button"],
        input[type="submit"],
        .button,
        a.button,
        select,
        input[type="text"],
        input[type="number"],
        input[type="email"],
        input[type="url"],
        input[type="password"],
        input[type="date"],
        input[type="datetime-local"],
        textarea
    ) {
        min-height: 40px !important;
    }

    body.crm-core-theme .submit-row {
        position: sticky !important;
        bottom: 0 !important;
        z-index: 35 !important;
        margin: 12px -10px -10px !important;
        padding: 10px !important;
        background: linear-gradient(180deg, rgba(245, 252, 255, 0.82) 0%, rgba(236, 247, 255, 0.98) 100%) !important;
        backdrop-filter: blur(4px) !important;
    }

    /* Keep non-card tables usable with horizontal scroll. */
    body.crm-core-theme.change-list #changelist-form > div[data-simplebar] {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }

    body.crm-core-theme.change-list #result_list {
        min-width: 740px !important;
    }

    body.crm-core-theme.change-list.crm-mobile-cards-enabled #result_list {
        min-width: 0 !important;
    }

    body.crm-core-theme.change-form .aligned label,
    body.crm-core-theme.change-form .form-row label {
        display: block !important;
        width: 100% !important;
        margin-bottom: 6px !important;
    }

    body.crm-core-theme.change-form .aligned .vTextField,
    body.crm-core-theme.change-form .aligned .vLargeTextField,
    body.crm-core-theme.change-form .aligned select,
    body.crm-core-theme.change-form .aligned textarea {
        width: 100% !important;
        max-width: 100% !important;
    }

    /* Better mobile pagination tap area. */
    body.crm-core-theme .paginator,
    body.crm-core-theme .pagination {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 6px !important;
        align-items: center !important;
    }

    body.crm-core-theme .paginator a,
    body.crm-core-theme .pagination a,
    body.crm-core-theme .paginator .this-page,
    body.crm-core-theme .pagination .this-page {
        min-width: 34px !important;
        min-height: 34px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 10px !important;
        border-radius: 999px !important;
    }
}

/* Filters sheet actions: make reset button visually identical to close button. */
#changelist-filter-reset-btn {
    border-color: #d5e3f1 !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(243, 249, 255, 0.90) 100%) !important;
    color: #4b657f !important;
    -webkit-text-fill-color: #4b657f !important;
    font-weight: 700 !important;
}

/* ===== Premium SaaS Dark Mobile Layer (strict tokens) ===== */
@media (max-width: 1024px) {
html.dark body.crm-core-theme {
    --crm-prem-bg: #0F1115;
    --crm-prem-surface: #151821;
    --crm-prem-hover: #1B1F2A;
    --crm-prem-border: #232735;
    --crm-prem-text: #E6EAF2;
    --crm-prem-text-muted: #9AA3B2;
    --crm-prem-accent: #4F7CFF;
    --crm-prem-accent-hover: #6A92FF;
    --crm-prem-danger: #FF5D5D;
    --crm-prem-success: #3BD671;
    overflow-x: hidden !important;
    background: var(--crm-prem-bg) !important;
    color: var(--crm-prem-text) !important;
}

html.dark body.crm-core-theme #main,
html.dark body.crm-core-theme #content,
html.dark body.crm-core-theme #content-main {
    background: var(--crm-prem-bg) !important;
    max-width: 100% !important;
    overflow-x: clip !important;
}

html.dark body.crm-core-theme #content-main {
    padding: 12px !important;
}

html.dark body.crm-core-theme.change-list #changelist,
html.dark body.crm-core-theme.change-list .result-list-wrapper,
html.dark body.crm-core-theme.change-list #changelist-form,
html.dark body.crm-core-theme.change-list #changelist-form > div[data-simplebar],
html.dark body.crm-core-theme.change-list #changelist-form .simplebar-content-wrapper,
html.dark body.crm-core-theme.change-list #changelist-form .simplebar-content {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}

html.dark body.crm-core-theme.change-list #result_list {
    min-width: 0 !important;
    width: 100% !important;
}

html.dark body.crm-core-theme.change-list :is(.crm-changelist-sticky-panel, .crm-mobile-quick-bar) {
    border: 1px solid var(--crm-prem-border) !important;
    border-radius: 14px !important;
    background: var(--crm-prem-surface) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35) !important;
}

html.dark body.crm-core-theme.change-list .crm-changelist-sticky-panel {
    gap: 10px !important;
}

html.dark body.crm-core-theme.change-list .crm-changelist-sticky-panel > * {
    width: 100% !important;
    min-width: 0 !important;
}

html.dark body.crm-core-theme.change-list :is(.crm-density-toggle, .crm-row-style-toggle, #changelist-search form, #toolbar form) {
    border: 1px solid var(--crm-prem-border) !important;
    border-radius: 999px !important;
    background: var(--crm-prem-surface) !important;
}

html.dark body.crm-core-theme.change-list :is(.crm-density-btn, .crm-row-style-btn, .crm-mobile-quick-btn) {
    border-radius: 999px !important;
    color: var(--crm-prem-text) !important;
}

html.dark body.crm-core-theme.change-list :is(.crm-density-btn.is-active, .crm-row-style-btn.is-active) {
    background: var(--crm-prem-accent) !important;
    color: #FFFFFF !important;
    border-color: var(--crm-prem-accent) !important;
}

html.dark body.crm-core-theme.change-list :is(.crm-density-btn.is-active, .crm-row-style-btn.is-active):active {
    background: var(--crm-prem-accent-hover) !important;
}

html.dark body.crm-core-theme.change-list .crm-mobile-quick-selected {
    color: var(--crm-prem-text-muted) !important;
}

html.dark body.crm-core-theme.change-list .crm-mobile-quick-btn--danger {
    background: #f6fbff !important;
    border-color: #b8d2ea !important;
    color: #335d8c !important;
}

html.dark body.crm-core-theme.change-list #changelist-filter {
    background: rgba(15, 17, 21, 0.56) !important;
}

html.dark body.crm-core-theme.change-list #changelist-filter > div:last-child {
    border: 1px solid var(--crm-prem-border) !important;
    border-radius: 16px !important;
    background: rgba(21, 24, 33, 0.70) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.35) !important;
}

html.dark body.crm-core-theme.change-list :is(button, .button, a.button, input[type="submit"], input[type="button"], select, input, textarea) {
    max-width: 100% !important;
}

/* Keep bottom controls stable and visible */
html.dark body.crm-core-theme.change-list .submit-row {
    position: sticky !important;
    bottom: 0 !important;
    z-index: 35 !important;
    border-top: 1px solid var(--crm-prem-border) !important;
    background: rgba(21, 24, 33, 0.92) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
}
}

/* ===== Domain mobile cards: conflict-safe override (table -> cards) ===== */
@media (max-width: 1024px) {
    html body.model-domain.change-list.crm-domain-mobile-cards #changelist-form > div[data-simplebar],
    html body.model-domain.change-list.crm-domain-mobile-cards #changelist-form > div[data-simplebar] .simplebar-wrapper,
    html body.model-domain.change-list.crm-domain-mobile-cards #changelist-form > div[data-simplebar] .simplebar-mask,
    html body.model-domain.change-list.crm-domain-mobile-cards #changelist-form > div[data-simplebar] .simplebar-offset,
    html body.model-domain.change-list.crm-domain-mobile-cards #changelist-form > div[data-simplebar] .simplebar-content-wrapper,
    html body.model-domain.change-list.crm-domain-mobile-cards #changelist-form > div[data-simplebar] .simplebar-content {
        min-width: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: visible !important;
    }

    html body.model-domain.change-list.crm-domain-mobile-cards #result_list {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        table-layout: auto !important;
        border-spacing: 0 !important;
    }

    html body.model-domain.change-list.crm-domain-mobile-cards #result_list > thead {
        display: none !important;
    }

    html body.model-domain.change-list.crm-domain-mobile-cards #result_list > tbody {
        display: block !important;
        width: 100% !important;
        background: transparent !important;
    }

    html body.model-domain.change-list.crm-domain-mobile-cards #result_list > tbody > tr {
        display: block !important;
        width: 100% !important;
        margin: 0 0 10px !important;
        border: 1px solid rgba(76, 98, 124, 0.24) !important;
        border-radius: 14px !important;
        background: linear-gradient(180deg, rgba(245, 251, 255, 0.98) 0%, rgba(237, 246, 255, 0.98) 100%) !important;
        overflow: hidden !important;
    }

    html body.model-domain.change-list.crm-domain-mobile-cards #result_list > tbody > tr > :is(th, td) {
        display: flex !important;
        align-items: flex-start !important;
        justify-content: space-between !important;
        gap: 10px !important;
        width: 100% !important;
        min-width: 0 !important;
        padding: 9px 12px !important;
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: clip !important;
        border: 0 !important;
        border-top: 1px solid rgba(76, 98, 124, 0.14) !important;
        box-sizing: border-box !important;
    }

    html body.model-domain.change-list.crm-domain-mobile-cards #result_list > tbody > tr > :is(th, td):first-child {
        border-top: 0 !important;
    }

    html body.model-domain.change-list.crm-domain-mobile-cards #result_list > tbody > tr > td::before {
        content: attr(data-label) !important;
        flex: 0 0 104px !important;
        max-width: 44% !important;
        font-size: 11px !important;
        font-weight: 700 !important;
        line-height: 1.2 !important;
        letter-spacing: 0.03em !important;
        text-transform: uppercase !important;
        color: #5d738a !important;
    }

    html body.model-domain.change-list.crm-domain-mobile-cards #result_list > tbody > tr > :is(th, td) > * {
        min-width: 0 !important;
        max-width: 100% !important;
    }

    html body.model-domain.change-list.crm-domain-mobile-cards #result_list > tbody > tr > :is(th, td) a,
    html body.model-domain.change-list.crm-domain-mobile-cards #result_list > tbody > tr > :is(th, td) .domain-chip,
    html body.model-domain.change-list.crm-domain-mobile-cards #result_list > tbody > tr > :is(th, td) .domain-chip-main,
    html body.model-domain.change-list.crm-domain-mobile-cards #result_list > tbody > tr > :is(th, td) .domain-chip-meta {
        overflow-wrap: anywhere !important;
        word-break: break-word !important;
    }

    html body.model-domain.change-list.crm-domain-mobile-cards #result_list > tbody > tr > :is(td, th).action-checkbox {
        align-items: center !important;
    }

    html body.model-domain.change-list.crm-domain-mobile-cards #result_list > tbody > tr > :is(td, th).action-checkbox::before {
        content: "Выбор" !important;
    }
}

/* ===== CLEAN DARK LAYER V1 (WHITE GEOMETRY 1:1 + COLORS ONLY, DESKTOP) ===== */
@media (min-width: 1025px) {
    html.dark body.crm-core-theme {
        --crm-dark-bg: #101722;
        --crm-dark-main: #111A26;
        --crm-dark-surface-1: #151F2E;
        --crm-dark-surface-2: #141D2A;
        --crm-dark-row: #1A2433;
        --crm-dark-surface-hover: #212C3D;
        --crm-dark-sidebar: #131B29;
        --crm-dark-border: rgba(255, 255, 255, 0.08);
        --crm-dark-border-soft: rgba(255, 255, 255, 0.08);
        --crm-dark-border-faint: rgba(255, 255, 255, 0.06);
        --crm-dark-text: #BDD4E9;
        --crm-dark-sub: #9AB2C8;
        --crm-dark-muted: #7F97AF;
        --crm-dark-accent: #3A6EA5;
        --crm-dark-accent-hover: #4A82C2;
        --crm-dark-accent-soft: rgba(58, 110, 165, 0.15);
        --crm-dark-success: #78D6A6;
        --crm-dark-warning: #EBBC7E;
        --crm-dark-danger: #F39AA0;
        color: var(--crm-dark-text) !important;
        background: var(--crm-dark-bg) !important;
    }

    html.dark body.crm-core-theme:is(.model-client, .model-subscriber, .model-domain).change-list,
    html.dark body.crm-core-theme:is(.model-client, .model-subscriber, .model-domain).change-list :is(#page, #main, #content, #content-main) {
        background: var(--crm-dark-bg) !important;
        color: var(--crm-dark-text) !important;
        background-image: none !important;
    }

    html.dark body.crm-core-theme:is(.model-client, .model-subscriber, .model-domain).change-list #content-main {
        background: var(--crm-dark-main) !important;
        border-color: var(--crm-dark-border-soft) !important;
        box-shadow: 0 6px 16px rgba(0, 0, 0, 0.35) !important;
    }

    html.dark body.crm-core-theme.change-list #header-inner > .flex.items-center.w-full,
    html.dark body.crm-core-theme #nav-sidebar,
    html.dark body.crm-core-theme #nav-sidebar-inner,
    html.dark body.crm-core-theme #nav-sidebar-inner > div.border-b > div.bg-transparent {
        background: var(--crm-dark-sidebar) !important;
        border-color: var(--crm-dark-border-soft) !important;
        box-shadow: none !important;
    }

    html.dark body.crm-core-theme:is(.model-client, .model-subscriber, .model-domain).change-list #main > .bg-white.border-b,
    html.dark body.crm-core-theme:is(.model-client, .model-subscriber, .model-domain).change-list #main > .bg-white.border-b.border-base-200 {
        background: var(--crm-dark-bg) !important;
        background-image: none !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    html.dark body.crm-core-theme:is(.model-client, .model-subscriber, .model-domain).change-list #main > .bg-white.border-b > .container,
    html.dark body.crm-core-theme:is(.model-client, .model-subscriber, .model-domain).change-list #main > .bg-white.border-b.border-base-200 > .container {
        background: var(--crm-dark-bg) !important;
        background-image: none !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    html.dark body.crm-core-theme #nav-sidebar :is(a, .module td a, .module th a, li a, nav a) {
        color: var(--crm-dark-sub) !important;
        border-color: var(--crm-dark-sidebar) !important;
        background: var(--crm-dark-sidebar) !important;
        box-shadow: none !important;
    }

    html.dark body.crm-core-theme #nav-sidebar :is(a:hover, .current-model a, tr.current-model a, .active a, a[aria-current="page"]) {
        color: var(--crm-dark-text) !important;
        background: rgba(58, 110, 165, 0.2) !important;
        border-color: rgba(58, 110, 165, 0.3) !important;
        border-radius: 10px !important;
    }

    html.dark body.crm-core-theme.change-list .crm-changelist-sticky-panel,
    html.dark body.crm-core-theme.change-list :is(#changelist-search form, #toolbar form, .crm-density-toggle, .crm-row-style-toggle),
    html.dark body.crm-core-theme.change-list #changelist a[x-on\:click="openFilters()"] {
        background: var(--crm-dark-surface-1) !important;
        border-color: var(--crm-dark-border) !important;
        box-shadow: 0 6px 16px rgba(0, 0, 0, 0.35) !important;
        color: var(--crm-dark-sub) !important;
    }

    html.dark body.crm-core-theme.change-list :is(.crm-density-btn, .crm-row-style-btn, .crm-mobile-quick-btn) {
        background: rgba(58, 110, 165, 0.1) !important;
        border-color: rgba(58, 110, 165, 0.3) !important;
        color: var(--crm-dark-text) !important;
        border-radius: 10px !important;
        box-shadow: none !important;
    }

    html.dark body.crm-core-theme.change-list :is(.crm-density-btn:not(.is-active), .crm-row-style-btn:not(.is-active)) {
        background: #1b2637 !important;
        border-color: rgba(255, 255, 255, 0.12) !important;
        color: #a9b8ca !important;
        -webkit-text-fill-color: #a9b8ca !important;
        box-shadow: none !important;
    }

    html.dark body.crm-core-theme.change-list :is(.crm-density-btn.is-active, .crm-row-style-btn.is-active) {
        background: #3A6EA5 !important;
        border-color: #3A6EA5 !important;
        color: #ffffff !important;
        box-shadow: 0 6px 16px rgba(0, 0, 0, 0.35) !important;
    }

    /* Premium dark styling for top client filters/chips block. */
    html.dark body.crm-core-theme.model-client.change-list .client-quality-banner .client-quality-chip {
        border: 1px solid #415a7b !important;
        background: linear-gradient(180deg, #24364f 0%, #1d2c42 100%) !important;
        color: #d6e6f8 !important;
        -webkit-text-fill-color: #d6e6f8 !important;
        box-shadow: none !important;
    }

    html.dark body.crm-core-theme.model-client.change-list .client-quality-banner .client-quality-chip.crm-state--selected {
        border-color: #6d95c2 !important;
        background: linear-gradient(180deg, #5484b6 0%, #3d6893 100%) !important;
        color: #f3f8ff !important;
        -webkit-text-fill-color: #f3f8ff !important;
    }

    html.dark body.crm-core-theme.model-client.change-list .client-quality-banner .client-quality-chip.crm-state--danger-soft,
    html.dark body.crm-core-theme.model-client.change-list .client-quality-banner .client-quality-chip.client-quality-chip--base-danger {
        border-color: #895266 !important;
        background: linear-gradient(180deg, #472939 0%, #3a222f 100%) !important;
        color: #f2c5d5 !important;
        -webkit-text-fill-color: #f2c5d5 !important;
    }

    html.dark body.crm-core-theme.model-client.change-list .client-quality-banner .client-quality-chip.crm-state--warning,
    html.dark body.crm-core-theme.model-client.change-list .client-quality-banner .client-quality-chip.client-quality-chip--base-warning {
        border-color: #8d7441 !important;
        background: linear-gradient(180deg, #534125 0%, #44351e 100%) !important;
        color: #f4dfb4 !important;
        -webkit-text-fill-color: #f4dfb4 !important;
    }

    html.dark body.crm-core-theme.model-client.change-list .client-quality-banner .client-quality-chip.crm-state--success,
    html.dark body.crm-core-theme.model-client.change-list .client-quality-banner .client-quality-chip.client-quality-chip--base-success {
        border-color: #417d64 !important;
        background: linear-gradient(180deg, #214b3d 0%, #1b3c31 100%) !important;
        color: #bcead3 !important;
        -webkit-text-fill-color: #bcead3 !important;
    }

    html.dark body.crm-core-theme.model-client.change-list .client-quality-banner .client-quality-chip.crm-state--neutral {
        border-color: #4a6588 !important;
        background: linear-gradient(180deg, #2a4160 0%, #22364f 100%) !important;
        color: #cfe2f7 !important;
        -webkit-text-fill-color: #cfe2f7 !important;
    }

    html.dark body.crm-core-theme.change-list .date_hierarchy :is(a, span) {
        background: linear-gradient(180deg, #4f7fc0 0%, #3b679f 100%) !important;
        border-color: #6f9cda !important;
        color: #f2f8ff !important;
        -webkit-text-fill-color: #f2f8ff !important;
        box-shadow: none !important;
    }

    html.dark body.crm-core-theme.change-list .date_hierarchy :is(a:hover, a:focus, a:active) {
        background: linear-gradient(180deg, #5c8dce 0%, #4676af 100%) !important;
        border-color: #82ace6 !important;
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
    }

    html.dark body.crm-core-theme.change-list #result_list {
        background: var(--crm-dark-surface-2) !important;
        border-collapse: separate !important;
        border-spacing: 0 6px !important;
    }

    html.dark body.crm-core-theme.change-list #result_list thead th {
        color: var(--crm-dark-sub) !important;
        border-bottom-color: var(--crm-dark-border-faint) !important;
        background: var(--crm-dark-surface-2) !important;
        box-shadow: none !important;
    }

    html.dark body.crm-core-theme.change-list #result_list > tbody > tr.data-row > :is(th, td) {
        background: var(--crm-dark-row) !important;
        border-top: 1px solid var(--crm-dark-border-faint) !important;
        border-bottom: 1px solid var(--crm-dark-border-faint) !important;
        border-left: 0 !important;
        border-right: 0 !important;
        box-shadow: none !important;
    }

    html.dark body.crm-core-theme.change-list #result_list > tbody > tr.data-row:hover > :is(th, td) {
        background: var(--crm-dark-surface-hover) !important;
    }

    html.dark body.crm-core-theme.change-list #result_list > tbody > tr.data-row > :is(th, td):first-child {
        border-left: 1px solid var(--crm-dark-border-faint) !important;
        border-top-left-radius: 12px !important;
        border-bottom-left-radius: 12px !important;
    }

    html.dark body.crm-core-theme.change-list #result_list > tbody > tr.data-row > :is(th, td):last-child {
        border-right: 1px solid var(--crm-dark-border-faint) !important;
        border-top-right-radius: 12px !important;
        border-bottom-right-radius: 12px !important;
    }

    html.dark body.crm-core-theme.change-list #result_list td {
        color: var(--crm-dark-text) !important;
    }

    html.dark body.crm-core-theme.change-list #result_list td :is(.user-chip-sub, .geo-city, .comment-chip, .comment-chip-empty, .date-chip, .date-chip-empty) {
        color: var(--crm-dark-sub) !important;
        -webkit-text-fill-color: var(--crm-dark-sub) !important;
    }

    html.dark body.crm-core-theme.change-list #result_list td :is(.status-chip, .domain-chip, .channel-chip, .crm-state) {
        border-width: 1px !important;
        border-style: solid !important;
        border-radius: var(--crm-state-radius, 999px) !important;
        box-shadow: none !important;
        border-color: #41587a !important;
        background: linear-gradient(180deg, #24364e 0%, #1c2c41 100%) !important;
        color: #d7e6f8 !important;
        -webkit-text-fill-color: #d7e6f8 !important;
    }

    html.dark body.crm-core-theme.change-list #result_list td :is(.domain-chip.domain-chip-has-meta.domain-chip-meta-channel, .crm-state.crm-state--success) {
        border-color: #3f7c63 !important;
        background: linear-gradient(180deg, #1f4b3d 0%, #183b30 100%) !important;
        color: #b8ead1 !important;
        -webkit-text-fill-color: #b8ead1 !important;
    }

    html.dark body.crm-core-theme.change-list #result_list td :is(.domain-chip.domain-chip-has-meta.domain-chip-meta-bot, .crm-state.crm-state--warning) {
        border-color: #8e7440 !important;
        background: linear-gradient(180deg, #4f3f24 0%, #40331d 100%) !important;
        color: #f3ddb0 !important;
        -webkit-text-fill-color: #f3ddb0 !important;
    }

    html.dark body.crm-core-theme.change-list #result_list td :is(.crm-state.crm-state--danger, .crm-state.crm-state--danger-soft) {
        border-color: #875066 !important;
        background: linear-gradient(180deg, #462638 0%, #381f2d 100%) !important;
        color: #f0bfd1 !important;
        -webkit-text-fill-color: #f0bfd1 !important;
    }

    html.dark body.crm-core-theme.change-list #result_list td :is(.crm-state.crm-state--info, .crm-state.crm-state--neutral) {
        border-color: #4a668d !important;
        background: linear-gradient(180deg, #2a4160 0%, #21354f 100%) !important;
        color: #cce2ff !important;
        -webkit-text-fill-color: #cce2ff !important;
    }

    /* Status chips: keep semantic premium differentiation in dark mode. */
    html.dark body.crm-core-theme.change-list #result_list td .status-chip.status_new {
        border-color: #4f6fa0 !important;
        background: linear-gradient(180deg, #2d4670 0%, #24395a 100%) !important;
        color: #d8e9ff !important;
        -webkit-text-fill-color: #d8e9ff !important;
    }

    html.dark body.crm-core-theme.change-list #result_list td .status-chip.status_understanding {
        border-color: #8d7441 !important;
        background: linear-gradient(180deg, #524026 0%, #43341f 100%) !important;
        color: #f5dfb4 !important;
        -webkit-text-fill-color: #f5dfb4 !important;
    }

    html.dark body.crm-core-theme.change-list #result_list td .status-chip.status_work {
        border-color: #3f7c63 !important;
        background: linear-gradient(180deg, #1f4b3d 0%, #183b30 100%) !important;
        color: #bdebd4 !important;
        -webkit-text-fill-color: #bdebd4 !important;
    }

    html.dark body.crm-core-theme.change-list #result_list td .status-chip.status_register {
        border-color: #6e618f !important;
        background: linear-gradient(180deg, #3a3153 0%, #2f2845 100%) !important;
        color: #dfd4ff !important;
        -webkit-text-fill-color: #dfd4ff !important;
    }

    html.dark body.crm-core-theme.change-list #result_list td .status-chip.status_deposit {
        border-color: #3f7c63 !important;
        background: linear-gradient(180deg, #1f4b3d 0%, #183b30 100%) !important;
        color: #bdebd4 !important;
        -webkit-text-fill-color: #bdebd4 !important;
    }

    html.dark body.crm-core-theme.change-list #result_list td :is(.status-chip.status_afk, .status-chip.status_double, .status-chip.status_unknown) {
        border-color: #875066 !important;
        background: linear-gradient(180deg, #462638 0%, #381f2d 100%) !important;
        color: #f1c1d2 !important;
        -webkit-text-fill-color: #f1c1d2 !important;
    }

    /* Channel chips: restore rich per-channel colors in dark mode. */
    html.dark body.crm-core-theme.change-list #result_list td .channel-chip.channel-chip-enigma {
        border-color: #7a679e !important;
        background: linear-gradient(180deg, #3f3458 0%, #322a47 100%) !important;
        color: #e1d5ff !important;
        -webkit-text-fill-color: #e1d5ff !important;
    }

    html.dark body.crm-core-theme.change-list #result_list td .channel-chip.channel-chip-shark {
        border-color: #3f6f9d !important;
        background: linear-gradient(180deg, #27466a 0%, #203855 100%) !important;
        color: #cce6ff !important;
        -webkit-text-fill-color: #cce6ff !important;
    }

    html.dark body.crm-core-theme.change-list #result_list td .channel-chip.channel-chip-cryptolab {
        border-color: #4e7f69 !important;
        background: linear-gradient(180deg, #29503f 0%, #214033 100%) !important;
        color: #c5efda !important;
        -webkit-text-fill-color: #c5efda !important;
    }

    html.dark body.crm-core-theme.change-list #result_list td .domain-chip :is(.domain-chip-main, .domain-chip-meta) {
        color: inherit !important;
        -webkit-text-fill-color: inherit !important;
    }

    html.dark body.crm-core-theme.change-list #result_list td .domain-chip.domain-chip-has-meta.domain-chip-meta-channel .domain-chip-meta,
    html.dark body.crm-core-theme.change-list #result_list td .domain-chip.domain-chip-has-meta.domain-chip-meta-bot .domain-chip-meta {
        opacity: 1 !important;
    }

    html.dark body.crm-core-theme.change-list :is(.paginator, #changelist .pagination) {
        background: var(--crm-dark-surface-1) !important;
        border-color: var(--crm-dark-border) !important;
        box-shadow: 0 6px 16px rgba(0, 0, 0, 0.35) !important;
    }

    html.dark body.crm-core-theme.change-list #changelist-filter {
        background: var(--crm-dark-main) !important;
    }

    html.dark body.crm-core-theme.change-list.filters-open #content-main::after {
        content: none !important;
        display: none !important;
        background: transparent !important;
    }

    html.dark body.crm-core-theme.change-list #changelist-filter > div:last-child {
        background: var(--crm-dark-surface-1) !important;
        border-color: var(--crm-dark-border) !important;
        box-shadow: 0 6px 16px rgba(0, 0, 0, 0.35) !important;
    }

    html.dark body.crm-core-theme.change-list #changelist-filter h3 {
        color: var(--crm-dark-text) !important;
    }

    html.dark body.crm-core-theme.change-list #changelist-filter :is(
        ul.dark\:bg-base-900,
        ul.border,
        .crm-filter-pill-list
    ) {
        background: var(--crm-dark-surface-2) !important;
        border-color: var(--crm-dark-border) !important;
        box-shadow: none !important;
    }

    html.dark body.crm-core-theme.change-list #changelist-filter :is(
        li.border-b,
        li.border-r,
        .crm-filter-pill-item
    ) {
        background: transparent !important;
        border-color: var(--crm-dark-border-faint) !important;
    }

    html.dark body.crm-core-theme.change-list #changelist-filter :is(
        a,
        label,
        .crm-filter-pill-option,
        .crm-filter-pill-text
    ) {
        color: var(--crm-dark-sub) !important;
    }

    html.dark body.crm-core-theme.change-list #changelist-filter :is(
        a:hover,
        label:hover,
        .crm-filter-pill-option:hover
    ) {
        background: var(--crm-dark-row) !important;
        color: var(--crm-dark-text) !important;
    }

    /* Status/domain options in filter drawer: unified premium blue style like "Все". */
    html.dark body.crm-core-theme.change-list #changelist-filter .crm-filter-pill-option,
    html.dark body.crm-core-theme.change-list #changelist-filter .crm-filter-pill-all,
    html.dark body.crm-core-theme.change-list #changelist-filter li .crm-filter-pill-option,
    html.dark body.crm-core-theme.change-list #changelist-filter li .crm-filter-pill-all {
        background: #2b4160 !important;
        border: 1px solid #5c7ca3 !important;
        color: #e1edf8 !important;
        -webkit-text-fill-color: #e1edf8 !important;
        box-shadow: none !important;
    }

    html.dark body.crm-core-theme.change-list #changelist-filter .crm-filter-pill-option:hover,
    html.dark body.crm-core-theme.change-list #changelist-filter .crm-filter-pill-all:hover {
        background: #324c70 !important;
        border-color: #6d8eb4 !important;
        color: #eef5fc !important;
        -webkit-text-fill-color: #eef5fc !important;
    }

    /* Remove square glow/background around date shortcut icons in filter drawer. */
    html.dark body.crm-core-theme.change-list #changelist-filter .datetimeshortcuts,
    html.dark body.crm-core-theme.change-list #changelist-filter .datetimeshortcuts a,
    html.dark body.crm-core-theme.change-list #changelist-filter .datetimeshortcuts .date-icon,
    html.dark body.crm-core-theme.change-list #changelist-filter .datetimeshortcuts .clock-icon {
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    html.dark body.crm-core-theme.change-list #changelist-filter .datetimeshortcuts a {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: auto !important;
        height: auto !important;
        padding: 0 !important;
    }

    html.dark body.crm-core-theme.change-list #changelist-filter :is(
        li.font-semibold,
        .crm-filter-pill-option.is-selected,
        .crm-filter-pill-all.is-selected
    ) {
        background: rgba(58, 110, 165, 0.16) !important;
        color: #d7e6f5 !important;
        border-color: rgba(58, 110, 165, 0.3) !important;
    }

    html.dark body.crm-core-theme.change-list #changelist-filter .crm-filter-pill-option {
        background: var(--crm-dark-surface-2) !important;
        border-color: var(--crm-dark-border) !important;
        box-shadow: none !important;
    }

    html.dark body.crm-core-theme.change-list #changelist-filter .crm-filter-pill-checkbox {
        accent-color: var(--crm-dark-accent) !important;
    }

    html.dark body.crm-core-theme.change-list #changelist-filter :is(input, select, textarea) {
        background: var(--crm-dark-surface-2) !important;
        border-color: var(--crm-dark-border) !important;
        color: var(--crm-dark-text) !important;
    }

    html.dark body.crm-core-theme.change-list #changelist-filter :is(input, select, textarea)::placeholder {
        color: var(--crm-dark-muted) !important;
        opacity: 1 !important;
    }

    html.dark body.crm-core-theme.change-list #changelist-filter :is(input, select, textarea):focus {
        border-color: var(--crm-dark-accent) !important;
        box-shadow: none !important;
    }

    html.dark body.crm-core-theme.change-list #changelist-filter :is(button, .button, a.button, input[type="submit"], input[type="button"]) {
        border-radius: 10px !important;
    }

    html.dark body.crm-core-theme.change-list #changelist-filter > div:last-child > div {
        background: var(--crm-dark-surface-1) !important;
        border-top: 1px solid var(--crm-dark-border) !important;
        box-shadow: none !important;
    }

    html.dark body.crm-core-theme.change-list #changelist-filter > div:last-child > div :is(
        button,
        .button,
        a.button,
        input[type="submit"],
        input[type="button"],
        #changelist-filter-reset-btn,
        #changelist-filter-close-btn
    ) {
        background: #24374e !important;
        border: 1px solid #3b5676 !important;
        color: #bdd4e9 !important;
        -webkit-text-fill-color: #bdd4e9 !important;
        box-shadow: none !important;
        border-radius: 10px !important;
    }

    html.dark body.crm-core-theme.change-list #changelist-filter > div:last-child > div :is(
        button,
        .button,
        a.button,
        input[type="submit"],
        input[type="button"],
        #changelist-filter-reset-btn,
        #changelist-filter-close-btn
    ):hover {
        background: #2b4160 !important;
        border-color: #4c6c93 !important;
        color: #d6e6f5 !important;
        -webkit-text-fill-color: #d6e6f5 !important;
    }

    html.dark body.crm-core-theme.change-list #changelist-filter > div:last-child :is(
        a,
        button,
        .button,
        input[type="submit"],
        input[type="button"],
        .rounded-default,
        .bg-white,
        .dark\:bg-base-900,
        .dark\:bg-base-800
    ) {
        background: #1d2a3b !important;
        border-color: #344a66 !important;
        color: #bdd4e9 !important;
        -webkit-text-fill-color: #bdd4e9 !important;
        box-shadow: none !important;
    }

    html.dark body.crm-core-theme.change-list #changelist-filter > div:last-child :is(
        a:hover,
        button:hover,
        .button:hover
    ) {
        background: #24354b !important;
        border-color: #456186 !important;
        color: #d7e6f5 !important;
        -webkit-text-fill-color: #d7e6f5 !important;
    }

    html.dark body.crm-core-theme.change-list #changelist-filter > div:last-child :is(
        li.font-semibold,
        .is-selected,
        [aria-current="true"],
        [aria-current="page"]
    ) :is(a, button, .button) {
        background: #2b4160 !important;
        border-color: #5c7ca3 !important;
        color: #e1edf8 !important;
        -webkit-text-fill-color: #e1edf8 !important;
    }

    /* Keep date shortcut icons clean (no square backgrounds/glow). */
    html.dark body.crm-core-theme.change-list #changelist-filter .datetimeshortcuts,
    html.dark body.crm-core-theme.change-list #changelist-filter .datetimeshortcuts *,
    html.dark body.crm-core-theme.change-list #changelist-filter .datetimeshortcuts :is(a, span, .date-icon, .clock-icon) {
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    html.dark body.crm-core-theme.change-list #changelist-filter .datetimeshortcuts :is(a, span, .date-icon, .clock-icon):hover,
    html.dark body.crm-core-theme.change-list #changelist-filter .datetimeshortcuts :is(a, span, .date-icon, .clock-icon):focus,
    html.dark body.crm-core-theme.change-list #changelist-filter .datetimeshortcuts :is(a, span, .date-icon, .clock-icon):active {
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    html.dark body.crm-core-theme.change-list #changelist-actions-wrapper,
    html.dark body.crm-core-theme.change-list #changelist-actions,
    html.dark body.crm-core-theme.change-list .crm-bulk-actions-surface {
        background: var(--crm-dark-surface-1) !important;
        border-color: var(--crm-dark-border) !important;
        box-shadow: 0 6px 16px rgba(0, 0, 0, 0.35) !important;
    }

    html.dark body.crm-core-theme.change-list #changelist-actions select[name="action"] {
        background: var(--crm-dark-surface-1) !important;
        border-color: var(--crm-dark-border) !important;
        color: var(--crm-dark-text) !important;
        border-radius: 10px !important;
    }

    html.dark body.crm-core-theme.change-list #changelist-actions button[name="index"] {
        background: var(--crm-dark-accent) !important;
        border-color: var(--crm-dark-accent) !important;
        color: #fff !important;
        border-radius: 10px !important;
        box-shadow: 0 6px 16px rgba(0, 0, 0, 0.35) !important;
    }

    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list #changelist-form .results,
    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list #changelist-form > div[data-simplebar] {
        background: var(--crm-dark-surface-2) !important;
        border-color: var(--crm-dark-border-faint) !important;
        box-shadow: 0 6px 16px rgba(0, 0, 0, 0.35) !important;
    }

    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list #result_list thead th {
        background: var(--crm-dark-surface-2) !important;
        border-top-color: transparent !important;
        border-bottom-color: var(--crm-dark-border-faint) !important;
        color: var(--crm-dark-text) !important;
    }

    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list #result_list thead th :is(a, a:visited, a:hover, a:active, a:focus) {
        color: var(--crm-dark-text) !important;
        -webkit-text-fill-color: var(--crm-dark-text) !important;
        opacity: 1 !important;
    }

    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list #result_list thead th .sortoptions :is(a, a:visited, a:hover, a:active, a:focus) {
        color: var(--crm-dark-text) !important;
        -webkit-text-fill-color: var(--crm-dark-text) !important;
        opacity: .9 !important;
    }

    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list #result_list thead th:first-child,
    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list #result_list tbody tr > *:first-child {
        border-left-color: var(--crm-dark-border-faint) !important;
    }

    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list #result_list thead th:last-child,
    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list #result_list tbody tr > *:last-child {
        border-right-color: var(--crm-dark-border-faint) !important;
    }

    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list #result_list > tbody > tr.data-row > :is(th, td),
    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list #result_list tbody td,
    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list #result_list tbody th.field-display_id {
        background: var(--crm-dark-row) !important;
        border-top-color: var(--crm-dark-border-faint) !important;
        border-bottom-color: var(--crm-dark-border-faint) !important;
        box-shadow: none !important;
    }

    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list #result_list > tbody > tr.data-row:hover > :is(th, td) {
        background: var(--crm-dark-surface-hover) !important;
    }

    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list {
        --crm-state-border-neutral: #cbd9e9;
        --crm-state-bg-neutral: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(241, 248, 255, 0.9) 100%);
        --crm-state-text-neutral: #3f5f82;
        --crm-state-border-info: #9bc0e6;
        --crm-state-bg-info: linear-gradient(180deg, #eef6ff 0%, #dbeeff 100%);
        --crm-state-text-info: #1f568f;
        --crm-state-border-success: #9fd8b5;
        --crm-state-bg-success: linear-gradient(180deg, #f1fbf5 0%, #e1f6ea 100%);
        --crm-state-text-success: #206a44;
        --crm-state-border-warning: #efd48f;
        --crm-state-bg-warning: linear-gradient(180deg, #fffaed 0%, #fff2d3 100%);
        --crm-state-text-warning: #805719;
        --crm-state-border-danger: #e8b6b6;
        --crm-state-bg-danger: #fff3f3;
        --crm-state-text-danger: #8f3535;
    }

    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list #result_list td :is(.geo-chip, .geo-chip-empty, .date-chip, .date-chip-empty) {
        background: transparent !important;
        border-color: transparent !important;
        border-width: 0 !important;
        color: var(--crm-dark-sub) !important;
        -webkit-text-fill-color: var(--crm-dark-sub) !important;
        box-shadow: none !important;
        border-radius: 0 !important;
    }

    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list #result_list :is(.js-inline-copy-id, .js-inline-copy-username) {
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        outline: 0 !important;
        padding: 0 !important;
        border-radius: 0 !important;
    }

    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list #result_list :is(.js-inline-copy-id, .js-inline-copy-username):hover,
    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list #result_list :is(.js-inline-copy-id, .js-inline-copy-username):focus,
    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list #result_list :is(.js-inline-copy-id, .js-inline-copy-username):focus-visible,
    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list #result_list :is(.js-inline-copy-id, .js-inline-copy-username):active {
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        outline: 0 !important;
    }

    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list #result_list :is(.js-inline-copy-id, .js-inline-copy-username) .material-symbols-outlined {
        color: var(--crm-dark-sub) !important;
        background: transparent !important;
        box-shadow: none !important;
        border-radius: 0 !important;
    }

    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list #result_list .js-inline-copy-id.inline-copy-done,
    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list #result_list .js-inline-copy-id.inline-copy-done .material-symbols-outlined {
        color: var(--crm-dark-success) !important;
        background: transparent !important;
    }

    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list #result_list :is(td, th.field-display_id) :is(.id-chip, .user-chip) {
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    html.dark body.crm-core-theme.change-list :is(button, .button, a.button, input[type="submit"], input[type="button"]) {
        background: var(--crm-dark-accent) !important;
        color: #fff !important;
        border-color: var(--crm-dark-accent) !important;
        border-radius: 10px !important;
        box-shadow: 0 6px 16px rgba(0, 0, 0, 0.35) !important;
    }

    html.dark body.crm-core-theme.change-list :is(button, .button, a.button, input[type="submit"], input[type="button"]):hover {
        background: var(--crm-dark-accent-hover) !important;
        border-color: var(--crm-dark-accent-hover) !important;
    }

    html.dark body.crm-core-theme.change-list :is(select, input, textarea) {
        background: var(--crm-dark-surface-1) !important;
        border-color: var(--crm-dark-border) !important;
        color: var(--crm-dark-text) !important;
        border-radius: 10px !important;
        box-shadow: none !important;
    }

    html.dark body.crm-core-theme.change-list :is(select, input, textarea):focus {
        border-color: var(--crm-dark-accent) !important;
        box-shadow: none !important;
    }

    html.dark body.crm-core-theme:is(.model-client, .model-subscriber, .model-domain).change-list #header-inner > .flex.items-center.w-full,
    html.dark body.crm-core-theme:is(.model-client, .model-subscriber, .model-domain).change-list #changelist-form .results,
    html.dark body.crm-core-theme:is(.model-client, .model-subscriber, .model-domain).change-list #changelist-form > div[data-simplebar],
    html.dark body.crm-core-theme:is(.model-client, .model-subscriber, .model-domain).change-list #result_list thead th,
    html.dark body.crm-core-theme:is(.model-client, .model-subscriber, .model-domain).change-list #result_list > tbody > tr.data-row > :is(th, td) {
        box-shadow: none !important;
    }

html.dark body.crm-core-theme:is(.model-client, .model-subscriber, .model-domain).change-list #header-inner > .flex.items-center.w-full {
        border-color: var(--crm-dark-border-soft) !important;
        background: var(--crm-dark-surface-1) !important;
        box-shadow: none !important;
    }
}

/* Final desktop dark filter behavior: keep page visible, darken only the drawer. */
@media (min-width: 1025px) {
    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list #changelist-filter,
    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list #changelist-filter #changelist-filter-close {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list #changelist-filter > div:last-child {
        background: var(--crm-dark-surface-1) !important;
        border: 1px solid var(--crm-dark-border) !important;
        box-shadow: 0 12px 24px rgba(0, 0, 0, 0.45) !important;
    }
}

/* Final desktop dark toggle behavior: only active option stays blue. */
html.dark body.crm-core-theme.change-list :is(.crm-density-toggle, .crm-row-style-toggle) > :is(.crm-density-btn, .crm-row-style-btn) {
    background: #1b2637 !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    color: #a9b8ca !important;
    -webkit-text-fill-color: #a9b8ca !important;
    box-shadow: none !important;
}

html.dark body.crm-core-theme.change-list :is(.crm-density-toggle, .crm-row-style-toggle) > :is(.crm-density-btn, .crm-row-style-btn).is-active {
    background: #3A6EA5 !important;
    border-color: #3A6EA5 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.35) !important;
}

/* Sidebar brand: remove visible frame around "Панель управления". */
html.dark body.crm-core-theme #nav-sidebar-inner > div.border-b > div.bg-transparent {
    border: 0 !important;
    box-shadow: none !important;
}

/* Search field: make "Что ищем?" as bright as table headers in dark mode. */
html.dark body.crm-core-theme.change-list #changelist-search :is(#searchbar, input[name="q"], input[type="search"], input[type="text"]) {
    color: var(--crm-dark-text) !important;
    -webkit-text-fill-color: var(--crm-dark-text) !important;
}

html.dark body.crm-core-theme.change-list #changelist-search :is(#searchbar, input[name="q"], input[type="search"], input[type="text"])::placeholder {
    color: var(--crm-dark-text) !important;
    -webkit-text-fill-color: var(--crm-dark-text) !important;
    opacity: 1 !important;
}

/* Date hierarchy year chips: final dark override for real markup (.toplinks + .date_hierarchy). */
html.dark body.crm-core-theme.change-list :is(.toplinks a, .toplinks .date-back, .date-hierarchy a, .date_hierarchy a, .date_hierarchy span) {
    background: linear-gradient(180deg, #4f7fc0 0%, #3b679f 100%) !important;
    border-color: #6f9cda !important;
    color: #f2f8ff !important;
    -webkit-text-fill-color: #f2f8ff !important;
    box-shadow: none !important;
}

html.dark body.crm-core-theme.change-list :is(.toplinks a:hover, .toplinks .date-back:hover, .date-hierarchy a:hover, .date_hierarchy a:hover, .date_hierarchy a:focus, .date_hierarchy a:active) {
    background: linear-gradient(180deg, #5c8dce 0%, #4676af 100%) !important;
    border-color: #82ace6 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* Desktop classic mode: keep the same rounded row geometry as light theme. */
@media (min-width: 1025px) {
    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list.crm-row-style-classic #result_list {
        background: transparent !important;
        border-spacing: 0 8px !important;
    }

    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list.crm-row-style-classic #result_list > tbody {
        background: transparent !important;
        box-shadow: none !important;
    }

    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list.crm-row-style-classic #result_list > thead > tr > th:first-child,
    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list.crm-row-style-classic #result_list > tbody > tr.data-row > *:first-child {
        border-top-left-radius: 14px !important;
        border-bottom-left-radius: 14px !important;
    }

    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list.crm-row-style-classic #result_list > thead > tr > th:last-child,
    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list.crm-row-style-classic #result_list > tbody > tr.data-row > *:last-child {
        border-top-right-radius: 14px !important;
        border-bottom-right-radius: 14px !important;
    }
}

/* Subscribers desktop dark: final alignment with Clients page without changing geometry. */
@media (min-width: 1025px) {
    html.dark body.crm-core-theme.model-subscriber.change-list .subscriber-sync-panel .text-sm.text-base-500 {
        color: var(--crm-dark-sub) !important;
        -webkit-text-fill-color: var(--crm-dark-sub) !important;
    }

    html.dark body.crm-core-theme.model-subscriber.change-list .subscriber-sync-panel :is(.subscriber-sync-chip, .client-quality-chip) {
        border: 1px solid #415a7b !important;
        background: linear-gradient(180deg, #24364f 0%, #1d2c42 100%) !important;
        color: #d6e6f8 !important;
        -webkit-text-fill-color: #d6e6f8 !important;
        box-shadow: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    html.dark body.crm-core-theme.model-subscriber.change-list .subscriber-sync-panel :is(.subscriber-sync-chip, .client-quality-chip).crm-state--selected {
        border-color: #6d95c2 !important;
        background: linear-gradient(180deg, #5484b6 0%, #3d6893 100%) !important;
        color: #f3f8ff !important;
        -webkit-text-fill-color: #f3f8ff !important;
    }

    html.dark body.crm-core-theme.model-subscriber.change-list .subscriber-sync-panel :is(.subscriber-sync-chip, .client-quality-chip):is(.crm-state--danger, .crm-state--danger-soft, .subscriber-sync-chip-problem) {
        border-color: #895266 !important;
        background: linear-gradient(180deg, #472939 0%, #3a222f 100%) !important;
        color: #f2c5d5 !important;
        -webkit-text-fill-color: #f2c5d5 !important;
    }

    html.dark body.crm-core-theme.model-subscriber.change-list .subscriber-sync-panel :is(.subscriber-sync-chip, .client-quality-chip):is(.crm-state--warning, .subscriber-sync-chip--base-warning) {
        border-color: #8d7441 !important;
        background: linear-gradient(180deg, #534125 0%, #44351e 100%) !important;
        color: #f4dfb4 !important;
        -webkit-text-fill-color: #f4dfb4 !important;
    }

    html.dark body.crm-core-theme.model-subscriber.change-list .subscriber-sync-panel :is(.subscriber-sync-chip, .client-quality-chip):is(.crm-state--success, .subscriber-sync-chip--base-success) {
        border-color: #417d64 !important;
        background: linear-gradient(180deg, #214b3d 0%, #1b3c31 100%) !important;
        color: #bcead3 !important;
        -webkit-text-fill-color: #bcead3 !important;
    }

    html.dark body.crm-core-theme.model-subscriber.change-list .subscriber-sync-panel :is(.subscriber-sync-chip, .client-quality-chip):is(.crm-state--neutral, .crm-state--info, .subscriber-sync-chip--base-neutral) {
        border-color: #4a6588 !important;
        background: linear-gradient(180deg, #2a4160 0%, #22364f 100%) !important;
        color: #cfe2f7 !important;
        -webkit-text-fill-color: #cfe2f7 !important;
    }

    html.dark body.crm-core-theme.model-subscriber.change-list #result_list > thead > tr > th {
        text-transform: none !important;
        letter-spacing: 0 !important;
        font-size: inherit !important;
        background: var(--crm-dark-surface-2) !important;
        color: var(--crm-dark-text) !important;
        box-shadow: none !important;
    }

    html.dark body.crm-core-theme.model-subscriber.change-list #result_list td :is(.id-chip, .user-chip, .date-chip, .date-chip-empty, .geo-chip, .geo-chip-empty, .domain-chip, .channel-chip) {
        box-shadow: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    html.dark body.crm-core-theme.model-subscriber.change-list #result_list td :is(.id-chip, .user-chip) {
        background: transparent !important;
        border: 0 !important;
    }

    html.dark body.crm-core-theme.model-subscriber.change-list #result_list td :is(.date-chip, .date-chip-empty, .geo-chip, .geo-chip-empty) {
        background: transparent !important;
        border: 0 !important;
        border-radius: 0 !important;
        color: var(--crm-dark-sub) !important;
        -webkit-text-fill-color: var(--crm-dark-sub) !important;
    }
}

/* Final project identity palette in dark mode:
   domains must follow the same project colors as channels/light theme. */
html.dark body.crm-core-theme.change-list #result_list td :is(.channel-chip, .domain-chip) :is(.domain-chip-main, .domain-chip-meta) {
    color: inherit !important;
    -webkit-text-fill-color: inherit !important;
}

html.dark body.crm-core-theme.change-list #result_list td :is(.channel-chip.channel-chip-enigma, .domain-chip.domain-chip-enigma, .domain-chip.domain-chip-enigma.domain-chip-has-meta) {
    border-color: #8b7640 !important;
    background: linear-gradient(180deg, #4e4326 0%, #40371f 100%) !important;
    color: #f2dfb1 !important;
    -webkit-text-fill-color: #f2dfb1 !important;
}

html.dark body.crm-core-theme.change-list #result_list td :is(.channel-chip.channel-chip-cryptolab, .domain-chip.domain-chip-cryptolab, .domain-chip.domain-chip-cryptolab.domain-chip-has-meta) {
    border-color: #755fa0 !important;
    background: linear-gradient(180deg, #3d3159 0%, #322847 100%) !important;
    color: #e3d8ff !important;
    -webkit-text-fill-color: #e3d8ff !important;
}

html.dark body.crm-core-theme.change-list #result_list td :is(.channel-chip.channel-chip-shark, .domain-chip.domain-chip-shark, .domain-chip.domain-chip-shark.domain-chip-has-meta) {
    border-color: #4b78a5 !important;
    background: linear-gradient(180deg, #29476b 0%, #213955 100%) !important;
    color: #cfe5ff !important;
    -webkit-text-fill-color: #cfe5ff !important;
}

html.dark body.crm-core-theme.change-list #result_list td :is(.channel-chip.channel-chip-space, .domain-chip.domain-chip-space, .domain-chip.domain-chip-space.domain-chip-has-meta, .channel-chip.channel-chip-pulse, .domain-chip.domain-chip-pulse, .domain-chip.domain-chip-pulse.domain-chip-has-meta) {
    border-color: #5f738c !important;
    background: linear-gradient(180deg, #2b3d53 0%, #243347 100%) !important;
    color: #d5e1ef !important;
    -webkit-text-fill-color: #d5e1ef !important;
}

html.dark body.crm-core-theme.change-list #result_list td :is(
    .domain-chip.domain-chip-enigma,
    .domain-chip.domain-chip-cryptolab,
    .domain-chip.domain-chip-shark,
    .domain-chip.domain-chip-space,
    .domain-chip.domain-chip-pulse
) .domain-chip-meta {
    opacity: .92 !important;
}

/* Final premium dark chip palette:
   keep geometry untouched, replace only color language with deep, dense tones. */
html.dark body.crm-core-theme.change-list :is(
    .client-quality-banner .client-quality-chip,
    .subscriber-sync-panel .subscriber-sync-chip,
    #result_list td .status-chip,
    #result_list td .domain-chip,
    #result_list td .channel-chip,
    #result_list td .crm-state
) {
    background-image: none !important;
    box-shadow: none !important;
}

html.dark body.crm-core-theme.change-list :is(
    .client-quality-banner .client-quality-chip,
    .subscriber-sync-panel .subscriber-sync-chip
):is(.crm-state--neutral, .crm-state--info) {
    background: #22354D !important;
    border-color: #45678E !important;
    color: #D7E8FA !important;
    -webkit-text-fill-color: #D7E8FA !important;
}

html.dark body.crm-core-theme.change-list :is(
    .client-quality-banner .client-quality-chip,
    .subscriber-sync-panel .subscriber-sync-chip
).crm-state--selected {
    background: #2A4463 !important;
    border-color: #5A82B0 !important;
    color: #E8F1FC !important;
    -webkit-text-fill-color: #E8F1FC !important;
}

html.dark body.crm-core-theme.change-list :is(
    .client-quality-banner .client-quality-chip,
    .subscriber-sync-panel .subscriber-sync-chip
):is(.crm-state--success, .subscriber-sync-chip--base-success, .client-quality-chip--base-success) {
    background: #1E3B31 !important;
    border-color: #3F7A61 !important;
    color: #C7EBD8 !important;
    -webkit-text-fill-color: #C7EBD8 !important;
}

html.dark body.crm-core-theme.change-list :is(
    .client-quality-banner .client-quality-chip,
    .subscriber-sync-panel .subscriber-sync-chip
):is(.crm-state--warning, .subscriber-sync-chip--base-warning, .client-quality-chip--base-warning) {
    background: #43331F !important;
    border-color: #8B6A36 !important;
    color: #F1DEB0 !important;
    -webkit-text-fill-color: #F1DEB0 !important;
}

html.dark body.crm-core-theme.change-list :is(
    .client-quality-banner .client-quality-chip,
    .subscriber-sync-panel .subscriber-sync-chip
):is(.crm-state--danger, .crm-state--danger-soft, .subscriber-sync-chip-problem, .client-quality-chip--base-danger) {
    background: #40252E !important;
    border-color: #835060 !important;
    color: #F0C8D3 !important;
    -webkit-text-fill-color: #F0C8D3 !important;
}

html.dark body.crm-core-theme.change-list #result_list td .status-chip.status_new {
    background: #22354D !important;
    border-color: #45678E !important;
    color: #D7E8FA !important;
    -webkit-text-fill-color: #D7E8FA !important;
}

html.dark body.crm-core-theme.change-list #result_list td :is(.status-chip.status_work, .status-chip.status_deposit, .status-chip.status_refill) {
    background: #1E3B31 !important;
    border-color: #3F7A61 !important;
    color: #C7EBD8 !important;
    -webkit-text-fill-color: #C7EBD8 !important;
}

html.dark body.crm-core-theme.change-list #result_list td .status-chip.status_understanding {
    background: #43331F !important;
    border-color: #8B6A36 !important;
    color: #F1DEB0 !important;
    -webkit-text-fill-color: #F1DEB0 !important;
}

html.dark body.crm-core-theme.change-list #result_list td .status-chip.status_register {
    background: #342B49 !important;
    border-color: #66548F !important;
    color: #E0D5F8 !important;
    -webkit-text-fill-color: #E0D5F8 !important;
}

html.dark body.crm-core-theme.change-list #result_list td :is(.status-chip.status_afk, .status-chip.status_double, .status-chip.status_unknown) {
    background: #40252E !important;
    border-color: #835060 !important;
    color: #F0C8D3 !important;
    -webkit-text-fill-color: #F0C8D3 !important;
}

html.dark body.crm-core-theme.change-list #result_list td :is(.channel-chip.channel-chip-enigma, .domain-chip.domain-chip-enigma, .domain-chip.domain-chip-enigma.domain-chip-has-meta) {
    background: #342B49 !important;
    border-color: #66548F !important;
    color: #E0D5F8 !important;
    -webkit-text-fill-color: #E0D5F8 !important;
}

html.dark body.crm-core-theme.change-list #result_list td :is(.channel-chip.channel-chip-shark, .domain-chip.domain-chip-shark, .domain-chip.domain-chip-shark.domain-chip-has-meta) {
    background: #22354D !important;
    border-color: #45678E !important;
    color: #D7E8FA !important;
    -webkit-text-fill-color: #D7E8FA !important;
}

html.dark body.crm-core-theme.change-list #result_list td :is(.channel-chip.channel-chip-cryptolab, .domain-chip.domain-chip-cryptolab, .domain-chip.domain-chip-cryptolab.domain-chip-has-meta) {
    background: #2B3150 !important;
    border-color: #566696 !important;
    color: #DBE4FB !important;
    -webkit-text-fill-color: #DBE4FB !important;
}

html.dark body.crm-core-theme.change-list #result_list td :is(.channel-chip.channel-chip-space, .domain-chip.domain-chip-space, .domain-chip.domain-chip-space.domain-chip-has-meta, .channel-chip.channel-chip-pulse, .domain-chip.domain-chip-pulse, .domain-chip.domain-chip-pulse.domain-chip-has-meta) {
    background: #213A3B !important;
    border-color: #46787A !important;
    color: #D0EBEA !important;
    -webkit-text-fill-color: #D0EBEA !important;
}

html.dark body.crm-core-theme.change-list :is(.toplinks a, .toplinks .date-back, .date-hierarchy a, .date_hierarchy a, .date_hierarchy span) {
    background: #22354D !important;
    background-image: none !important;
    border-color: #45678E !important;
    color: #D7E8FA !important;
    -webkit-text-fill-color: #D7E8FA !important;
    box-shadow: none !important;
}

html.dark body.crm-core-theme.change-list :is(.toplinks a:hover, .toplinks .date-back:hover, .date-hierarchy a:hover, .date_hierarchy a:hover, .date_hierarchy a:focus, .date_hierarchy a:active) {
    background: #29415F !important;
    border-color: #5379A3 !important;
    color: #E8F1FC !important;
    -webkit-text-fill-color: #E8F1FC !important;
}

/* Final desktop dark filter root fix:
   keep only the right drawer dark, do not paint the whole screen behind it. */
@media (min-width: 1025px) {
    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list #changelist-filter,
    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list #changelist-filter[x-cloak],
    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list #changelist-filter #changelist-filter-close {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        box-shadow: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list.filters-open #content-main::before,
    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list.filters-open #content-main::after {
        content: none !important;
        display: none !important;
        background: transparent !important;
        background-image: none !important;
        box-shadow: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }
}

/* Final dark classic geometry parity: rows must look rounded like light theme. */
@media (min-width: 1025px) {
    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list.crm-row-style-classic #result_list {
        border-collapse: separate !important;
        border-spacing: 0 8px !important;
        background: transparent !important;
    }

    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list.crm-row-style-classic #result_list > tbody,
    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list.crm-row-style-classic #result_list > tbody[class],
    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list.crm-row-style-classic #result_list > tbody:nth-of-type(odd),
    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list.crm-row-style-classic #result_list > tbody:nth-of-type(even) {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        box-shadow: none !important;
    }

    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list.crm-row-style-classic #result_list > tbody > tr.data-row > :is(th, td) {
        border-radius: 0 !important;
        overflow: hidden !important;
    }

    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list.crm-row-style-classic #result_list > thead > tr > th:first-child,
    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list.crm-row-style-classic #result_list > tbody > tr.data-row > :is(th, td):first-child {
        border-top-left-radius: 16px !important;
        border-bottom-left-radius: 16px !important;
    }

    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list.crm-row-style-classic #result_list > thead > tr > th:last-child,
    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list.crm-row-style-classic #result_list > tbody > tr.data-row > :is(th, td):last-child {
        border-top-right-radius: 16px !important;
        border-bottom-right-radius: 16px !important;
    }
}

/* Theme switch flicker fix: keep sidebar brand stable while switching themes. */
#nav-sidebar-inner > div.border-b > div.bg-transparent {
    transition: none !important;
}

html.light body.crm-core-theme #nav-sidebar-inner > div.border-b > div.bg-transparent {
    background: linear-gradient(180deg, rgba(248, 252, 255, 0.95) 0%, rgba(239, 247, 252, 0.90) 100%) !important;
    border-color: #d8e6f2 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82) !important;
}

/* Date hierarchy back chip: only the pill should be colored, not its list-item wrapper. */
html.dark body.crm-core-theme.change-list :is(.toplinks li.date-back, .date-hierarchy li.date-back, .date_hierarchy li.date-back) {
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
}

/* Metallic blue channel/domain palette for dark desktop tables. */
html.dark body.crm-core-theme.change-list #result_list td :is(.channel-chip.channel-chip-enigma, .domain-chip.domain-chip-enigma, .domain-chip.domain-chip-enigma.domain-chip-has-meta) {
    background: linear-gradient(180deg, #2E537C 0%, #1F3858 48%, #182C47 100%) !important;
    border-color: #6F9DCC !important;
    color: #E5F2FF !important;
    -webkit-text-fill-color: #E5F2FF !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.18),
        0 5px 14px rgba(11, 26, 45, 0.32) !important;
}

html.dark body.crm-core-theme.change-list #result_list td :is(.channel-chip.channel-chip-shark, .domain-chip.domain-chip-shark, .domain-chip.domain-chip-shark.domain-chip-has-meta) {
    background: linear-gradient(180deg, #355F8D 0%, #24476F 48%, #1B3658 100%) !important;
    border-color: #7DACDC !important;
    color: #EEF7FF !important;
    -webkit-text-fill-color: #EEF7FF !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.2),
        0 5px 14px rgba(9, 28, 52, 0.34) !important;
}

html.dark body.crm-core-theme.change-list #result_list td :is(.channel-chip.channel-chip-cryptolab, .domain-chip.domain-chip-cryptolab, .domain-chip.domain-chip-cryptolab.domain-chip-has-meta) {
    background: linear-gradient(180deg, #2B4E78 0%, #203D62 48%, #192F4D 100%) !important;
    border-color: #6F9BCC !important;
    color: #E1F0FF !important;
    -webkit-text-fill-color: #E1F0FF !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.18),
        0 5px 14px rgba(10, 25, 43, 0.32) !important;
}

html.dark body.crm-core-theme.change-list #result_list td :is(
    .channel-chip.channel-chip-space,
    .domain-chip.domain-chip-space,
    .domain-chip.domain-chip-space.domain-chip-has-meta,
    .channel-chip.channel-chip-pulse,
    .domain-chip.domain-chip-pulse,
    .domain-chip.domain-chip-pulse.domain-chip-has-meta,
    .domain-chip.domain-chip-has-meta.domain-chip-meta-channel
) {
    background: linear-gradient(180deg, #315A86 0%, #23466E 48%, #1A3657 100%) !important;
    border-color: #78A8D8 !important;
    color: #EAF5FF !important;
    -webkit-text-fill-color: #EAF5FF !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.2),
        0 5px 14px rgba(9, 27, 49, 0.34) !important;
}

html.dark body.crm-core-theme.change-list #result_list td .domain-chip.domain-chip-has-meta.domain-chip-meta-channel .domain-chip-meta {
    color: #BFD9F5 !important;
    -webkit-text-fill-color: #BFD9F5 !important;
    opacity: 1 !important;
}

/* Premium selected state for top client/subscriber filter chips in dark mode. */
html.dark body.crm-core-theme.change-list :is(
    .client-quality-banner .client-quality-chip,
    .subscriber-sync-panel .subscriber-sync-chip
).crm-state--selected {
    transform: translateY(-1px) !important;
    box-shadow:
        0 12px 28px rgba(8, 18, 32, 0.56),
        0 0 0 1px rgba(163, 201, 243, 0.38),
        inset 0 1px 0 rgba(255, 255, 255, 0.24) !important;
    filter: saturate(1.07) brightness(1.04) !important;
}

@media (min-width: 1025px) {
    html.dark body.crm-core-theme.change-list :is(
        .client-quality-banner .client-quality-chip,
        .subscriber-sync-panel .subscriber-sync-chip
    ) {
        transition:
            box-shadow 0.24s ease,
            border-color 0.24s ease,
            transform 0.24s ease,
            filter 0.24s ease !important;
    }
}

html.dark body.crm-core-theme.model-client.change-list .client-quality-banner .client-quality-chip.client-quality-chip--metric.crm-state--selected.client-quality-chip--base-danger,
html.dark body.crm-core-theme.model-client.change-list .client-quality-banner .client-quality-chip.crm-state--danger-soft.crm-state--selected {
    background: linear-gradient(180deg, #5A2F3A 0%, #48252E 100%) !important;
    border-color: #9C5869 !important;
    color: #F6D7DF !important;
    -webkit-text-fill-color: #F6D7DF !important;
    box-shadow:
        0 12px 26px rgba(52, 17, 27, 0.52),
        0 0 0 1px rgba(217, 130, 157, 0.34),
        inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}

html.dark body.crm-core-theme.model-client.change-list .client-quality-banner .client-quality-chip.client-quality-chip--metric.crm-state--selected.client-quality-chip--base-warning,
html.dark body.crm-core-theme.model-subscriber.change-list .subscriber-sync-panel .subscriber-sync-chip.subscriber-sync-chip--metric.crm-state--selected.subscriber-sync-chip--base-warning {
    background: linear-gradient(180deg, #614924 0%, #4C391C 100%) !important;
    border-color: #A17A3A !important;
    color: #F6E2B7 !important;
    -webkit-text-fill-color: #F6E2B7 !important;
    box-shadow:
        0 12px 26px rgba(59, 40, 13, 0.52),
        0 0 0 1px rgba(227, 186, 112, 0.34),
        inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}

html.dark body.crm-core-theme.model-client.change-list .client-quality-banner .client-quality-chip.client-quality-chip--metric.crm-state--selected.client-quality-chip--base-success,
html.dark body.crm-core-theme.model-subscriber.change-list .subscriber-sync-panel .subscriber-sync-chip.subscriber-sync-chip--metric.crm-state--selected.subscriber-sync-chip--base-success {
    background: linear-gradient(180deg, #214B3D 0%, #1A3C31 100%) !important;
    border-color: #4A8A6B !important;
    color: #D2F0E1 !important;
    -webkit-text-fill-color: #D2F0E1 !important;
    box-shadow:
        0 12px 26px rgba(14, 45, 35, 0.52),
        0 0 0 1px rgba(128, 214, 176, 0.34),
        inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}

html.dark body.crm-core-theme.change-list :is(
    .client-quality-banner .client-quality-chip.crm-state--selected:not(.client-quality-chip--metric),
    .subscriber-sync-panel .subscriber-sync-chip.crm-state--selected:not(.subscriber-sync-chip--metric)
) {
    background: linear-gradient(180deg, #3F5D86 0%, #314A6B 100%) !important;
    border-color: #6E95C8 !important;
    color: #F3F8FF !important;
    -webkit-text-fill-color: #F3F8FF !important;
    box-shadow:
        0 12px 26px rgba(18, 35, 57, 0.54),
        0 0 0 1px rgba(150, 191, 241, 0.36),
        inset 0 1px 0 rgba(255, 255, 255, 0.24) !important;
}

/* Remove outer frame around density/row-style groups in dark theme. */
html.dark body.crm-core-theme.change-list :is(.crm-density-toggle, .crm-row-style-toggle) {
    border-color: transparent !important;
    box-shadow: none !important;
    background: transparent !important;
    background-image: none !important;
}

@media (min-width: 1025px) {
    html.dark body.crm-core-theme.change-list :is(.crm-density-toggle, .crm-row-style-toggle) {
        border-color: transparent !important;
        background: transparent !important;
        background-image: none !important;
        box-shadow: none !important;
    }

    html.dark body.crm-core-theme.change-list :is(.crm-density-toggle, .crm-row-style-toggle) > :is(.crm-density-btn, .crm-row-style-btn) {
        background: linear-gradient(180deg, #1E2C40 0%, #182437 100%) !important;
        border-color: rgba(137, 171, 209, 0.2) !important;
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.06),
            0 4px 10px rgba(7, 15, 26, 0.22) !important;
    }

    html.dark body.crm-core-theme.change-list :is(.crm-density-toggle, .crm-row-style-toggle) > :is(.crm-density-btn, .crm-row-style-btn).is-active {
        background: linear-gradient(180deg, #3F73A8 0%, #315E91 48%, #274C78 100%) !important;
        border-color: #76A8D8 !important;
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.22),
            0 8px 18px rgba(10, 31, 55, 0.42) !important;
    }
}

/* Final dark desktop correction: no wrapper paint, selected filter chips use their border hue. */
@media (min-width: 1025px) {
    html.dark body.crm-core-theme.change-list :is(.crm-density-toggle, .crm-row-style-toggle) {
        border-color: transparent !important;
        background: transparent !important;
        background-image: none !important;
        box-shadow: none !important;
    }

    html.dark body.crm-core-theme.change-list :is(
        .client-quality-banner .client-quality-chip,
        .subscriber-sync-panel .subscriber-sync-chip
    ).crm-state--selected {
        box-shadow: none !important;
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
    }

    html.dark body.crm-core-theme.change-list :is(
        .client-quality-banner .client-quality-chip,
        .subscriber-sync-panel .subscriber-sync-chip
    ).crm-state--selected:is(.crm-state--danger, .crm-state--danger-soft, .client-quality-chip--base-danger, .subscriber-sync-chip-problem) {
        border-color: #9C5869 !important;
        background: #9C5869 !important;
        background-image: none !important;
    }

    html.dark body.crm-core-theme.change-list :is(
        .client-quality-banner .client-quality-chip,
        .subscriber-sync-panel .subscriber-sync-chip
    ).crm-state--selected:is(.crm-state--warning, .client-quality-chip--base-warning, .subscriber-sync-chip--base-warning) {
        border-color: #A17A3A !important;
        background: #A17A3A !important;
        background-image: none !important;
    }

    html.dark body.crm-core-theme.change-list :is(
        .client-quality-banner .client-quality-chip,
        .subscriber-sync-panel .subscriber-sync-chip
    ).crm-state--selected:is(.crm-state--success, .client-quality-chip--base-success, .subscriber-sync-chip--base-success) {
        border-color: #4A8A6B !important;
        background: #4A8A6B !important;
        background-image: none !important;
    }

    html.dark body.crm-core-theme.change-list :is(
        .client-quality-banner .client-quality-chip,
        .subscriber-sync-panel .subscriber-sync-chip
    ).crm-state--selected:is(.crm-state--neutral, .crm-state--info, .client-quality-chip--base-neutral, .subscriber-sync-chip--base-neutral) {
        border-color: #6E95C8 !important;
        background: #6E95C8 !important;
        background-image: none !important;
    }
}

/* Final color-only restore: keep channel/domain project identities in dark desktop. */
@media (min-width: 1025px) {
    html.dark body.crm-core-theme.change-list #result_list td :is(.channel-chip, .domain-chip) :is(.domain-chip-main, .domain-chip-meta) {
        color: inherit !important;
        -webkit-text-fill-color: inherit !important;
    }

    html.dark body.crm-core-theme.change-list #result_list td :is(.channel-chip.channel-chip-enigma, .domain-chip.domain-chip-enigma, .domain-chip.domain-chip-enigma.domain-chip-has-meta) {
        background: linear-gradient(180deg, #4e4326 0%, #40371f 100%) !important;
        background-color: #40371f !important;
        border-color: #8b7640 !important;
        color: #f2dfb1 !important;
        -webkit-text-fill-color: #f2dfb1 !important;
        box-shadow: none !important;
    }

    html.dark body.crm-core-theme.change-list #result_list td :is(.channel-chip.channel-chip-cryptolab, .domain-chip.domain-chip-cryptolab, .domain-chip.domain-chip-cryptolab.domain-chip-has-meta) {
        background: linear-gradient(180deg, #3d3159 0%, #322847 100%) !important;
        background-color: #322847 !important;
        border-color: #755fa0 !important;
        color: #e3d8ff !important;
        -webkit-text-fill-color: #e3d8ff !important;
        box-shadow: none !important;
    }

    html.dark body.crm-core-theme.change-list #result_list td :is(.channel-chip.channel-chip-shark, .domain-chip.domain-chip-shark, .domain-chip.domain-chip-shark.domain-chip-has-meta) {
        background: linear-gradient(180deg, #29476b 0%, #213955 100%) !important;
        background-color: #213955 !important;
        border-color: #4b78a5 !important;
        color: #cfe5ff !important;
        -webkit-text-fill-color: #cfe5ff !important;
        box-shadow: none !important;
    }

    html.dark body.crm-core-theme.change-list #result_list td :is(.channel-chip.channel-chip-space, .domain-chip.domain-chip-space, .domain-chip.domain-chip-space.domain-chip-has-meta, .channel-chip.channel-chip-pulse, .domain-chip.domain-chip-pulse, .domain-chip.domain-chip-pulse.domain-chip-has-meta) {
        background: linear-gradient(180deg, #2b3d53 0%, #243347 100%) !important;
        background-color: #243347 !important;
        border-color: #5f738c !important;
        color: #d5e1ef !important;
        -webkit-text-fill-color: #d5e1ef !important;
        box-shadow: none !important;
    }

    html.dark body.crm-core-theme.change-list #result_list td .domain-chip.domain-chip-has-meta.domain-chip-meta-channel:not(.domain-chip-enigma):not(.domain-chip-cryptolab):not(.domain-chip-shark):not(.domain-chip-space):not(.domain-chip-pulse) {
        background: linear-gradient(180deg, #1f4b3d 0%, #183b30 100%) !important;
        background-color: #183b30 !important;
        border-color: #3f7c63 !important;
        color: #b8ead1 !important;
        -webkit-text-fill-color: #b8ead1 !important;
        box-shadow: none !important;
    }

    html.dark body.crm-core-theme.change-list #result_list td .domain-chip.domain-chip-has-meta.domain-chip-meta-channel:not(.domain-chip-enigma):not(.domain-chip-cryptolab):not(.domain-chip-shark):not(.domain-chip-space):not(.domain-chip-pulse) .domain-chip-meta {
        color: #b8ead1 !important;
        -webkit-text-fill-color: #b8ead1 !important;
    }

    html.dark body.crm-core-theme.change-list #result_list td .domain-chip.domain-chip-has-meta.domain-chip-meta-bot:not(.domain-chip-enigma):not(.domain-chip-cryptolab):not(.domain-chip-shark):not(.domain-chip-space):not(.domain-chip-pulse) {
        background: linear-gradient(180deg, #4f3f24 0%, #40331d 100%) !important;
        background-color: #40331d !important;
        border-color: #8e7440 !important;
        color: #f3ddb0 !important;
        -webkit-text-fill-color: #f3ddb0 !important;
        box-shadow: none !important;
    }
}

/* Final color-only dark desktop polish for Subscribers and Domains. */
@media (min-width: 1025px) {
    html.dark body.crm-core-theme:is(.model-subscriber, .model-domain) {
        background-color: #0F1724 !important;
        color: #D7E2EF !important;
        -webkit-text-fill-color: #D7E2EF !important;
    }

    html.dark body.crm-core-theme:is(.model-subscriber, .model-domain) :is(
        #main,
        #content,
        #content-main,
        #changelist,
        #changelist-form,
        .module,
        .result-list-wrapper,
        .changelist-form-container,
        .simplebar-wrapper,
        .simplebar-mask,
        .simplebar-offset,
        .simplebar-content-wrapper,
        .simplebar-content
    ) {
        background-color: #0F1724 !important;
        background-image: none !important;
        color: #D7E2EF !important;
        -webkit-text-fill-color: #D7E2EF !important;
    }

    html.dark body.crm-core-theme:is(.model-subscriber, .model-domain) :is(
        .bg-white,
        .bg-base-50,
        .bg-gray-50,
        .bg-white\/20,
        .lg\:bg-white,
        .dark\:bg-white\/\[\.02\]
    ) {
        background-color: #141F2D !important;
        background-image: none !important;
        border-color: #2B4058 !important;
        color: #D7E2EF !important;
        -webkit-text-fill-color: #D7E2EF !important;
        box-shadow: none !important;
    }

    html.dark body.crm-core-theme:is(.model-subscriber, .model-domain).change-list :is(
        .crm-changelist-sticky-panel,
        #changelist-search form,
        #toolbar form,
        #changelist-actions,
        #changelist-actions-wrapper,
        .actions,
        .paginator,
        .pagination,
        #changelist .pagination
    ) {
        background-color: #141F2D !important;
        background-image: none !important;
        border-color: #2B4058 !important;
        color: #D7E2EF !important;
        -webkit-text-fill-color: #D7E2EF !important;
        box-shadow: none !important;
    }

    html.dark body.crm-core-theme:is(.model-subscriber, .model-domain).change-list #result_list {
        background-color: #0F1724 !important;
        background-image: none !important;
        border-color: #2B4058 !important;
        color: #D7E2EF !important;
        -webkit-text-fill-color: #D7E2EF !important;
        box-shadow: none !important;
    }

    html.dark body.crm-core-theme:is(.model-subscriber, .model-domain).change-list #result_list > thead > tr > th {
        background-color: #101A28 !important;
        background-image: none !important;
        border-color: #2B4058 !important;
        color: #9FB3C9 !important;
        -webkit-text-fill-color: #9FB3C9 !important;
        box-shadow: none !important;
    }

    html.dark body.crm-core-theme:is(.model-subscriber, .model-domain).change-list #result_list > tbody,
    html.dark body.crm-core-theme:is(.model-subscriber, .model-domain).change-list #result_list > tbody[class] {
        background-color: #0F1724 !important;
        background-image: none !important;
        color: #D7E2EF !important;
        -webkit-text-fill-color: #D7E2EF !important;
    }

    html.dark body.crm-core-theme:is(.model-subscriber, .model-domain).change-list #result_list > tbody > tr > :is(th, td) {
        background: linear-gradient(180deg, #152233 0%, #111B2A 100%) !important;
        background-color: #111B2A !important;
        border-color: rgba(91, 123, 162, 0.34) !important;
        color: #D7E2EF !important;
        -webkit-text-fill-color: #D7E2EF !important;
        box-shadow: none !important;
    }

    html.dark body.crm-core-theme:is(.model-subscriber, .model-domain).change-list #result_list > tbody > tr:hover > :is(th, td) {
        background: linear-gradient(180deg, #182941 0%, #132238 100%) !important;
        background-color: #132238 !important;
        border-color: rgba(116, 154, 200, 0.48) !important;
        color: #EAF3FF !important;
        -webkit-text-fill-color: #EAF3FF !important;
    }

    html.dark body.crm-core-theme:is(.model-subscriber, .model-domain) :is(
        input,
        select,
        textarea,
        .vTextField,
        .vLargeTextField,
        .select2-selection,
        .select2-dropdown
    ) {
        background-color: #111D2B !important;
        background-image: none !important;
        border-color: #34506D !important;
        color: #DDE8F5 !important;
        -webkit-text-fill-color: #DDE8F5 !important;
        box-shadow: none !important;
    }

    html.dark body.crm-core-theme:is(.model-subscriber, .model-domain) :is(input, textarea)::placeholder {
        color: #7F93AA !important;
        -webkit-text-fill-color: #7F93AA !important;
    }

    html.dark body.crm-core-theme:is(.model-subscriber, .model-domain) :is(
        button,
        .button,
        a.button,
        input[type="submit"],
        input[type="button"],
        .object-tools a,
        #changelist-filter a
    ) {
        background-color: #17263A !important;
        background-image: none !important;
        border-color: #365676 !important;
        color: #DCEBFB !important;
        -webkit-text-fill-color: #DCEBFB !important;
        box-shadow: none !important;
    }

    html.dark body.crm-core-theme:is(.model-subscriber, .model-domain) :is(
        button:hover,
        .button:hover,
        a.button:hover,
        input[type="submit"]:hover,
        input[type="button"]:hover,
        .object-tools a:hover,
        #changelist-filter a:hover
    ) {
        background-color: #1C304A !important;
        background-image: none !important;
        border-color: #4A75A0 !important;
        color: #FFFFFF !important;
        -webkit-text-fill-color: #FFFFFF !important;
    }

    html.dark body.crm-core-theme:is(.model-subscriber, .model-domain).change-list #changelist-filter,
    html.dark body.crm-core-theme:is(.model-subscriber, .model-domain).change-list #changelist-filter > div:last-child {
        background-color: #101A28 !important;
        background-image: none !important;
        border-color: #2B4058 !important;
        color: #D7E2EF !important;
        -webkit-text-fill-color: #D7E2EF !important;
        box-shadow: none !important;
    }

    html.dark body.crm-core-theme:is(.model-subscriber, .model-domain).change-list #changelist-filter :is(
        h2,
        h3,
        label,
        li,
        p,
        span,
        .text-font-default-light,
        .text-font-important-light
    ) {
        color: #D7E2EF !important;
        -webkit-text-fill-color: #D7E2EF !important;
    }

    html.dark body.crm-core-theme.model-subscriber .subscriber-sync-panel,
    html.dark body.crm-core-theme.model-subscriber .subscriber-sync-chips {
        background-color: transparent !important;
        background-image: none !important;
        border-color: transparent !important;
        box-shadow: none !important;
        color: #D7E2EF !important;
        -webkit-text-fill-color: #D7E2EF !important;
    }

    html.dark body.crm-core-theme.model-subscriber .subscriber-sync-panel .text-base-500 {
        color: #96A9BE !important;
        -webkit-text-fill-color: #96A9BE !important;
    }

    html.dark body.crm-core-theme:is(.model-subscriber, .model-domain) :is(
        button,
        .button,
        .button.default,
        a.button,
        input[type="submit"],
        input[type="button"],
        .submit-row input,
        .submit-row button,
        .object-tools a,
        .object-tools button,
        #changelist-filter button,
        #changelist-filter a,
        #changelist-filter-reset-btn,
        #changelist-filter-close-btn,
        .crm-density-btn,
        .crm-row-style-btn,
        .addlink,
        .historylink
    ) {
        background-color: #17263A !important;
        background-image: none !important;
        border-color: #365676 !important;
        color: #DCEBFB !important;
        -webkit-text-fill-color: #DCEBFB !important;
        box-shadow: none !important;
    }

    html.dark body.crm-core-theme:is(.model-subscriber, .model-domain) :is(
        button:hover,
        .button:hover,
        .button.default:hover,
        a.button:hover,
        input[type="submit"]:hover,
        input[type="button"]:hover,
        .submit-row input:hover,
        .submit-row button:hover,
        .object-tools a:hover,
        .object-tools button:hover,
        #changelist-filter button:hover,
        #changelist-filter a:hover,
        #changelist-filter-reset-btn:hover,
        #changelist-filter-close-btn:hover,
        .crm-density-btn:hover,
        .crm-row-style-btn:hover,
        .addlink:hover,
        .historylink:hover
    ) {
        background-color: #1C304A !important;
        background-image: none !important;
        border-color: #4A75A0 !important;
        color: #FFFFFF !important;
        -webkit-text-fill-color: #FFFFFF !important;
    }

    html.dark body.crm-core-theme:is(.model-subscriber, .model-domain) :is(
        .crm-density-btn.is-active,
        .crm-row-style-btn.is-active,
        .button.default,
        input[type="submit"].default
    ) {
        background-color: #254766 !important;
        background-image: linear-gradient(180deg, #2E587C 0%, #1D3A58 100%) !important;
        border-color: #6EA4D7 !important;
        color: #F4FAFF !important;
        -webkit-text-fill-color: #F4FAFF !important;
    }

    html.dark body.crm-core-theme:is(.model-subscriber, .model-domain).change-list .crm-bulk-actions-rail {
        background: linear-gradient(180deg, rgba(10, 19, 32, 0.08) 0%, rgba(10, 19, 32, 0.38) 100%) !important;
        background-color: transparent !important;
    }

    html.dark body.crm-core-theme:is(.model-subscriber, .model-domain).change-list :is(
        #changelist-actions-wrapper,
        #changelist-actions,
        .crm-bulk-actions-surface
    ) {
        background: linear-gradient(180deg, #17283D 0%, #101B2B 100%) !important;
        background-color: #101B2B !important;
        border-color: #4E739B !important;
        color: #E6F1FF !important;
        -webkit-text-fill-color: #E6F1FF !important;
        box-shadow:
            0 18px 42px rgba(2, 8, 18, 0.48),
            inset 0 1px 0 rgba(178, 215, 255, 0.10) !important;
    }

    html.dark body.crm-core-theme:is(.model-subscriber, .model-domain).change-list #changelist-actions :is(
        label,
        .action-counter,
        .actions-selected-counter,
        .all,
        .question,
        .clear,
        span,
        a
    ) {
        color: #DCEBFB !important;
        -webkit-text-fill-color: #DCEBFB !important;
    }

    html.dark body.crm-core-theme:is(.model-subscriber, .model-domain).change-list #changelist-actions select[name="action"] {
        background: linear-gradient(180deg, #132337 0%, #0F1B2A 100%) !important;
        background-color: #0F1B2A !important;
        border-color: #52799F !important;
        color: #ECF6FF !important;
        -webkit-text-fill-color: #ECF6FF !important;
        box-shadow: inset 0 1px 0 rgba(178, 215, 255, 0.08) !important;
    }

    html.dark body.crm-core-theme:is(.model-subscriber, .model-domain).change-list #changelist-actions button[name="index"] {
        background: linear-gradient(180deg, #2F628F 0%, #1E4268 100%) !important;
        background-color: #1E4268 !important;
        border-color: #7DB3E1 !important;
        color: #FFFFFF !important;
        -webkit-text-fill-color: #FFFFFF !important;
        box-shadow:
            0 10px 24px rgba(26, 80, 128, 0.34),
            inset 0 1px 0 rgba(230, 246, 255, 0.18) !important;
    }

    html.dark body.crm-core-theme:is(.model-subscriber, .model-domain).change-list #changelist-actions button[name="index"]:hover {
        background: linear-gradient(180deg, #3B76A8 0%, #25547D 100%) !important;
        background-color: #25547D !important;
        border-color: #A2CFFF !important;
        color: #FFFFFF !important;
        -webkit-text-fill-color: #FFFFFF !important;
    }
}

/* Final audit lock: dark desktop luxury layer for touched CRM areas only. */
@media (min-width: 1025px) {
    html.dark body.crm-core-theme:is(.model-client, .model-subscriber, .model-domain, .model-user, .model-group, .crm-dashboard) {
        background-color: #0F1724 !important;
        color: #D7E2EF !important;
        -webkit-text-fill-color: #D7E2EF !important;
    }

    html.dark body.crm-core-theme:is(.model-client, .model-subscriber, .model-domain, .model-user, .model-group, .crm-dashboard) :is(
        #main,
        #content,
        #content-main,
        #changelist,
        #changelist-form,
        .module,
        .results,
        .result-list-wrapper,
        .changelist-form-container,
        .simplebar-wrapper,
        .simplebar-mask,
        .simplebar-offset,
        .simplebar-content-wrapper,
        .simplebar-content,
        .crm-dashboard-layout,
        .crm-dashboard-main,
        .crm-dashboard-side
    ) {
        background-color: #0F1724 !important;
        background-image: none !important;
        color: #D7E2EF !important;
        -webkit-text-fill-color: #D7E2EF !important;
    }

    html.dark body.crm-core-theme:is(.model-client, .model-subscriber, .model-domain, .model-user, .model-group, .crm-dashboard) :is(
        .bg-white,
        .bg-base-50,
        .bg-gray-50,
        .bg-white\/20,
        .lg\:bg-white,
        .dark\:bg-white\/\[\.02\],
        .dark\:bg-base-800,
        .dark\:bg-base-900
    ) {
        background: linear-gradient(180deg, #17283D 0%, #101B2B 100%) !important;
        background-color: #101B2B !important;
        border-color: #324B68 !important;
        color: #DCEBFB !important;
        -webkit-text-fill-color: #DCEBFB !important;
        box-shadow:
            0 14px 34px rgba(2, 8, 18, 0.24),
            inset 0 1px 0 rgba(178, 215, 255, 0.08) !important;
    }

    html.dark body.crm-core-theme:is(.model-client, .model-subscriber, .model-domain, .model-user, .model-group).change-list #result_list,
    html.dark body.crm-core-theme.crm-dashboard :is(table, caption) {
        background-color: #101A28 !important;
        background-image: none !important;
        border-color: #324B68 !important;
        color: #D7E2EF !important;
        -webkit-text-fill-color: #D7E2EF !important;
        box-shadow: none !important;
    }

    html.dark body.crm-core-theme:is(.model-client, .model-subscriber, .model-domain, .model-user, .model-group).change-list #result_list > thead > tr > th {
        background-color: #101A28 !important;
        background-image: none !important;
        border-color: #324B68 !important;
        color: #AFC3DA !important;
        -webkit-text-fill-color: #AFC3DA !important;
        box-shadow: none !important;
    }

    html.dark body.crm-core-theme:is(.model-client, .model-subscriber, .model-domain, .model-user, .model-group).change-list #result_list > tbody,
    html.dark body.crm-core-theme:is(.model-client, .model-subscriber, .model-domain, .model-user, .model-group).change-list #result_list > tbody[class],
    html.dark body.crm-core-theme.crm-dashboard tr {
        background-color: #0F1724 !important;
        background-image: none !important;
        color: #D7E2EF !important;
        -webkit-text-fill-color: #D7E2EF !important;
    }

    html.dark body.crm-core-theme:is(.model-client, .model-subscriber, .model-domain, .model-user, .model-group).change-list #result_list > tbody > tr > :is(th, td),
    html.dark body.crm-core-theme.crm-dashboard :is(th, td) {
        background: linear-gradient(180deg, #152233 0%, #111B2A 100%) !important;
        background-color: #111B2A !important;
        border-color: rgba(91, 123, 162, 0.34) !important;
        color: #D7E2EF !important;
        -webkit-text-fill-color: #D7E2EF !important;
        box-shadow: none !important;
    }

    html.dark body.crm-core-theme:is(.model-client, .model-subscriber, .model-domain, .model-user, .model-group).change-list #result_list > tbody > tr:hover > :is(th, td),
    html.dark body.crm-core-theme.crm-dashboard tr:hover :is(th, td) {
        background: linear-gradient(180deg, #182941 0%, #132238 100%) !important;
        background-color: #132238 !important;
        border-color: rgba(116, 154, 200, 0.48) !important;
        color: #EAF3FF !important;
        -webkit-text-fill-color: #EAF3FF !important;
    }

    html.dark body.crm-core-theme:is(.model-client, .model-subscriber, .model-domain, .model-user, .model-group) :is(
        input,
        select,
        textarea,
        .vTextField,
        .vLargeTextField,
        .select2-selection,
        .select2-dropdown,
        .selector,
        .selector-available,
        .selector-chosen
    ) {
        background: linear-gradient(180deg, #132337 0%, #0F1B2A 100%) !important;
        background-color: #0F1B2A !important;
        border-color: #52799F !important;
        color: #ECF6FF !important;
        -webkit-text-fill-color: #ECF6FF !important;
        box-shadow: inset 0 1px 0 rgba(178, 215, 255, 0.08) !important;
    }

    html.dark body.crm-core-theme:is(.model-client, .model-subscriber, .model-domain, .model-user, .model-group) :is(input, textarea)::placeholder {
        color: #8FA6BE !important;
        -webkit-text-fill-color: #8FA6BE !important;
    }

    html.dark body.crm-core-theme:is(.model-client, .model-subscriber, .model-domain, .model-user, .model-group, .crm-dashboard) :is(
        button,
        .button,
        .button.default,
        a.button,
        input[type="submit"],
        input[type="button"],
        .submit-row input,
        .submit-row button,
        .object-tools a,
        .object-tools button,
        .addlink,
        .historylink,
        .deletelink,
        .crm-density-btn,
        .crm-row-style-btn,
        .js-dashboard-model-visibility-toggle,
        .js-dashboard-model-toggle
    ) {
        background: linear-gradient(180deg, #17263A 0%, #111D2D 100%) !important;
        background-color: #17263A !important;
        border-color: #365676 !important;
        color: #DCEBFB !important;
        -webkit-text-fill-color: #DCEBFB !important;
        box-shadow: inset 0 1px 0 rgba(178, 215, 255, 0.08) !important;
    }

    html.dark body.crm-core-theme:is(.model-client, .model-subscriber, .model-domain, .model-user, .model-group, .crm-dashboard) :is(
        button:hover,
        .button:hover,
        .button.default:hover,
        a.button:hover,
        input[type="submit"]:hover,
        input[type="button"]:hover,
        .submit-row input:hover,
        .submit-row button:hover,
        .object-tools a:hover,
        .object-tools button:hover,
        .addlink:hover,
        .historylink:hover,
        .deletelink:hover,
        .crm-density-btn:hover,
        .crm-row-style-btn:hover,
        .js-dashboard-model-visibility-toggle:hover,
        .js-dashboard-model-toggle:hover
    ) {
        background: linear-gradient(180deg, #1F3652 0%, #172941 100%) !important;
        background-color: #1C304A !important;
        border-color: #4A75A0 !important;
        color: #FFFFFF !important;
        -webkit-text-fill-color: #FFFFFF !important;
    }

    html.dark body.crm-core-theme:is(.model-client, .model-subscriber, .model-domain, .model-user, .model-group) :is(
        .button.default,
        input[type="submit"].default,
        .submit-row input.default,
        .crm-density-btn.is-active,
        .crm-row-style-btn.is-active
    ),
    html.dark body.crm-core-theme.crm-dashboard tr:is(.model-user, .model-group) .addlink {
        background: linear-gradient(180deg, #2F628F 0%, #1E4268 100%) !important;
        background-color: #1E4268 !important;
        border-color: #7DB3E1 !important;
        color: #FFFFFF !important;
        -webkit-text-fill-color: #FFFFFF !important;
        box-shadow:
            0 10px 24px rgba(26, 80, 128, 0.34),
            inset 0 1px 0 rgba(230, 246, 255, 0.18) !important;
    }

    html.dark body.crm-core-theme:is(.model-client, .model-subscriber, .model-domain, .model-user, .model-group).change-list #changelist-filter,
    html.dark body.crm-core-theme:is(.model-client, .model-subscriber, .model-domain, .model-user, .model-group).change-list #changelist-filter #changelist-filter-close {
        background-color: rgba(5, 11, 20, 0.62) !important;
        background-image: none !important;
        border-color: transparent !important;
        box-shadow: none !important;
    }

    html.dark body.crm-core-theme:is(.model-client, .model-subscriber, .model-domain, .model-user, .model-group).change-list #changelist-filter > div:last-child {
        background: linear-gradient(180deg, #17283D 0%, #101B2B 100%) !important;
        background-color: #101B2B !important;
        border-color: #4E739B !important;
        color: #E6F1FF !important;
        -webkit-text-fill-color: #E6F1FF !important;
        box-shadow:
            0 22px 52px rgba(2, 8, 18, 0.52),
            inset 0 1px 0 rgba(178, 215, 255, 0.10) !important;
    }

    html.dark body.crm-core-theme:is(.model-client, .model-subscriber, .model-domain, .model-user, .model-group).change-list #changelist-filter :is(
        h2,
        h3,
        label,
        li,
        p,
        span,
        a,
        .text-font-default-light,
        .text-font-important-light
    ) {
        color: #DCEBFB !important;
        -webkit-text-fill-color: #DCEBFB !important;
    }

    html.dark body.crm-core-theme:is(.model-client, .model-subscriber, .model-domain, .model-user, .model-group).change-list #changelist-filter :is(
        ul,
        .crm-filter-pill-list,
        .crm-filter-pill-item
    ) {
        background-color: transparent !important;
        background-image: none !important;
        border-color: rgba(91, 123, 162, 0.34) !important;
        color: #DCEBFB !important;
        -webkit-text-fill-color: #DCEBFB !important;
        box-shadow: none !important;
    }

    html.dark body.crm-core-theme:is(.model-client, .model-subscriber, .model-domain, .model-user, .model-group).change-list #changelist-filter :is(
        .crm-filter-pill-option,
        .crm-filter-pill-all,
        #changelist-filter-reset-btn,
        #changelist-filter-close-btn
    ) {
        background: linear-gradient(180deg, #17263A 0%, #111D2D 100%) !important;
        background-color: #17263A !important;
        border-color: #365676 !important;
        color: #DCEBFB !important;
        -webkit-text-fill-color: #DCEBFB !important;
        box-shadow: inset 0 1px 0 rgba(178, 215, 255, 0.08) !important;
    }

    html.dark body.crm-core-theme:is(.model-client, .model-subscriber, .model-domain, .model-user, .model-group).change-list #changelist-filter :is(
        .crm-filter-pill-option:hover,
        .crm-filter-pill-all:hover,
        #changelist-filter-reset-btn:hover,
        #changelist-filter-close-btn:hover
    ) {
        background: linear-gradient(180deg, #1F3652 0%, #172941 100%) !important;
        background-color: #1C304A !important;
        border-color: #4A75A0 !important;
        color: #FFFFFF !important;
        -webkit-text-fill-color: #FFFFFF !important;
    }

    html.dark body.crm-core-theme:is(.model-client, .model-subscriber, .model-domain, .model-user, .model-group).change-list #changelist-filter :is(
        .crm-filter-pill-option.is-selected,
        .crm-filter-pill-all.is-selected
    ) {
        background: linear-gradient(180deg, #2F628F 0%, #1E4268 100%) !important;
        background-color: #1E4268 !important;
        border-color: #7DB3E1 !important;
        color: #FFFFFF !important;
        -webkit-text-fill-color: #FFFFFF !important;
    }

    html.dark body.crm-core-theme:is(.model-client, .model-subscriber, .model-domain, .model-user, .model-group).change-list #changelist-filter .datetimeshortcuts,
    html.dark body.crm-core-theme:is(.model-client, .model-subscriber, .model-domain, .model-user, .model-group).change-list #changelist-filter .datetimeshortcuts *,
    html.dark body.crm-core-theme:is(.model-client, .model-subscriber, .model-domain, .model-user, .model-group).change-list #changelist-filter .datetimeshortcuts :is(a, span, .date-icon, .clock-icon) {
        background-color: transparent !important;
        background-image: none !important;
        border-color: transparent !important;
        box-shadow: none !important;
        color: #AFC3DA !important;
        -webkit-text-fill-color: #AFC3DA !important;
    }

    html.dark body.crm-core-theme:is(.model-client, .model-subscriber, .model-domain, .model-user, .model-group).change-list .crm-bulk-actions-rail {
        background: linear-gradient(180deg, rgba(10, 19, 32, 0.08) 0%, rgba(10, 19, 32, 0.38) 100%) !important;
        background-color: transparent !important;
    }

    html.dark body.crm-core-theme:is(.model-client, .model-subscriber, .model-domain, .model-user, .model-group).change-list :is(
        #changelist-actions-wrapper,
        #changelist-actions,
        .crm-bulk-actions-surface
    ) {
        background: linear-gradient(180deg, #17283D 0%, #101B2B 100%) !important;
        background-color: #101B2B !important;
        border-color: #4E739B !important;
        color: #E6F1FF !important;
        -webkit-text-fill-color: #E6F1FF !important;
        box-shadow:
            0 18px 42px rgba(2, 8, 18, 0.48),
            inset 0 1px 0 rgba(178, 215, 255, 0.10) !important;
    }

    html.dark body.crm-core-theme:is(.model-client, .model-subscriber, .model-domain, .model-user, .model-group).change-list #changelist-actions :is(
        label,
        .action-counter,
        .actions-selected-counter,
        .all,
        .question,
        .clear,
        span,
        a
    ) {
        color: #DCEBFB !important;
        -webkit-text-fill-color: #DCEBFB !important;
    }

    html.dark body.crm-core-theme:is(.model-client, .model-subscriber, .model-domain, .model-user, .model-group).change-list #changelist-actions button[name="index"] {
        background: linear-gradient(180deg, #2F628F 0%, #1E4268 100%) !important;
        background-color: #1E4268 !important;
        border-color: #7DB3E1 !important;
        color: #FFFFFF !important;
        -webkit-text-fill-color: #FFFFFF !important;
        box-shadow:
            0 10px 24px rgba(26, 80, 128, 0.34),
            inset 0 1px 0 rgba(230, 246, 255, 0.18) !important;
    }

    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list :is(
        .client-quality-banner,
        .subscriber-sync-panel,
        .subscriber-sync-chips
    ) {
        background-color: transparent !important;
        background-image: none !important;
        border-color: transparent !important;
        box-shadow: none !important;
        color: #D7E2EF !important;
        -webkit-text-fill-color: #D7E2EF !important;
    }

    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list :is(
        .client-quality-banner .client-quality-chip,
        .subscriber-sync-panel .subscriber-sync-chip
    ) {
        background: linear-gradient(180deg, #17263A 0%, #111D2D 100%) !important;
        background-color: #17263A !important;
        border-color: #365676 !important;
        color: #DCEBFB !important;
        -webkit-text-fill-color: #DCEBFB !important;
        box-shadow: inset 0 1px 0 rgba(178, 215, 255, 0.08) !important;
    }

    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list :is(
        .client-quality-banner .client-quality-chip,
        .subscriber-sync-panel .subscriber-sync-chip
    ).crm-state--selected {
        background-color: var(--crm-state-border, #365676) !important;
        background-image: none !important;
        border-color: var(--crm-state-border, #365676) !important;
        color: #FFFFFF !important;
        -webkit-text-fill-color: #FFFFFF !important;
    }

    html.dark body.crm-core-theme .crm-user-menu-dropdown {
        background: linear-gradient(180deg, #17283D 0%, #101B2B 100%) !important;
        background-color: #101B2B !important;
        border-color: #4E739B !important;
        color: #E6F1FF !important;
        -webkit-text-fill-color: #E6F1FF !important;
        box-shadow:
            0 22px 52px rgba(2, 8, 18, 0.52),
            inset 0 1px 0 rgba(178, 215, 255, 0.10) !important;
    }

    html.dark body.crm-core-theme .crm-user-menu-head,
    html.dark body.crm-core-theme .crm-user-menu-divider,
    html.dark body.crm-core-theme .crm-user-menu-form {
        background-color: transparent !important;
        background-image: none !important;
        border-color: rgba(116, 154, 200, 0.34) !important;
        color: #EAF3FF !important;
        -webkit-text-fill-color: #EAF3FF !important;
    }

    html.dark body.crm-core-theme .crm-user-menu-item {
        background-color: transparent !important;
        background-image: none !important;
        border-color: transparent !important;
        color: #DCEBFB !important;
        -webkit-text-fill-color: #DCEBFB !important;
        box-shadow: none !important;
    }

    html.dark body.crm-core-theme .crm-user-menu-item:hover,
    html.dark body.crm-core-theme .crm-user-menu-item:focus {
        background: linear-gradient(180deg, #1F3652 0%, #172941 100%) !important;
        background-color: #1C304A !important;
        border-color: #4A75A0 !important;
        color: #FFFFFF !important;
        -webkit-text-fill-color: #FFFFFF !important;
    }

    html.dark body.crm-core-theme .crm-user-menu-item-danger {
        color: #FFB8B8 !important;
        -webkit-text-fill-color: #FFB8B8 !important;
    }

    html.dark body.crm-core-theme .crm-user-menu-item-danger:hover,
    html.dark body.crm-core-theme .crm-user-menu-item-danger:focus {
        background: linear-gradient(180deg, #4A2530 0%, #2B1720 100%) !important;
        background-color: #2B1720 !important;
        border-color: #9B4E5F !important;
        color: #FFE7E7 !important;
        -webkit-text-fill-color: #FFE7E7 !important;
    }

    html.dark body.crm-core-theme.change-list #result_list td :is(.channel-chip, .domain-chip) :is(.domain-chip-main, .domain-chip-meta) {
        color: #F6FBFF !important;
        -webkit-text-fill-color: #F6FBFF !important;
    }

    html.dark body.crm-core-theme.change-list #result_list td :is(.channel-chip.channel-chip-enigma, .domain-chip.domain-chip-enigma, .domain-chip.domain-chip-enigma.domain-chip-has-meta) {
        background: linear-gradient(180deg, #7C5E22 0%, #3F2C10 100%) !important;
        background-color: #3F2C10 !important;
        border-color: #D8B15C !important;
        box-shadow: inset 0 1px 0 rgba(255, 239, 185, 0.22) !important;
    }

    html.dark body.crm-core-theme.change-list #result_list td :is(.channel-chip.channel-chip-cryptolab, .domain-chip.domain-chip-cryptolab, .domain-chip.domain-chip-cryptolab.domain-chip-has-meta) {
        background: linear-gradient(180deg, #6B4FA3 0%, #352752 100%) !important;
        background-color: #352752 !important;
        border-color: #B89AFF !important;
        box-shadow: inset 0 1px 0 rgba(230, 216, 255, 0.20) !important;
    }

    html.dark body.crm-core-theme.change-list #result_list td :is(.channel-chip.channel-chip-shark, .domain-chip.domain-chip-shark, .domain-chip.domain-chip-shark.domain-chip-has-meta) {
        background: linear-gradient(180deg, #2F628F 0%, #183A5C 100%) !important;
        background-color: #183A5C !important;
        border-color: #8FC2F2 !important;
        box-shadow: inset 0 1px 0 rgba(230, 246, 255, 0.20) !important;
    }

    html.dark body.crm-core-theme.change-list #result_list td :is(.channel-chip.channel-chip-space, .domain-chip.domain-chip-space, .domain-chip.domain-chip-space.domain-chip-has-meta, .channel-chip.channel-chip-pulse, .domain-chip.domain-chip-pulse, .domain-chip.domain-chip-pulse.domain-chip-has-meta) {
        background: linear-gradient(180deg, #3F5166 0%, #202B38 100%) !important;
        background-color: #202B38 !important;
        border-color: #9AB0CA !important;
        box-shadow: inset 0 1px 0 rgba(224, 235, 248, 0.16) !important;
    }
}

/* Final color-only lock for dark add/edit forms. */
@media (min-width: 1025px) {
    html.dark body.crm-core-theme:is(.model-client, .model-subscriber, .model-domain, .model-user, .model-group).change-form,
    html.dark body.crm-core-theme:is(.model-client, .model-subscriber, .model-domain, .model-user, .model-group).change-form :is(
        #main,
        #content,
        #content-main,
        form,
        .module,
        fieldset,
        .form-row,
        .aligned,
        .submit-row,
        .flex-container,
        .form-row > div
    ) {
        background-color: #0F1724 !important;
        background-image: none !important;
        border-color: #2B4058 !important;
        color: #D7E2EF !important;
        -webkit-text-fill-color: #D7E2EF !important;
        box-shadow: none !important;
    }

    html.dark body.crm-core-theme:is(.model-client, .model-subscriber, .model-domain, .model-user, .model-group).change-form :is(
        .bg-white,
        .bg-base-50,
        .bg-gray-50,
        .bg-white\/20,
        .lg\:bg-white,
        .dark\:bg-white\/\[\.02\],
        .dark\:bg-base-800,
        .dark\:bg-base-900,
        #main > .bg-white.border-b,
        #main > .bg-white.border-b.border-base-200,
        #header,
        #header-inner,
        .breadcrumbs,
        .object-tools
    ) {
        background: linear-gradient(180deg, #17283D 0%, #101B2B 100%) !important;
        background-color: #101B2B !important;
        border-color: #324B68 !important;
        color: #DCEBFB !important;
        -webkit-text-fill-color: #DCEBFB !important;
        box-shadow: inset 0 1px 0 rgba(178, 215, 255, 0.08) !important;
    }

    html.dark body.crm-core-theme:is(.model-client, .model-subscriber, .model-domain, .model-user, .model-group).change-form :is(
        label,
        legend,
        h1,
        h2,
        h3,
        p,
        span,
        a,
        .help,
        .readonly,
        .required,
        .text-font-default-light,
        .text-font-important-light
    ) {
        color: #DCEBFB !important;
        -webkit-text-fill-color: #DCEBFB !important;
    }

    html.dark body.crm-core-theme:is(.model-client, .model-subscriber, .model-domain, .model-user, .model-group).change-form :is(
        input,
        select,
        textarea,
        .vTextField,
        .vLargeTextField,
        .select2-selection,
        .select2-dropdown,
        .selector,
        .selector-available,
        .selector-chosen
    ) {
        background-color: #111D2B !important;
        background-image: none !important;
        border-color: #34506D !important;
        color: #DDE8F5 !important;
        -webkit-text-fill-color: #DDE8F5 !important;
        box-shadow: none !important;
    }

    html.dark body.crm-core-theme:is(.model-client, .model-subscriber, .model-domain, .model-user, .model-group).change-form :is(
        input::placeholder,
        textarea::placeholder
    ) {
        color: #8FA6BE !important;
        -webkit-text-fill-color: #8FA6BE !important;
    }

    html.dark body.crm-core-theme:is(.model-client, .model-subscriber, .model-domain, .model-user, .model-group).change-form :is(
        button,
        .button,
        .button.default,
        a.button,
        input[type="submit"],
        input[type="button"],
        .submit-row input,
        .submit-row button,
        .object-tools a,
        .object-tools button
    ) {
        background-color: #17263A !important;
        background-image: none !important;
        border-color: #365676 !important;
        color: #DCEBFB !important;
        -webkit-text-fill-color: #DCEBFB !important;
        box-shadow: none !important;
    }

    html.dark body.crm-core-theme:is(.model-client, .model-subscriber, .model-domain, .model-user, .model-group).change-form :is(
        button:hover,
        .button:hover,
        .button.default:hover,
        a.button:hover,
        input[type="submit"]:hover,
        input[type="button"]:hover,
        .submit-row input:hover,
        .submit-row button:hover,
        .object-tools a:hover,
        .object-tools button:hover
    ) {
        background-color: #1C304A !important;
        background-image: none !important;
        border-color: #4A75A0 !important;
        color: #FFFFFF !important;
        -webkit-text-fill-color: #FFFFFF !important;
    }

    html.dark body.crm-core-theme:is(.model-client, .model-subscriber, .model-domain, .model-user, .model-group).change-form :is(
        .button.default,
        input[type="submit"].default,
        .submit-row input.default
    ) {
        background: linear-gradient(180deg, #2F628F 0%, #1E4268 100%) !important;
        background-color: #1E4268 !important;
        border-color: #7DB3E1 !important;
        color: #FFFFFF !important;
        -webkit-text-fill-color: #FFFFFF !important;
        box-shadow: 0 10px 24px rgba(26, 80, 128, 0.34) !important;
    }
}

/* Final global dark lock for user account dropdown. */
@media (min-width: 1025px) {
    html.dark .crm-user-menu-dropdown,
    html.dark .crm-user-menu-dropdown.bg-white,
    html.dark .crm-user-menu-dropdown.dark\:bg-base-800 {
        background: linear-gradient(180deg, #17283D 0%, #101B2B 100%) !important;
        background-color: #101B2B !important;
        border-color: #4E739B !important;
        color: #E6F1FF !important;
        -webkit-text-fill-color: #E6F1FF !important;
        box-shadow:
            0 22px 52px rgba(2, 8, 18, 0.52),
            inset 0 1px 0 rgba(178, 215, 255, 0.10) !important;
    }

    html.dark .crm-user-menu-dropdown :is(
        .crm-user-menu-head,
        .crm-user-menu-divider,
        .crm-user-menu-form
    ) {
        background-color: transparent !important;
        background-image: none !important;
        border-color: rgba(116, 154, 200, 0.34) !important;
        color: #EAF3FF !important;
        -webkit-text-fill-color: #EAF3FF !important;
        box-shadow: none !important;
    }

    html.dark .crm-user-menu-dropdown .crm-user-menu-item {
        background-color: transparent !important;
        background-image: none !important;
        border-color: transparent !important;
        color: #DCEBFB !important;
        -webkit-text-fill-color: #DCEBFB !important;
        box-shadow: none !important;
    }

    html.dark .crm-user-menu-dropdown .crm-user-menu-item:hover,
    html.dark .crm-user-menu-dropdown .crm-user-menu-item:focus {
        background: linear-gradient(180deg, #1F3652 0%, #172941 100%) !important;
        background-color: #1C304A !important;
        border-color: #4A75A0 !important;
        color: #FFFFFF !important;
        -webkit-text-fill-color: #FFFFFF !important;
    }

    html.dark .crm-user-menu-dropdown .crm-user-menu-item-danger {
        color: #FFB8B8 !important;
        -webkit-text-fill-color: #FFB8B8 !important;
    }

    html.dark .crm-user-menu-dropdown .crm-user-menu-item-danger:hover,
    html.dark .crm-user-menu-dropdown .crm-user-menu-item-danger:focus {
        background: linear-gradient(180deg, #4A2530 0%, #2B1720 100%) !important;
        background-color: #2B1720 !important;
        border-color: #9B4E5F !important;
        color: #FFE7E7 !important;
        -webkit-text-fill-color: #FFE7E7 !important;
    }
}

/* Final color-only lock for Domains table outer wrapper. */
@media (min-width: 1025px) {
    html.dark body.crm-core-theme.model-domain.change-list :is(
        #changelist-form > div[data-simplebar],
        #changelist-form > div[data-simplebar].lg\:bg-white,
        #changelist-form > div[data-simplebar].lg\:border,
        #changelist-form > div[data-simplebar] > .simplebar-wrapper,
        #changelist-form > div[data-simplebar] > .simplebar-wrapper > .simplebar-mask,
        #changelist-form > div[data-simplebar] > .simplebar-wrapper > .simplebar-mask > .simplebar-offset,
        #changelist-form > div[data-simplebar] > .simplebar-wrapper > .simplebar-mask > .simplebar-offset > .simplebar-content-wrapper,
        #changelist-form > div[data-simplebar] .simplebar-content
    ) {
        background-color: #0F1724 !important;
        background-image: none !important;
        border-color: #2B4058 !important;
        color: #D7E2EF !important;
        -webkit-text-fill-color: #D7E2EF !important;
        box-shadow: none !important;
    }

    html.dark body.crm-core-theme.model-domain.change-list #changelist-form > div[data-simplebar] {
        background: linear-gradient(180deg, #101A28 0%, #0F1724 100%) !important;
        background-color: #0F1724 !important;
        border-color: #2B4058 !important;
        box-shadow: none !important;
    }
}

/* Final color-only lock for dashboard header and recent actions. */
@media (min-width: 1025px) {
    html.dark body.crm-core-theme.crm-dashboard :is(
        #main > .bg-white.border-b,
        #main > .bg-white.border-b.border-base-200,
        #header,
        #header-inner,
        .crm-navigation-header,
        .crm-dashboard-side,
        .crm-dashboard-side *,
        .recent-actions,
        .recent-actions *,
        #recent-actions-module,
        #recent-actions-module *,
        .actionlist,
        .actionlist *,
        .module[id*="recent"],
        .module[id*="recent"] *,
        .bg-white,
        .bg-base-50,
        .dark\:bg-base-800,
        .dark\:bg-base-900
    ) {
        background-color: #0F1724 !important;
        background-image: none !important;
        border-color: #2B4058 !important;
        color: #D7E2EF !important;
        -webkit-text-fill-color: #D7E2EF !important;
        box-shadow: none !important;
    }

    html.dark body.crm-core-theme.crm-dashboard :is(
        .crm-dashboard-side > *,
        .recent-actions,
        #recent-actions-module,
        .actionlist,
        .module[id*="recent"],
        .crm-dashboard-side .module,
        .crm-dashboard-side .bg-white,
        .crm-dashboard-side .bg-base-50,
        .crm-dashboard-side .dark\:bg-base-800,
        .crm-dashboard-side .dark\:bg-base-900
    ) {
        background: linear-gradient(180deg, #17283D 0%, #101B2B 100%) !important;
        background-color: #101B2B !important;
        border-color: #324B68 !important;
        color: #DCEBFB !important;
        -webkit-text-fill-color: #DCEBFB !important;
        box-shadow: inset 0 1px 0 rgba(178, 215, 255, 0.08) !important;
    }

    html.dark body.crm-core-theme.crm-dashboard :is(
        .crm-dashboard-side a,
        .crm-dashboard-side span,
        .crm-dashboard-side p,
        .crm-dashboard-side div,
        .crm-dashboard-side h2,
        .crm-dashboard-side h3,
        .recent-actions a,
        .recent-actions span,
        .recent-actions p,
        .actionlist a,
        .actionlist span,
        .actionlist p
    ) {
        color: #DCEBFB !important;
        -webkit-text-fill-color: #DCEBFB !important;
    }

    html.dark body.crm-core-theme.crm-dashboard :is(
        .crm-dashboard-side li,
        .crm-dashboard-side tr,
        .crm-dashboard-side td,
        .crm-dashboard-side th,
        .actionlist li,
        .recent-actions li
    ) {
        background: linear-gradient(180deg, #152233 0%, #111B2A 100%) !important;
        background-color: #111B2A !important;
        border-color: rgba(91, 123, 162, 0.34) !important;
        color: #D7E2EF !important;
        -webkit-text-fill-color: #D7E2EF !important;
        box-shadow: none !important;
    }
}

/* Final color-only lock for auth search controls. */
@media (min-width: 1025px) {
    html.dark body.crm-core-theme:is(.model-user, .model-group).change-list :is(
        #changelist-search,
        #toolbar,
        form[role="search"],
        form[action=""],
        .search-container,
        .search-form,
        .searchbar,
        .relative:has(input[name="q"]),
        .relative:has(input[type="search"])
    ) {
        background-color: transparent !important;
        background-image: none !important;
        border-color: transparent !important;
        color: #DCEBFB !important;
        -webkit-text-fill-color: #DCEBFB !important;
        box-shadow: none !important;
    }

    html.dark body.crm-core-theme:is(.model-user, .model-group).change-list :is(
        #changelist-search input,
        #toolbar input,
        input[name="q"],
        input[type="search"],
        .searchbar input
    ) {
        background: linear-gradient(180deg, #17283D 0%, #101B2B 100%) !important;
        background-color: #101B2B !important;
        background-image: linear-gradient(180deg, #17283D 0%, #101B2B 100%) !important;
        border-color: #4E739B !important;
        color: #E6F1FF !important;
        -webkit-text-fill-color: #E6F1FF !important;
        box-shadow:
            0 18px 42px rgba(2, 8, 18, 0.38),
            inset 0 1px 0 rgba(178, 215, 255, 0.10) !important;
    }

    html.dark body.crm-core-theme:is(.model-user, .model-group).change-list :is(
        #changelist-search input::placeholder,
        #toolbar input::placeholder,
        input[name="q"]::placeholder,
        input[type="search"]::placeholder,
        .searchbar input::placeholder
    ) {
        color: #8FA6BE !important;
        -webkit-text-fill-color: #8FA6BE !important;
    }

    html.dark body.crm-core-theme:is(.model-user, .model-group).change-list :is(
        #changelist-search button,
        #toolbar button,
        button[type="submit"],
        .searchbar button
    ) {
        background: linear-gradient(180deg, #213854 0%, #16283F 100%) !important;
        background-color: #16283F !important;
        border-color: #527CA8 !important;
        color: #EAF3FF !important;
        -webkit-text-fill-color: #EAF3FF !important;
        box-shadow: inset 0 1px 0 rgba(178, 215, 255, 0.12) !important;
    }

    html.dark body.crm-core-theme:is(.model-user, .model-group).change-list :is(
        #changelist-search button svg,
        #toolbar button svg,
        button[type="submit"] svg,
        .searchbar button svg
    ) {
        color: #EAF3FF !important;
        fill: none !important;
        stroke: #EAF3FF !important;
    }
}

/* Final screenshot audit fixes: colors/backgrounds only, desktop dark. */
@media (min-width: 1025px) {
    /* 1. Empty geo cells should be plain text, not a filled chip. */
    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list #result_list td.field-display_geo :is(.geo-chip-empty, .geo-chip:has(.geo-country:only-child)),
    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list #result_list td.field-display_geo .geo-chip-empty * {
        background-color: transparent !important;
        background-image: none !important;
        border-color: transparent !important;
        box-shadow: none !important;
        color: #9FB6CD !important;
        -webkit-text-fill-color: #9FB6CD !important;
    }

    /* 2. User dropdown, high-specificity lock for the actual Unfold menu. */
    html.dark body.crm-core-theme #header-inner .crm-user-menu-wrap nav.crm-user-menu-dropdown,
    html.dark body.crm-core-theme #header-inner nav.crm-user-menu-dropdown,
    html.dark body.crm-core-theme nav.crm-user-menu-dropdown.absolute.bg-white,
    html.dark body.crm-core-theme .crm-user-menu-wrap .crm-user-menu-dropdown {
        background: linear-gradient(180deg, #17283D 0%, #101B2B 100%) !important;
        background-color: #101B2B !important;
        border-color: #4E739B !important;
        color: #E6F1FF !important;
        -webkit-text-fill-color: #E6F1FF !important;
        box-shadow: 0 22px 52px rgba(2, 8, 18, 0.56), inset 0 1px 0 rgba(178, 215, 255, 0.10) !important;
    }

    html.dark body.crm-core-theme #header-inner .crm-user-menu-dropdown :is(.crm-user-menu-head, .crm-user-menu-divider, .crm-user-menu-form, a, button, span),
    html.dark body.crm-core-theme .crm-user-menu-wrap .crm-user-menu-dropdown :is(.crm-user-menu-head, .crm-user-menu-divider, .crm-user-menu-form, a, button, span) {
        background-color: transparent !important;
        background-image: none !important;
        border-color: rgba(116, 154, 200, 0.30) !important;
        color: #E6F1FF !important;
        -webkit-text-fill-color: #E6F1FF !important;
        box-shadow: none !important;
    }

    html.dark body.crm-core-theme #header-inner .crm-user-menu-dropdown :is(a, button):hover,
    html.dark body.crm-core-theme .crm-user-menu-wrap .crm-user-menu-dropdown :is(a, button):hover {
        background: linear-gradient(180deg, #1F3652 0%, #172941 100%) !important;
        background-color: #1C304A !important;
        border-color: #4A75A0 !important;
        color: #FFFFFF !important;
        -webkit-text-fill-color: #FFFFFF !important;
    }

    /* 3. Add/edit pages: remove any remaining white header/footer/form panes. */
    html.dark body.crm-core-theme:is(.model-client, .model-subscriber, .model-domain).change-form :is(
        #main > .bg-white,
        #main > .bg-white.border-b,
        #header,
        #header-inner,
        #content,
        #content-main,
        form,
        form > div,
        fieldset,
        .module,
        .form-row,
        .submit-row,
        .bg-white,
        .bg-base-50,
        .bg-base-100,
        .lg\:bg-white,
        .dark\:bg-base-800,
        .dark\:bg-base-900
    ) {
        background-color: #0F1724 !important;
        background-image: none !important;
        border-color: #2B4058 !important;
        color: #D7E2EF !important;
        -webkit-text-fill-color: #D7E2EF !important;
        box-shadow: none !important;
    }

    html.dark body.crm-core-theme:is(.model-client, .model-subscriber, .model-domain).change-form :is(.submit-row, .submit-row *, .sticky, .fixed, [class*="bottom-"], [class*="sticky"]):not(input):not(select):not(textarea):not(button):not(a) {
        background-color: rgba(15, 23, 36, 0.92) !important;
        background-image: none !important;
        border-color: #2B4058 !important;
        color: #D7E2EF !important;
        -webkit-text-fill-color: #D7E2EF !important;
        box-shadow: none !important;
    }

    /* 4. Make the moon icon readable while the thumb is light. */
    html.dark body.crm-core-theme :is(.crm-theme-switch.is-dark, [data-crm-theme-toggle].is-dark) :is(.crm-theme-switch__icon--moon, .crm-theme-switch__icon--moon svg, .material-symbols-outlined) {
        color: #15304D !important;
        -webkit-text-fill-color: #15304D !important;
        stroke: #15304D !important;
        fill: none !important;
        opacity: 1 !important;
    }

    /* 5. Selected quality/filter chips should visibly glow, especially "Без даты подписки". */
    html.dark body.crm-core-theme.change-list :is(
        .client-quality-banner .client-quality-chip.crm-state--selected,
        .subscriber-sync-panel .subscriber-sync-chip.crm-state--selected,
        .client-quality-banner .client-quality-chip.is-active,
        .subscriber-sync-panel .subscriber-sync-chip.is-active,
        .client-quality-banner .client-quality-chip[aria-pressed="true"],
        .subscriber-sync-panel .subscriber-sync-chip[aria-pressed="true"]
    ) {
        background: color-mix(in srgb, currentColor 18%, #111B2A 82%) !important;
        border-color: currentColor !important;
        box-shadow: 0 0 0 1px currentColor, 0 0 22px color-mix(in srgb, currentColor 40%, transparent), inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
    }

    /* 6. Dashboard: remove remaining light fills in modules and action cards. */
    html.dark body.crm-core-theme.crm-dashboard :is(
        #main > .bg-white,
        #main > .bg-white.border-b,
        #header,
        #header-inner,
        .crm-dashboard-main,
        .crm-dashboard-side,
        .module,
        .app-auth,
        .app-core,
        .recent-actions,
        .actionlist,
        .bg-white,
        .bg-base-50,
        .bg-base-100,
        .dark\:bg-base-800,
        .dark\:bg-base-900
    ) {
        background-color: #0F1724 !important;
        background-image: none !important;
        border-color: #2B4058 !important;
        color: #D7E2EF !important;
        -webkit-text-fill-color: #D7E2EF !important;
        box-shadow: none !important;
    }

    html.dark body.crm-core-theme.crm-dashboard :is(.module caption, .module h2, .module h3, .module a, .module li, .module tr, .module td, .module th, .actionlist li, .recent-actions li) {
        background-color: transparent !important;
        background-image: none !important;
        border-color: #2B4058 !important;
        color: #DCEBFB !important;
        -webkit-text-fill-color: #DCEBFB !important;
        box-shadow: none !important;
    }

    /* 7. Sidebar: keep only the panel itself, no inner button slabs. */
    html.dark body.crm-core-theme #nav-sidebar :is(
        #nav-sidebar-inner > div,
        nav,
        ul,
        li,
        a,
        button,
        .bg-base-100,
        .bg-base-200,
        .dark\:bg-base-800,
        .dark\:bg-base-900
    ) {
        background-color: transparent !important;
        background-image: none !important;
        box-shadow: none !important;
    }

    html.dark body.crm-core-theme #nav-sidebar :is(a, button):hover,
    html.dark body.crm-core-theme #nav-sidebar :is(a, button)[aria-current="page"],
    html.dark body.crm-core-theme #nav-sidebar .active > :is(a, button),
    html.dark body.crm-core-theme #nav-sidebar .current-model > :is(a, button) {
        background-color: transparent !important;
        background-image: none !important;
        border-color: transparent !important;
        box-shadow: none !important;
        color: #E6F1FF !important;
        -webkit-text-fill-color: #E6F1FF !important;
    }

    /* 8. Client/subscriber tables: remove inner dark slabs, keep readable text. */
    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list :is(
        #changelist-form,
        #changelist-form .results,
        #changelist-form > div[data-simplebar],
        #result_list,
        #result_list > tbody,
        #result_list > tbody[class],
        #result_list > tbody > tr,
        #result_list > tbody > tr > :is(th, td)
    ) {
        background-color: transparent !important;
        background-image: none !important;
        box-shadow: none !important;
    }

    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list #result_list > thead > tr > th {
        background-color: #111B2A !important;
        background-image: none !important;
    }

    /* 9. Right filters panel: remove wrapper fills, keep controls themselves styled. */
    html.dark body.crm-core-theme:is(.model-client, .model-subscriber, .model-domain, .model-user, .model-group).change-list #changelist-filter :is(
        form,
        form > div,
        fieldset,
        .module,
        .filter-wrapper,
        .filter-box,
        .bg-white,
        .bg-base-50,
        .bg-base-100,
        .dark\:bg-base-800,
        .dark\:bg-base-900
    ):not(input):not(select):not(textarea):not(button):not(a) {
        background-color: transparent !important;
        background-image: none !important;
        box-shadow: none !important;
    }

    /* 10. Display mode chips: no wrapper or button fills, active state by border/glow only. */
    html.dark body.crm-core-theme.change-list :is(.crm-density-toggle, .crm-row-style-toggle),
    html.dark body.crm-core-theme.change-list :is(.crm-density-toggle, .crm-row-style-toggle) > :is(.crm-density-btn, .crm-row-style-btn) {
        background-color: transparent !important;
        background-image: none !important;
        box-shadow: none !important;
    }

    html.dark body.crm-core-theme.change-list :is(.crm-density-toggle, .crm-row-style-toggle) > :is(.crm-density-btn, .crm-row-style-btn).is-active {
        background-color: transparent !important;
        background-image: none !important;
        border-color: #76A8D8 !important;
        color: #F4FAFF !important;
        -webkit-text-fill-color: #F4FAFF !important;
        box-shadow: 0 0 0 1px rgba(118, 168, 216, 0.72), 0 0 18px rgba(76, 132, 190, 0.38) !important;
    }
}

/* Desktop-only dark theme fixes after mobile rollback. */
@media (min-width: 1025px) {
    /* Final dashboard dark fallback desktop-only: colors only. */
    html.dark[data-crm-theme="dark"] body.crm-core-theme.crm-dashboard :is(
        #main > .bg-white,
        #main > .bg-white.border-b,
        #header,
        #header-inner,
        .crm-navigation-header,
        .crm-dashboard-main,
        .crm-dashboard-side,
        .module,
        .app-core,
        .app-auth,
        .bg-white,
        .bg-base-50,
        .bg-base-100,
        .dark\:bg-base-800,
        .dark\:bg-base-900
    ) {
        background-color: #0F1724 !important;
        background-image: none !important;
        border-color: #2B4058 !important;
        color: #D7E2EF !important;
        -webkit-text-fill-color: #D7E2EF !important;
        box-shadow: none !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.crm-dashboard :is(
        .crm-navigation-header h1,
        .crm-navigation-header span,
        #header h1,
        #header span,
        #header-inner h1,
        #header-inner span,
        .module caption,
        .module caption a,
        .module h2,
        .module h3,
        .module th,
        .module td,
        .module a
    ) {
        color: #DCEBFB !important;
        -webkit-text-fill-color: #DCEBFB !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.crm-dashboard :is(
        .module caption span,
        .module caption .rounded-full,
        .module caption [class*="rounded"],
        .module :is(td, th) .rounded-full,
        .module :is(td, th) [class*="rounded"],
        .app-core caption span,
        .app-auth caption span
    ) {
        background: linear-gradient(180deg, #203750 0%, #17283D 100%) !important;
        background-color: #17283D !important;
        border-color: #527CA8 !important;
        color: #EAF3FF !important;
        -webkit-text-fill-color: #EAF3FF !important;
        box-shadow: inset 0 1px 0 rgba(178, 215, 255, 0.12), 0 0 16px rgba(76, 132, 190, 0.24) !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.crm-dashboard :is(
        .module tr,
        .module li,
        .actionlist li,
        .recent-actions li
    ) {
        background-color: transparent !important;
        background-image: none !important;
        border-color: #2B4058 !important;
        color: #D7E2EF !important;
        -webkit-text-fill-color: #D7E2EF !important;
        box-shadow: none !important;
    }

    /* Final user dropdown dark fallback desktop-only: colors only. */
    html.dark[data-crm-theme="dark"] body.crm-core-theme nav.crm-user-menu-dropdown,
    html.dark[data-crm-theme="dark"] body.crm-core-theme nav.crm-user-menu-dropdown.bg-white,
    html.dark[data-crm-theme="dark"] body.crm-core-theme .crm-user-menu-wrap .crm-user-menu-dropdown {
        background: linear-gradient(180deg, #17283D 0%, #101B2B 100%) !important;
        background-color: #101B2B !important;
        border-color: #4E739B !important;
        color: #E6F1FF !important;
        -webkit-text-fill-color: #E6F1FF !important;
        box-shadow: 0 22px 52px rgba(2, 8, 18, 0.56), inset 0 1px 0 rgba(178, 215, 255, 0.10) !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme nav.crm-user-menu-dropdown :is(
        .crm-user-menu-head,
        .crm-user-menu-divider,
        .crm-user-menu-form,
        a,
        button,
        span,
        div,
        form
    ) {
        background-color: transparent !important;
        background-image: none !important;
        border-color: rgba(116, 154, 200, 0.30) !important;
        color: #E6F1FF !important;
        -webkit-text-fill-color: #E6F1FF !important;
        box-shadow: none !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme nav.crm-user-menu-dropdown :is(a, button):hover,
    html.dark[data-crm-theme="dark"] body.crm-core-theme nav.crm-user-menu-dropdown :is(a, button):focus {
        background: linear-gradient(180deg, #1F3652 0%, #172941 100%) !important;
        background-color: #1C304A !important;
        border-color: #4A75A0 !important;
        color: #FFFFFF !important;
        -webkit-text-fill-color: #FFFFFF !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme nav.crm-user-menu-dropdown .crm-user-menu-item-danger {
        color: #FFB8B8 !important;
        -webkit-text-fill-color: #FFB8B8 !important;
    }

    /* Final add/edit submit bar dark fallback desktop-only: colors only. */
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber, .model-domain).change-form :is(
        .submit-row,
        .submit-row *,
        [class*="bottom-"],
        [class*="sticky"]
    ):not(input):not(button):not(a):not(select):not(textarea):not(svg):not(path) {
        background-color: rgba(15, 23, 36, 0.94) !important;
        background-image: none !important;
        border-color: #2B4058 !important;
        color: #D7E2EF !important;
        -webkit-text-fill-color: #D7E2EF !important;
        box-shadow: 0 -18px 46px rgba(2, 8, 18, 0.42) !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber, .model-domain).change-form .submit-row :is(
        input[type="submit"],
        button,
        .button,
        a.button
    ) {
        background: linear-gradient(180deg, #2F628F 0%, #1E4268 100%) !important;
        background-color: #1E4268 !important;
        border-color: #7DB3E1 !important;
        color: #FFFFFF !important;
        -webkit-text-fill-color: #FFFFFF !important;
        box-shadow: 0 10px 24px rgba(26, 80, 128, 0.34) !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber, .model-domain).change-form .submit-row :is(
        input[type="submit"]:disabled,
        button:disabled,
        .button.disabled,
        .button[aria-disabled="true"]
    ) {
        background: linear-gradient(180deg, #1A2635 0%, #142031 100%) !important;
        background-color: #142031 !important;
        border-color: #2F4863 !important;
        color: #8FA6BE !important;
        -webkit-text-fill-color: #8FA6BE !important;
        box-shadow: none !important;
    }

    /* Final checkbox/toggle dark fallback desktop-only: colors only. */
    html.dark[data-crm-theme="dark"] body.crm-core-theme :is(
        input[type="checkbox"],
        input[type="radio"]
    ) {
        accent-color: #2F628F !important;
        background-color: #17283D !important;
        border-color: #4E739B !important;
        color: #E6F1FF !important;
        -webkit-text-fill-color: #E6F1FF !important;
        box-shadow: inset 0 1px 0 rgba(178, 215, 255, 0.10) !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme :is(
        input[type="checkbox"]:checked,
        input[type="radio"]:checked
    ) {
        accent-color: #2F628F !important;
        background-color: #2F628F !important;
        border-color: #7DB3E1 !important;
        color: #FFFFFF !important;
        -webkit-text-fill-color: #FFFFFF !important;
        box-shadow: 0 0 0 1px rgba(125, 179, 225, 0.42), 0 0 16px rgba(47, 98, 143, 0.34) !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme :is(
        label:has(input[type="checkbox"]),
        label:has(input[type="radio"]),
        .checkbox-row,
        .form-row:has(input[type="checkbox"]),
        .form-row:has(input[type="radio"])
    ) {
        color: #DCEBFB !important;
        -webkit-text-fill-color: #DCEBFB !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme :is(
        label:has(input[type="checkbox"]:checked),
        label:has(input[type="radio"]:checked)
    ) {
        color: #F4FAFF !important;
        -webkit-text-fill-color: #F4FAFF !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme :is(
        input[type="checkbox"]::before,
        input[type="checkbox"]::after,
        input[type="radio"]::before,
        input[type="radio"]::after
    ) {
        border-color: #DCEBFB !important;
        background-color: #DCEBFB !important;
        color: #15304D !important;
        -webkit-text-fill-color: #15304D !important;
    }

    /* Final bulk actions inner primary layer dark fallback: colors only. */
    html.dark[data-crm-theme="dark"] body.crm-core-theme.change-list :is(
        #changelist-actions-wrapper,
        #changelist-actions,
        .crm-bulk-actions-surface
    ) {
        background: linear-gradient(180deg, #17283D 0%, #101B2B 100%) !important;
        background-color: #101B2B !important;
        border-color: #4E739B !important;
        color: #E6F1FF !important;
        -webkit-text-fill-color: #E6F1FF !important;
        box-shadow: 0 18px 42px rgba(2, 8, 18, 0.48), inset 0 1px 0 rgba(178, 215, 255, 0.10) !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.change-list #changelist-actions > div.bg-primary-600,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.change-list #changelist-actions > div.dark\:bg-primary-500,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.change-list #changelist-actions > div[class*="bg-primary"] {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        border-color: transparent !important;
        color: #E6F1FF !important;
        -webkit-text-fill-color: #E6F1FF !important;
        box-shadow: none !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.change-list #changelist-actions :is(
        label,
        span,
        .action-counter,
        .actions-selected-counter,
        .all,
        .question,
        .clear,
        a
    ) {
        color: #DCEBFB !important;
        -webkit-text-fill-color: #DCEBFB !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.change-list #changelist-actions select[name="action"] {
        background: linear-gradient(180deg, #16273B 0%, #111D2B 100%) !important;
        background-color: #111D2B !important;
        border-color: #4E739B !important;
        color: #E6F1FF !important;
        -webkit-text-fill-color: #E6F1FF !important;
        box-shadow: inset 0 1px 0 rgba(178, 215, 255, 0.10) !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.change-list #changelist-actions button[name="index"] {
        background: linear-gradient(180deg, #2F628F 0%, #1E4268 100%) !important;
        background-color: #1E4268 !important;
        border-color: #7DB3E1 !important;
        color: #FFFFFF !important;
        -webkit-text-fill-color: #FFFFFF !important;
        box-shadow: 0 10px 24px rgba(26, 80, 128, 0.34), inset 0 1px 0 rgba(230, 246, 255, 0.18) !important;
    }

    /* Final active top filter chips: color/glow only. */
    html.dark[data-crm-theme="dark"] body.crm-core-theme.change-list :is(
        .client-quality-banner .client-quality-chip.crm-state--selected,
        .subscriber-sync-panel .subscriber-sync-chip.crm-state--selected
    ) {
        border-color: currentColor !important;
        color: #F4FAFF !important;
        -webkit-text-fill-color: #F4FAFF !important;
        box-shadow: 0 0 0 1px currentColor, 0 0 20px rgba(126, 176, 226, 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.change-list :is(
        .client-quality-banner .client-quality-chip.client-quality-chip--base-danger.crm-state--selected,
        .subscriber-sync-panel .subscriber-sync-chip.subscriber-sync-chip--base-danger.crm-state--selected,
        .subscriber-sync-panel .subscriber-sync-chip.subscriber-sync-chip-problem.crm-state--selected
    ) {
        background: linear-gradient(180deg, #5A2F3A 0%, #3A1F2A 100%) !important;
        background-color: #3A1F2A !important;
        border-color: #D9829D !important;
        color: #FFE4EC !important;
        -webkit-text-fill-color: #FFE4EC !important;
        box-shadow: 0 0 0 1px rgba(217, 130, 157, 0.70), 0 0 22px rgba(217, 130, 157, 0.36), inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.change-list :is(
        .client-quality-banner .client-quality-chip.client-quality-chip--base-warning.crm-state--selected,
        .subscriber-sync-panel .subscriber-sync-chip.subscriber-sync-chip--base-warning.crm-state--selected
    ) {
        background: linear-gradient(180deg, #614924 0%, #3E2D18 100%) !important;
        background-color: #3E2D18 !important;
        border-color: #E3BA70 !important;
        color: #FFE8B8 !important;
        -webkit-text-fill-color: #FFE8B8 !important;
        box-shadow: 0 0 0 1px rgba(227, 186, 112, 0.70), 0 0 22px rgba(227, 186, 112, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.change-list :is(
        .client-quality-banner .client-quality-chip.client-quality-chip--base-success.crm-state--selected,
        .subscriber-sync-panel .subscriber-sync-chip.subscriber-sync-chip--base-success.crm-state--selected
    ) {
        background: linear-gradient(180deg, #214B3D 0%, #173328 100%) !important;
        background-color: #173328 !important;
        border-color: #80D6B0 !important;
        color: #D8F7E9 !important;
        -webkit-text-fill-color: #D8F7E9 !important;
        box-shadow: 0 0 0 1px rgba(128, 214, 176, 0.68), 0 0 22px rgba(128, 214, 176, 0.30), inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.change-list :is(
        .client-quality-banner .client-quality-chip:not(.client-quality-chip--metric).crm-state--selected,
        .subscriber-sync-panel .subscriber-sync-chip:not(.subscriber-sync-chip--metric).crm-state--selected,
        .client-quality-banner .client-quality-chip.client-quality-chip--base-neutral.crm-state--selected,
        .subscriber-sync-panel .subscriber-sync-chip.subscriber-sync-chip--base-neutral.crm-state--selected
    ) {
        background: linear-gradient(180deg, #3F5D86 0%, #273F60 100%) !important;
        background-color: #273F60 !important;
        border-color: #8DB9EA !important;
        color: #F4FAFF !important;
        -webkit-text-fill-color: #F4FAFF !important;
        box-shadow: 0 0 0 1px rgba(141, 185, 234, 0.72), 0 0 22px rgba(141, 185, 234, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
    }

    /* Final client/subscriber list inner slab cleanup: colors only. */
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-list :is(
        #changelist-form,
        #changelist-form .results,
        #changelist-form > div[data-simplebar],
        #changelist-form > div[data-simplebar] .simplebar-wrapper,
        #changelist-form > div[data-simplebar] .simplebar-mask,
        #changelist-form > div[data-simplebar] .simplebar-offset,
        #changelist-form > div[data-simplebar] .simplebar-content-wrapper,
        #changelist-form > div[data-simplebar] .simplebar-content,
        #result_list,
        #result_list > tbody,
        #result_list > tbody[class],
        #result_list > tbody > tr
    ) {
        background-color: transparent !important;
        background-image: none !important;
        box-shadow: none !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-list #result_list > tbody > tr > :is(th, td) {
        background-color: transparent !important;
        background-image: none !important;
        box-shadow: none !important;
    }
}

/* Desktop dashboard header capsule dark fix: colors only. */
@media (min-width: 1025px) {
    html.dark[data-crm-theme="dark"] body.crm-core-theme.crm-dashboard #header-inner > .flex.items-center.w-full {
        background: linear-gradient(180deg, #17283D 0%, #101B2B 100%) !important;
        background-color: #101B2B !important;
        border-color: #4E739B !important;
        color: #E6F1FF !important;
        -webkit-text-fill-color: #E6F1FF !important;
        box-shadow: 0 18px 42px rgba(2, 8, 18, 0.34), inset 0 1px 0 rgba(178, 215, 255, 0.10) !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.crm-dashboard #header-inner > .flex.items-center.w-full :is(h1, h1 a, h1 span, .material-symbols-outlined, a, button, span) {
        color: #E6F1FF !important;
        -webkit-text-fill-color: #E6F1FF !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.crm-dashboard #header-inner > .flex.items-center.w-full .bg-base-200.h-5.w-px {
        background: #4E739B !important;
        background-color: #4E739B !important;
    }
}

/* Desktop users/groups search capsule dark fix: colors only. */
@media (min-width: 1025px) {
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-user, .model-group).change-list :is(#changelist-search form, #toolbar form) {
        background: linear-gradient(180deg, #17283D 0%, #101B2B 100%) !important;
        background-color: #101B2B !important;
        border-color: #4E739B !important;
        color: #E6F1FF !important;
        -webkit-text-fill-color: #E6F1FF !important;
        box-shadow: inset 0 1px 0 rgba(178, 215, 255, 0.10), 0 10px 24px rgba(2, 8, 18, 0.24) !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-user, .model-group).change-list :is(#changelist-search form, #toolbar form):focus-within {
        border-color: #7DB3E1 !important;
        box-shadow: 0 0 0 2px rgba(125, 179, 225, 0.22), inset 0 1px 0 rgba(178, 215, 255, 0.12) !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-user, .model-group).change-list :is(#changelist-search > div, #toolbar form > div, #searchbar, input[name="q"], input[type="search"], input[type="text"]) {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        border-color: transparent !important;
        color: #E6F1FF !important;
        -webkit-text-fill-color: #E6F1FF !important;
        box-shadow: none !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-user, .model-group).change-list :is(#searchbar, input[name="q"], input[type="search"], input[type="text"])::placeholder {
        color: #AFC7E0 !important;
        -webkit-text-fill-color: #AFC7E0 !important;
        opacity: 1 !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-user, .model-group).change-list :is(#searchbar-submit, button#searchbar-submit),
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-user, .model-group).change-list :is(#searchbar-submit, button#searchbar-submit) .material-symbols-outlined {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        border-color: transparent !important;
        color: #AFC7E0 !important;
        -webkit-text-fill-color: #AFC7E0 !important;
        box-shadow: none !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-user, .model-group).change-list :is(#searchbar-submit, button#searchbar-submit)::before,
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-user, .model-group).change-list :is(#searchbar-submit, button#searchbar-submit)::after {
        color: #AFC7E0 !important;
        -webkit-text-fill-color: #AFC7E0 !important;
    }
}

/* Desktop users/groups add button dark fix: colors only. */
@media (min-width: 1025px) {
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-user, .model-group).change-list #header-inner .ml-auto :is(a.addlink, button.addlink),
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-user, .model-group).change-list #header-inner .ml-auto :is(a.addlink, button.addlink):link,
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-user, .model-group).change-list #header-inner .ml-auto :is(a.addlink, button.addlink):visited,
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-user, .model-group).change-list #header-inner .ml-auto :is(a.addlink, button.addlink):focus,
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-user, .model-group).change-list #header-inner .ml-auto :is(a.addlink, button.addlink):focus-visible,
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-user, .model-group).change-list #header-inner .ml-auto :is(a.addlink, button.addlink):active {
        background: linear-gradient(180deg, #17283D 0%, #101B2B 100%) !important;
        background-color: #101B2B !important;
        border-color: #4E739B !important;
        color: transparent !important;
        -webkit-text-fill-color: transparent !important;
        box-shadow: inset 0 1px 0 rgba(178, 215, 255, 0.10), 0 10px 24px rgba(2, 8, 18, 0.24) !important;
        text-shadow: none !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-user, .model-group).change-list #header-inner .ml-auto :is(a.addlink, button.addlink):hover {
        background: linear-gradient(180deg, #1F3652 0%, #172941 100%) !important;
        background-color: #1C304A !important;
        border-color: #7DB3E1 !important;
        color: transparent !important;
        -webkit-text-fill-color: transparent !important;
        box-shadow: 0 0 0 1px rgba(125, 179, 225, 0.34), 0 12px 28px rgba(2, 8, 18, 0.30), inset 0 1px 0 rgba(178, 215, 255, 0.12) !important;
        text-shadow: none !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-user, .model-group).change-list #header-inner .ml-auto :is(a.addlink, button.addlink)::before {
        color: #E6F1FF !important;
        -webkit-text-fill-color: #E6F1FF !important;
        text-shadow: 0 0 14px rgba(125, 179, 225, 0.36) !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-user, .model-group).change-list #header-inner .ml-auto :is(a.addlink, button.addlink):hover::before {
        color: #FFFFFF !important;
        -webkit-text-fill-color: #FFFFFF !important;
        text-shadow: 0 0 16px rgba(141, 185, 234, 0.48) !important;
    }
}

/* Desktop users/groups account dropdown dark fix: colors only. */
@media (min-width: 1025px) {
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-user, .model-group).change-list #header-inner .ml-auto :is(
        nav.crm-user-menu-dropdown,
        .crm-user-menu-wrap nav.crm-user-menu-dropdown,
        [x-data*="openUserLinks"] > nav,
        .relative > nav.absolute.w-52,
        .relative > nav.absolute.top-7.w-52,
        .relative > nav.absolute.top-9.w-52,
        .relative > nav.absolute.top-10.w-52,
        .group.items-center.leading-none.relative > nav.absolute.w-52,
        .group.items-center.leading-none.relative > nav.absolute.top-10.w-52
    ) {
        background: linear-gradient(180deg, #17283D 0%, #101B2B 100%) !important;
        background-color: #101B2B !important;
        border-color: #4E739B !important;
        color: #E6F1FF !important;
        -webkit-text-fill-color: #E6F1FF !important;
        box-shadow: 0 22px 52px rgba(2, 8, 18, 0.56), inset 0 1px 0 rgba(178, 215, 255, 0.10) !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-user, .model-group).change-list #header-inner .ml-auto :is(
        nav.crm-user-menu-dropdown,
        .crm-user-menu-wrap nav.crm-user-menu-dropdown,
        [x-data*="openUserLinks"] > nav,
        .relative > nav.absolute.w-52,
        .relative > nav.absolute.top-7.w-52,
        .relative > nav.absolute.top-9.w-52,
        .relative > nav.absolute.top-10.w-52,
        .group.items-center.leading-none.relative > nav.absolute.w-52,
        .group.items-center.leading-none.relative > nav.absolute.top-10.w-52
    ) :is(.crm-user-menu-head, .crm-user-menu-divider, .crm-user-menu-form, form, div) {
        background-color: transparent !important;
        background-image: none !important;
        border-color: rgba(116, 154, 200, 0.30) !important;
        color: #E6F1FF !important;
        -webkit-text-fill-color: #E6F1FF !important;
        box-shadow: none !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-user, .model-group).change-list #header-inner .ml-auto :is(
        nav.crm-user-menu-dropdown,
        .crm-user-menu-wrap nav.crm-user-menu-dropdown,
        [x-data*="openUserLinks"] > nav,
        .relative > nav.absolute.w-52,
        .relative > nav.absolute.top-7.w-52,
        .relative > nav.absolute.top-9.w-52,
        .relative > nav.absolute.top-10.w-52,
        .group.items-center.leading-none.relative > nav.absolute.w-52,
        .group.items-center.leading-none.relative > nav.absolute.top-10.w-52
    ) :is(a, button, span) {
        background-color: transparent !important;
        background-image: none !important;
        border-color: transparent !important;
        color: #E6F1FF !important;
        -webkit-text-fill-color: #E6F1FF !important;
        box-shadow: none !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-user, .model-group).change-list #header-inner .ml-auto :is(
        nav.crm-user-menu-dropdown,
        .crm-user-menu-wrap nav.crm-user-menu-dropdown,
        [x-data*="openUserLinks"] > nav,
        .relative > nav.absolute.w-52,
        .relative > nav.absolute.top-7.w-52,
        .relative > nav.absolute.top-9.w-52,
        .relative > nav.absolute.top-10.w-52,
        .group.items-center.leading-none.relative > nav.absolute.w-52,
        .group.items-center.leading-none.relative > nav.absolute.top-10.w-52
    ) :is(a, button):hover,
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-user, .model-group).change-list #header-inner .ml-auto :is(
        nav.crm-user-menu-dropdown,
        .crm-user-menu-wrap nav.crm-user-menu-dropdown,
        [x-data*="openUserLinks"] > nav,
        .relative > nav.absolute.w-52,
        .relative > nav.absolute.top-7.w-52,
        .relative > nav.absolute.top-9.w-52,
        .relative > nav.absolute.top-10.w-52,
        .group.items-center.leading-none.relative > nav.absolute.w-52,
        .group.items-center.leading-none.relative > nav.absolute.top-10.w-52
    ) :is(a, button):focus {
        background: linear-gradient(180deg, #1F3652 0%, #172941 100%) !important;
        background-color: #1C304A !important;
        border-color: #4A75A0 !important;
        color: #FFFFFF !important;
        -webkit-text-fill-color: #FFFFFF !important;
        box-shadow: inset 0 1px 0 rgba(178, 215, 255, 0.10) !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-user, .model-group).change-list #header-inner .ml-auto :is(nav.crm-user-menu-dropdown, .crm-user-menu-wrap nav.crm-user-menu-dropdown, [x-data*="openUserLinks"] > nav, .relative > nav.absolute.w-52, .relative > nav.absolute.top-7.w-52, .relative > nav.absolute.top-9.w-52, .relative > nav.absolute.top-10.w-52) :is(.crm-user-menu-item-danger, button[class*="text-red"], a[class*="text-red"]) {
        color: #FFB8B8 !important;
        -webkit-text-fill-color: #FFB8B8 !important;
    }
}

/* Desktop dashboard model-name inner chip cleanup: colors only. */
@media (min-width: 1025px) {
    html.dark[data-crm-theme="dark"] body.crm-core-theme.crm-dashboard #content-main .module table tr > th > a,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.crm-dashboard .crm-dashboard-main .module table tr > th > a {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        border-color: transparent !important;
        box-shadow: none !important;
        color: #DCEBFB !important;
        -webkit-text-fill-color: #DCEBFB !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.crm-dashboard #content-main .module table tr > th > a:hover,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.crm-dashboard .crm-dashboard-main .module table tr > th > a:hover {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        border-color: transparent !important;
        box-shadow: none !important;
        color: #FFFFFF !important;
        -webkit-text-fill-color: #FFFFFF !important;
    }
}

/* Desktop users/groups header inner-layer cleanup: colors only. */
@media (min-width: 1025px) {
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-user, .model-group).change-list #header-inner {
        background: linear-gradient(180deg, #17283D 0%, #101B2B 100%) !important;
        background-color: #101B2B !important;
        border-color: #324B68 !important;
        box-shadow:
            0 14px 34px rgba(2, 8, 18, 0.24),
            inset 0 1px 0 rgba(178, 215, 255, 0.08) !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-user, .model-group).change-list #header-inner > .flex.items-center.w-full {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        border-color: transparent !important;
        box-shadow: none !important;
    }
}

/* Desktop dashboard sidebar inner-layer cleanup: colors only. */
@media (min-width: 1025px) {
    html.dark[data-crm-theme="dark"] body.crm-core-theme.crm-dashboard #nav-sidebar-apps,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.crm-dashboard #nav-sidebar-apps :is(
        .simplebar-wrapper,
        .simplebar-mask,
        .simplebar-offset,
        .simplebar-content-wrapper,
        .simplebar-content
    ) {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        border-color: transparent !important;
        box-shadow: none !important;
    }
}

/* Desktop users/groups header title contrast: colors only. */
@media (min-width: 1025px) {
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-user, .model-group).change-list #header-inner h1,
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-user, .model-group).change-list #header-inner h1 :is(a, span) {
        color: #E6F1FF !important;
        -webkit-text-fill-color: #E6F1FF !important;
    }
}

/* Desktop dashboard sidebar vertical slab cleanup: colors only. */
@media (min-width: 1025px) {
    html.dark[data-crm-theme="dark"] body.crm-core-theme.crm-dashboard #nav-sidebar {
        background: linear-gradient(180deg, #17283D 0%, #101B2B 100%) !important;
        background-color: #101B2B !important;
        border-color: #324B68 !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.crm-dashboard #nav-sidebar-inner,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.crm-dashboard #nav-sidebar-inner > :not(:first-child):not(#nav-sidebar-apps),
    html.dark[data-crm-theme="dark"] body.crm-core-theme.crm-dashboard #nav-sidebar-apps,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.crm-dashboard #nav-sidebar-apps :is(
        .simplebar-wrapper,
        .simplebar-mask,
        .simplebar-offset,
        .simplebar-content-wrapper,
        .simplebar-content
    ) {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        border-color: transparent !important;
        box-shadow: none !important;
    }
}

/* Desktop dashboard sidebar unified surface: colors only. */
@media (min-width: 1025px) {
    html.dark[data-crm-theme="dark"] body.crm-core-theme.crm-dashboard div.bg-base-50.relative.z-30:has(> #nav-sidebar),
    html.dark[data-crm-theme="dark"] body.crm-core-theme.crm-dashboard #nav-sidebar,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.crm-dashboard #nav-sidebar-inner,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.crm-dashboard #nav-sidebar-inner > div.border-b,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.crm-dashboard #nav-sidebar-inner > div.border-b > div.bg-transparent,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.crm-dashboard #nav-sidebar-apps,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.crm-dashboard #nav-sidebar-apps :is(
        .simplebar-wrapper,
        .simplebar-mask,
        .simplebar-offset,
        .simplebar-content-wrapper,
        .simplebar-content
    ) {
        background: #101B2B !important;
        background-color: #101B2B !important;
        background-image: none !important;
        border-color: #324B68 !important;
        box-shadow: none !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.crm-dashboard #nav-sidebar::before,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.crm-dashboard #nav-sidebar::after,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.crm-dashboard #nav-sidebar-inner::before,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.crm-dashboard #nav-sidebar-inner::after,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.crm-dashboard #nav-sidebar-apps::before,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.crm-dashboard #nav-sidebar-apps::after {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        border-color: transparent !important;
        box-shadow: none !important;
    }
}

/* Desktop domains parity with Users/Groups dark style: colors only. */
@media (min-width: 1025px) {
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list :is(#page, #main, #content, #content-main, #changelist, #changelist-form, .module, .results, .result-list-wrapper, .changelist-form-container) {
        background-color: #0F1724 !important;
        background-image: none !important;
        color: #D7E2EF !important;
        -webkit-text-fill-color: #D7E2EF !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #header-inner {
        background: linear-gradient(180deg, #17283D 0%, #101B2B 100%) !important;
        background-color: #101B2B !important;
        border-color: #324B68 !important;
        box-shadow:
            0 14px 34px rgba(2, 8, 18, 0.24),
            inset 0 1px 0 rgba(178, 215, 255, 0.08) !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #header-inner > .flex.items-center.w-full {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        border-color: transparent !important;
        box-shadow: none !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #header-inner h1,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #header-inner h1 :is(a, span),
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #header-inner .material-symbols-outlined {
        color: #E6F1FF !important;
        -webkit-text-fill-color: #E6F1FF !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #header-inner .bg-base-200.h-5.w-px {
        background: #4E739B !important;
        background-color: #4E739B !important;
        background-image: none !important;
        border-color: #4E739B !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list :is(#changelist-search form, #toolbar form) {
        background: linear-gradient(180deg, #17283D 0%, #101B2B 100%) !important;
        background-color: #101B2B !important;
        border-color: #4E739B !important;
        color: #E6F1FF !important;
        -webkit-text-fill-color: #E6F1FF !important;
        box-shadow: inset 0 1px 0 rgba(178, 215, 255, 0.10), 0 10px 24px rgba(2, 8, 18, 0.24) !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list :is(#changelist-search form, #toolbar form):focus-within {
        border-color: #7DB3E1 !important;
        box-shadow: 0 0 0 1px rgba(125, 179, 225, 0.34), 0 12px 28px rgba(2, 8, 18, 0.30), inset 0 1px 0 rgba(178, 215, 255, 0.12) !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list :is(#changelist-search > div, #toolbar form > div, #searchbar, input[name="q"], input[type="search"], input[type="text"]) {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        border-color: transparent !important;
        color: #E6F1FF !important;
        -webkit-text-fill-color: #E6F1FF !important;
        box-shadow: none !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list :is(#searchbar, input[name="q"], input[type="search"], input[type="text"])::placeholder {
        color: #AFC7E0 !important;
        -webkit-text-fill-color: #AFC7E0 !important;
        opacity: 1 !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list :is(#searchbar-submit, button#searchbar-submit),
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list :is(#searchbar-submit, button#searchbar-submit) .material-symbols-outlined {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        border-color: transparent !important;
        color: #AFC7E0 !important;
        -webkit-text-fill-color: #AFC7E0 !important;
        box-shadow: none !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #header-inner .ml-auto :is(a.addlink, button.addlink),
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #header-inner .ml-auto :is(a.addlink, button.addlink):link,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #header-inner .ml-auto :is(a.addlink, button.addlink):visited,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #header-inner .ml-auto :is(a.addlink, button.addlink):focus,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #header-inner .ml-auto :is(a.addlink, button.addlink):focus-visible,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #header-inner .ml-auto :is(a.addlink, button.addlink):active {
        background: linear-gradient(180deg, #17283D 0%, #101B2B 100%) !important;
        background-color: #101B2B !important;
        border-color: #4E739B !important;
        color: transparent !important;
        -webkit-text-fill-color: transparent !important;
        box-shadow: inset 0 1px 0 rgba(178, 215, 255, 0.10), 0 10px 24px rgba(2, 8, 18, 0.24) !important;
        text-shadow: none !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #header-inner .ml-auto :is(a.addlink, button.addlink):hover {
        background: linear-gradient(180deg, #1F3652 0%, #172941 100%) !important;
        background-color: #1C304A !important;
        border-color: #7DB3E1 !important;
        color: transparent !important;
        -webkit-text-fill-color: transparent !important;
        box-shadow: 0 0 0 1px rgba(125, 179, 225, 0.34), 0 12px 28px rgba(2, 8, 18, 0.30), inset 0 1px 0 rgba(178, 215, 255, 0.12) !important;
        text-shadow: none !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #header-inner .ml-auto :is(a.addlink, button.addlink)::before,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #header-inner .ml-auto :is(a.addlink, button.addlink) .material-symbols-outlined,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #header-inner .ml-auto :is(a.addlink, button.addlink) span {
        color: #E6F1FF !important;
        -webkit-text-fill-color: #E6F1FF !important;
        text-shadow: 0 0 14px rgba(125, 179, 225, 0.36) !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #header-inner .ml-auto :is(a.addlink, button.addlink):hover::before,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #header-inner .ml-auto :is(a.addlink, button.addlink):hover .material-symbols-outlined,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #header-inner .ml-auto :is(a.addlink, button.addlink):hover span {
        color: #FFFFFF !important;
        -webkit-text-fill-color: #FFFFFF !important;
        text-shadow: 0 0 16px rgba(141, 185, 234, 0.48) !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #changelist a[x-on\:click="filterOpen = true"],
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #changelist :is(.crm-density-toggle, .crm-row-style-toggle, .crm-density-btn, .crm-row-style-btn) {
        background: linear-gradient(180deg, #17283D 0%, #101B2B 100%) !important;
        background-color: #101B2B !important;
        border-color: #4E739B !important;
        color: #E6F1FF !important;
        -webkit-text-fill-color: #E6F1FF !important;
        box-shadow: inset 0 1px 0 rgba(178, 215, 255, 0.10), 0 10px 24px rgba(2, 8, 18, 0.18) !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #result_list {
        background-color: #101A28 !important;
        background-image: none !important;
        border-color: #324B68 !important;
        color: #D7E2EF !important;
        -webkit-text-fill-color: #D7E2EF !important;
        box-shadow: none !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #result_list > thead > tr > th {
        background-color: #101A28 !important;
        background-image: none !important;
        border-color: #324B68 !important;
        color: #AFC3DA !important;
        -webkit-text-fill-color: #AFC3DA !important;
        box-shadow: none !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #result_list > tbody,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #result_list > tbody[class] {
        background-color: #0F1724 !important;
        background-image: none !important;
        color: #D7E2EF !important;
        -webkit-text-fill-color: #D7E2EF !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #result_list > tbody > tr > :is(th, td) {
        background: linear-gradient(180deg, #152233 0%, #111B2A 100%) !important;
        background-color: #111B2A !important;
        border-color: rgba(91, 123, 162, 0.34) !important;
        color: #D7E2EF !important;
        -webkit-text-fill-color: #D7E2EF !important;
        box-shadow: none !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #result_list > tbody > tr:hover > :is(th, td) {
        background: linear-gradient(180deg, #182941 0%, #132238 100%) !important;
        background-color: #132238 !important;
        border-color: rgba(116, 154, 200, 0.48) !important;
        color: #EAF3FF !important;
        -webkit-text-fill-color: #EAF3FF !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list .crm-bulk-actions-rail {
        background: linear-gradient(180deg, rgba(10, 19, 32, 0.08) 0%, rgba(10, 19, 32, 0.38) 100%) !important;
        background-color: transparent !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list :is(#changelist-actions-wrapper, #changelist-actions, .crm-bulk-actions-surface) {
        background: linear-gradient(180deg, #17283D 0%, #101B2B 100%) !important;
        background-color: #101B2B !important;
        border-color: #4E739B !important;
        color: #E6F1FF !important;
        -webkit-text-fill-color: #E6F1FF !important;
        box-shadow:
            0 18px 42px rgba(2, 8, 18, 0.48),
            inset 0 1px 0 rgba(178, 215, 255, 0.10) !important;
    }
}

/* Desktop dashboard parity with Users/Groups dark style: colors only. */
@media (min-width: 1025px) {
    html.dark[data-crm-theme="dark"] body.crm-core-theme.crm-dashboard,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.crm-dashboard :is(#page, #main, #content, #content-main, .crm-dashboard-layout, .crm-dashboard-main, .crm-dashboard-side) {
        background-color: #0F1724 !important;
        background-image: none !important;
        color: #D7E2EF !important;
        -webkit-text-fill-color: #D7E2EF !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.crm-dashboard #header-inner {
        background: linear-gradient(180deg, #17283D 0%, #101B2B 100%) !important;
        background-color: #101B2B !important;
        border-color: #324B68 !important;
        box-shadow:
            0 14px 34px rgba(2, 8, 18, 0.24),
            inset 0 1px 0 rgba(178, 215, 255, 0.08) !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.crm-dashboard #header-inner > .flex.items-center.w-full {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        border-color: transparent !important;
        box-shadow: none !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.crm-dashboard #header-inner :is(h1, h1 a, h1 span, .material-symbols-outlined, a, button, span) {
        color: #E6F1FF !important;
        -webkit-text-fill-color: #E6F1FF !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.crm-dashboard #header-inner .bg-base-200.h-5.w-px {
        background: #4E739B !important;
        background-color: #4E739B !important;
        background-image: none !important;
        border-color: #4E739B !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.crm-dashboard :is(.module, .crm-dashboard-main .module, .crm-dashboard-side #recent-actions-module, #content-related, #content-related #recent-actions-module) {
        background: linear-gradient(180deg, #17283D 0%, #101B2B 100%) !important;
        background-color: #101B2B !important;
        background-image: linear-gradient(180deg, #17283D 0%, #101B2B 100%) !important;
        border-color: #324B68 !important;
        color: #DCEBFB !important;
        -webkit-text-fill-color: #DCEBFB !important;
        box-shadow:
            0 14px 34px rgba(2, 8, 18, 0.24),
            inset 0 1px 0 rgba(178, 215, 255, 0.08) !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.crm-dashboard :is(.module > .bg-base-50, .module table, .module tbody, .module thead, .module caption, .crm-dashboard-main .module > .bg-base-50, .crm-dashboard-main .module table, .crm-dashboard-main .module tbody, .crm-dashboard-main .module thead, .crm-dashboard-main .module caption) {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        border-color: transparent !important;
        box-shadow: none !important;
        color: #DCEBFB !important;
        -webkit-text-fill-color: #DCEBFB !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.crm-dashboard :is(.module caption a.section, .module caption a, .module h2, .module h3, .crm-dashboard-main .module caption a.section, .crm-dashboard-main .module caption a, .crm-dashboard-side h2, #recent-actions-module h2) {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        border-color: transparent !important;
        color: #E6F1FF !important;
        -webkit-text-fill-color: #E6F1FF !important;
        box-shadow: none !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.crm-dashboard :is(.module tr, .crm-dashboard-main .module tr) {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        border-color: transparent !important;
        box-shadow: none !important;
        color: #D7E2EF !important;
        -webkit-text-fill-color: #D7E2EF !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.crm-dashboard :is(.module tr > th, .module tr > td, .crm-dashboard-main .module tr > th, .crm-dashboard-main .module tr > td) {
        background: linear-gradient(180deg, #152233 0%, #111B2A 100%) !important;
        background-color: #111B2A !important;
        border-color: rgba(91, 123, 162, 0.34) !important;
        color: #D7E2EF !important;
        -webkit-text-fill-color: #D7E2EF !important;
        box-shadow: none !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.crm-dashboard :is(.module tr:hover > th, .module tr:hover > td, .crm-dashboard-main .module tr:hover > th, .crm-dashboard-main .module tr:hover > td) {
        background: linear-gradient(180deg, #182941 0%, #132238 100%) !important;
        background-color: #132238 !important;
        border-color: rgba(116, 154, 200, 0.48) !important;
        color: #EAF3FF !important;
        -webkit-text-fill-color: #EAF3FF !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.crm-dashboard :is(.module tr th a, .module tr td a, .crm-dashboard-main .module tr th a, .crm-dashboard-main .module tr td a) {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        border-color: transparent !important;
        color: #E6F1FF !important;
        -webkit-text-fill-color: #E6F1FF !important;
        box-shadow: none !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.crm-dashboard :is(.module .addlink, .module .changelink, .module .viewlink, .module .js-dashboard-model-visibility-toggle, .module .js-dashboard-model-toggle, .crm-dashboard-main .module .addlink, .crm-dashboard-main .module .changelink, .crm-dashboard-main .module .viewlink, .crm-dashboard-main .module .js-dashboard-model-visibility-toggle, .crm-dashboard-main .module .js-dashboard-model-toggle) {
        background: linear-gradient(180deg, #17283D 0%, #101B2B 100%) !important;
        background-color: #101B2B !important;
        border-color: #4E739B !important;
        color: #E6F1FF !important;
        -webkit-text-fill-color: #E6F1FF !important;
        box-shadow: inset 0 1px 0 rgba(178, 215, 255, 0.10), 0 10px 24px rgba(2, 8, 18, 0.24) !important;
        text-shadow: none !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.crm-dashboard :is(.module .addlink:hover, .module .changelink:hover, .module .viewlink:hover, .module .js-dashboard-model-visibility-toggle:hover, .module .js-dashboard-model-toggle:hover, .crm-dashboard-main .module .addlink:hover, .crm-dashboard-main .module .changelink:hover, .crm-dashboard-main .module .viewlink:hover, .crm-dashboard-main .module .js-dashboard-model-visibility-toggle:hover, .crm-dashboard-main .module .js-dashboard-model-toggle:hover) {
        background: linear-gradient(180deg, #1F3652 0%, #172941 100%) !important;
        background-color: #1C304A !important;
        border-color: #7DB3E1 !important;
        color: #FFFFFF !important;
        -webkit-text-fill-color: #FFFFFF !important;
        box-shadow: 0 0 0 1px rgba(125, 179, 225, 0.34), 0 12px 28px rgba(2, 8, 18, 0.30), inset 0 1px 0 rgba(178, 215, 255, 0.12) !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.crm-dashboard :is(.crm-dashboard-eye-off, .module svg, .module .material-symbols-outlined, .crm-dashboard-main .module svg, .crm-dashboard-main .module .material-symbols-outlined) {
        color: #E6F1FF !important;
        -webkit-text-fill-color: #E6F1FF !important;
        fill: none !important;
        stroke: #E6F1FF !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.crm-dashboard :is(.crm-dashboard-side, #content-related, #recent-actions-module, #recent-actions-module .actionlist, #recent-actions-module .actionlist > li, .actionlist, .actionlist > li) {
        background: linear-gradient(180deg, #17283D 0%, #101B2B 100%) !important;
        background-color: #101B2B !important;
        background-image: linear-gradient(180deg, #17283D 0%, #101B2B 100%) !important;
        border-color: #324B68 !important;
        color: #DCEBFB !important;
        -webkit-text-fill-color: #DCEBFB !important;
        box-shadow:
            0 14px 34px rgba(2, 8, 18, 0.24),
            inset 0 1px 0 rgba(178, 215, 255, 0.08) !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.crm-dashboard :is(#recent-actions-module .actionlist > li > div, #recent-actions-module .actionlist > li a, .actionlist > li > div, .actionlist > li a) {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        border-color: rgba(91, 123, 162, 0.34) !important;
        color: #DCEBFB !important;
        -webkit-text-fill-color: #DCEBFB !important;
        box-shadow: none !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.crm-dashboard div.bg-base-50.relative.z-30:has(> #nav-sidebar),
    html.dark[data-crm-theme="dark"] body.crm-core-theme.crm-dashboard #nav-sidebar,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.crm-dashboard #nav-sidebar-inner,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.crm-dashboard #nav-sidebar-inner > div.border-b,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.crm-dashboard #nav-sidebar-inner > div.border-b > div.bg-transparent,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.crm-dashboard #nav-sidebar-apps,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.crm-dashboard #nav-sidebar-apps :is(.simplebar-wrapper, .simplebar-mask, .simplebar-offset, .simplebar-content-wrapper, .simplebar-content) {
        background: #101B2B !important;
        background-color: #101B2B !important;
        background-image: none !important;
        border-color: #324B68 !important;
        box-shadow: none !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.crm-dashboard #nav-sidebar :is(a, button, h2, span, .material-symbols-outlined, svg) {
        color: #E6F1FF !important;
        -webkit-text-fill-color: #E6F1FF !important;
        stroke: #E6F1FF !important;
    }
}

/* Desktop domains account dropdown parity with Users/Groups: colors only. */
@media (min-width: 1025px) {
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #header-inner .ml-auto :is(
        nav.crm-user-menu-dropdown,
        .crm-user-menu-wrap nav.crm-user-menu-dropdown,
        [x-data*="openUserLinks"] > nav,
        .relative > nav.absolute.w-52,
        .relative > nav.absolute.top-7.w-52,
        .relative > nav.absolute.top-9.w-52,
        .relative > nav.absolute.top-10.w-52,
        .group.items-center.leading-none.relative > nav.absolute.w-52,
        .group.items-center.leading-none.relative > nav.absolute.top-10.w-52
    ) {
        background: linear-gradient(180deg, #17283D 0%, #101B2B 100%) !important;
        background-color: #101B2B !important;
        border-color: #4E739B !important;
        color: #E6F1FF !important;
        -webkit-text-fill-color: #E6F1FF !important;
        box-shadow: 0 22px 52px rgba(2, 8, 18, 0.56), inset 0 1px 0 rgba(178, 215, 255, 0.10) !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #header-inner .ml-auto :is(
        nav.crm-user-menu-dropdown,
        .crm-user-menu-wrap nav.crm-user-menu-dropdown,
        [x-data*="openUserLinks"] > nav,
        .relative > nav.absolute.w-52,
        .relative > nav.absolute.top-7.w-52,
        .relative > nav.absolute.top-9.w-52,
        .relative > nav.absolute.top-10.w-52,
        .group.items-center.leading-none.relative > nav.absolute.w-52,
        .group.items-center.leading-none.relative > nav.absolute.top-10.w-52
    ) :is(.crm-user-menu-head, .crm-user-menu-divider, .crm-user-menu-form, form, div) {
        background-color: transparent !important;
        background-image: none !important;
        border-color: rgba(116, 154, 200, 0.30) !important;
        color: #E6F1FF !important;
        -webkit-text-fill-color: #E6F1FF !important;
        box-shadow: none !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #header-inner .ml-auto :is(
        nav.crm-user-menu-dropdown,
        .crm-user-menu-wrap nav.crm-user-menu-dropdown,
        [x-data*="openUserLinks"] > nav,
        .relative > nav.absolute.w-52,
        .relative > nav.absolute.top-7.w-52,
        .relative > nav.absolute.top-9.w-52,
        .relative > nav.absolute.top-10.w-52,
        .group.items-center.leading-none.relative > nav.absolute.w-52,
        .group.items-center.leading-none.relative > nav.absolute.top-10.w-52
    ) :is(a, button, span) {
        background-color: transparent !important;
        background-image: none !important;
        border-color: transparent !important;
        color: #E6F1FF !important;
        -webkit-text-fill-color: #E6F1FF !important;
        box-shadow: none !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #header-inner .ml-auto :is(
        nav.crm-user-menu-dropdown,
        .crm-user-menu-wrap nav.crm-user-menu-dropdown,
        [x-data*="openUserLinks"] > nav,
        .relative > nav.absolute.w-52,
        .relative > nav.absolute.top-7.w-52,
        .relative > nav.absolute.top-9.w-52,
        .relative > nav.absolute.top-10.w-52,
        .group.items-center.leading-none.relative > nav.absolute.w-52,
        .group.items-center.leading-none.relative > nav.absolute.top-10.w-52
    ) :is(a, button):hover,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #header-inner .ml-auto :is(
        nav.crm-user-menu-dropdown,
        .crm-user-menu-wrap nav.crm-user-menu-dropdown,
        [x-data*="openUserLinks"] > nav,
        .relative > nav.absolute.w-52,
        .relative > nav.absolute.top-7.w-52,
        .relative > nav.absolute.top-9.w-52,
        .relative > nav.absolute.top-10.w-52,
        .group.items-center.leading-none.relative > nav.absolute.w-52,
        .group.items-center.leading-none.relative > nav.absolute.top-10.w-52
    ) :is(a, button):focus {
        background: linear-gradient(180deg, #1F3652 0%, #172941 100%) !important;
        background-color: #1C304A !important;
        border-color: #4A75A0 !important;
        color: #FFFFFF !important;
        -webkit-text-fill-color: #FFFFFF !important;
        box-shadow: inset 0 1px 0 rgba(178, 215, 255, 0.10) !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #header-inner .ml-auto :is(nav.crm-user-menu-dropdown, .crm-user-menu-wrap nav.crm-user-menu-dropdown, [x-data*="openUserLinks"] > nav, .relative > nav.absolute.w-52, .relative > nav.absolute.top-7.w-52, .relative > nav.absolute.top-9.w-52, .relative > nav.absolute.top-10.w-52) :is(.crm-user-menu-item-danger, button[class*="text-red"], a[class*="text-red"]) {
        color: #FFB8B8 !important;
        -webkit-text-fill-color: #FFB8B8 !important;
    }
}

/* Desktop domain full parity layer with Users/Groups: final override. */
@media (min-width: 1025px) {
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain {
        background-color: #0F1724 !important;
        background-image: none !important;
        color: #D7E2EF !important;
        -webkit-text-fill-color: #D7E2EF !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain :is(#page, #main, #content, #content-main) {
        background-color: #0F1724 !important;
        background-image: none !important;
        color: #D7E2EF !important;
        -webkit-text-fill-color: #D7E2EF !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain :is(#header, #main > .bg-white.border-b, #main > .bg-white.border-b.border-base-200) {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        border-color: transparent !important;
        box-shadow: none !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain #header-inner {
        min-height: 54px !important;
        border: 1px solid #324B68 !important;
        border-radius: 18px !important;
        background: linear-gradient(180deg, #17283D 0%, #101B2B 100%) !important;
        background-color: #101B2B !important;
        box-shadow:
            0 14px 34px rgba(2, 8, 18, 0.24),
            inset 0 1px 0 rgba(178, 215, 255, 0.08) !important;
        padding: 6px 8px !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain #header-inner > .flex.items-center.w-full {
        min-height: 40px !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        box-shadow: none !important;
        padding: 6px 10px !important;
        gap: 10px !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain #header-inner > .flex.items-center.w-full > div:first-child {
        border: 0 !important;
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        box-shadow: none !important;
        padding: 6px 10px !important;
        min-height: 40px !important;
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain #header-inner :is(h1, h1 a, h1 span, .material-symbols-outlined, a, button, span) {
        color: #E6F1FF !important;
        -webkit-text-fill-color: #E6F1FF !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain #header-inner .bg-base-200.h-5.w-px {
        background: #4E739B !important;
        background-color: #4E739B !important;
        background-image: none !important;
        border-color: #4E739B !important;
        height: 18px !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain #header-inner .ml-auto :is(a.addlink, button.addlink),
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain #header-inner .ml-auto :is(a.addlink, button.addlink):link,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain #header-inner .ml-auto :is(a.addlink, button.addlink):visited,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain #header-inner .ml-auto :is(a.addlink, button.addlink):focus,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain #header-inner .ml-auto :is(a.addlink, button.addlink):focus-visible,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain #header-inner .ml-auto :is(a.addlink, button.addlink):active {
        background: linear-gradient(180deg, #17283D 0%, #101B2B 100%) !important;
        background-color: #101B2B !important;
        border-color: #4E739B !important;
        color: transparent !important;
        -webkit-text-fill-color: transparent !important;
        box-shadow: inset 0 1px 0 rgba(178, 215, 255, 0.10), 0 10px 24px rgba(2, 8, 18, 0.24) !important;
        text-shadow: none !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain #header-inner .ml-auto :is(a.addlink, button.addlink):hover {
        background: linear-gradient(180deg, #1F3652 0%, #172941 100%) !important;
        background-color: #1C304A !important;
        border-color: #7DB3E1 !important;
        color: transparent !important;
        -webkit-text-fill-color: transparent !important;
        box-shadow: 0 0 0 1px rgba(125, 179, 225, 0.34), 0 12px 28px rgba(2, 8, 18, 0.30), inset 0 1px 0 rgba(178, 215, 255, 0.12) !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain #header-inner .ml-auto :is(a.addlink, button.addlink)::before,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain #header-inner .ml-auto :is(a.addlink, button.addlink) .material-symbols-outlined,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain #header-inner .ml-auto :is(a.addlink, button.addlink) span {
        color: #E6F1FF !important;
        -webkit-text-fill-color: #E6F1FF !important;
        text-shadow: 0 0 14px rgba(125, 179, 225, 0.36) !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list :is(#changelist, #changelist-form, #changelist-form .results, .result-list-wrapper, .changelist-form-container, #changelist-form > div[data-simplebar], #changelist-form > div[data-simplebar] .simplebar-wrapper, #changelist-form > div[data-simplebar] .simplebar-mask, #changelist-form > div[data-simplebar] .simplebar-offset, #changelist-form > div[data-simplebar] .simplebar-content-wrapper, #changelist-form > div[data-simplebar] .simplebar-content) {
        background-color: #0F1724 !important;
        background-image: none !important;
        border-color: #2B4058 !important;
        color: #D7E2EF !important;
        -webkit-text-fill-color: #D7E2EF !important;
        box-shadow: none !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list :is(#changelist-search, #toolbar, #toolbar form, #changelist-search form) {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        border-color: transparent !important;
        box-shadow: none !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list :is(#changelist-search > div, #changelist-search form, #toolbar form) {
        background: linear-gradient(180deg, #17283D 0%, #101B2B 100%) !important;
        background-color: #101B2B !important;
        border-color: #4E739B !important;
        color: #E6F1FF !important;
        -webkit-text-fill-color: #E6F1FF !important;
        box-shadow: inset 0 1px 0 rgba(178, 215, 255, 0.10), 0 10px 24px rgba(2, 8, 18, 0.24) !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list :is(#searchbar, input[name="q"], input[type="search"], input[type="text"]) {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        border-color: transparent !important;
        color: #E6F1FF !important;
        -webkit-text-fill-color: #E6F1FF !important;
        box-shadow: none !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list :is(#searchbar, input[name="q"], input[type="search"], input[type="text"])::placeholder {
        color: #AFC7E0 !important;
        -webkit-text-fill-color: #AFC7E0 !important;
        opacity: 1 !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list :is(#searchbar-submit, button#searchbar-submit),
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list :is(#searchbar-submit, button#searchbar-submit) .material-symbols-outlined {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        border-color: transparent !important;
        color: #AFC7E0 !important;
        -webkit-text-fill-color: #AFC7E0 !important;
        box-shadow: none !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #result_list {
        background-color: #101A28 !important;
        background-image: none !important;
        border-color: #324B68 !important;
        color: #D7E2EF !important;
        -webkit-text-fill-color: #D7E2EF !important;
        box-shadow: none !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #result_list > thead,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #result_list > thead > tr,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #result_list > thead > tr > th {
        background-color: #101A28 !important;
        background-image: none !important;
        border-color: #324B68 !important;
        color: #AFC3DA !important;
        -webkit-text-fill-color: #AFC3DA !important;
        box-shadow: none !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #result_list > tbody,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #result_list > tbody[class],
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #result_list > tbody > tr {
        background-color: #0F1724 !important;
        background-image: none !important;
        color: #D7E2EF !important;
        -webkit-text-fill-color: #D7E2EF !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #result_list > tbody > tr > :is(th, td) {
        background: linear-gradient(180deg, #152233 0%, #111B2A 100%) !important;
        background-color: #111B2A !important;
        border-color: rgba(91, 123, 162, 0.34) !important;
        color: #D7E2EF !important;
        -webkit-text-fill-color: #D7E2EF !important;
        box-shadow: none !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #result_list > tbody > tr:hover > :is(th, td) {
        background: linear-gradient(180deg, #182941 0%, #132238 100%) !important;
        background-color: #132238 !important;
        border-color: rgba(116, 154, 200, 0.48) !important;
        color: #EAF3FF !important;
        -webkit-text-fill-color: #EAF3FF !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #result_list :is(input.action-select, #action-toggle),
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #result_list thead th.action-checkbox-column input[type="checkbox"],
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #result_list tbody td.action-checkbox input[type="checkbox"] {
        background: linear-gradient(180deg, #17283D 0%, #101B2B 100%) !important;
        background-color: #101B2B !important;
        border-color: #4E739B !important;
        color: #E6F1FF !important;
        -webkit-text-fill-color: #E6F1FF !important;
        box-shadow: inset 0 1px 0 rgba(178, 215, 255, 0.10) !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #result_list :is(input.action-select, #action-toggle):checked,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #result_list thead th.action-checkbox-column input[type="checkbox"]:checked,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #result_list tbody td.action-checkbox input[type="checkbox"]:checked {
        background: linear-gradient(180deg, #2F628F 0%, #1E4268 100%) !important;
        background-color: #1E4268 !important;
        border-color: #7DB3E1 !important;
        color: #FFFFFF !important;
        -webkit-text-fill-color: #FFFFFF !important;
        box-shadow: 0 0 0 1px rgba(125, 179, 225, 0.42), 0 0 16px rgba(47, 98, 143, 0.34) !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list td.field-is_visible input[type="checkbox"] {
        border-color: #4E739B !important;
        background: linear-gradient(180deg, #17283D 0%, #101B2B 100%) !important;
        background-color: #101B2B !important;
        box-shadow: inset 0 1px 0 rgba(178, 215, 255, 0.10) !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list td.field-is_visible input[type="checkbox"]::before {
        background: #AFC7E0 !important;
        border-color: #7DB3E1 !important;
        box-shadow: 0 0 12px rgba(125, 179, 225, 0.22) !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list td.field-is_visible input[type="checkbox"]:checked {
        border-color: #7DB3E1 !important;
        background: linear-gradient(180deg, #2F628F 0%, #1E4268 100%) !important;
        background-color: #1E4268 !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list td.field-is_visible input[type="checkbox"]:checked::before {
        background: #E6F1FF !important;
        border-color: #DCEBFB !important;
        box-shadow: 0 0 14px rgba(125, 179, 225, 0.38) !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #changelist a[x-on\:click="filterOpen = true"],
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list :is(.crm-density-toggle, .crm-row-style-toggle, .crm-density-btn, .crm-row-style-btn) {
        background: linear-gradient(180deg, #17283D 0%, #101B2B 100%) !important;
        background-color: #101B2B !important;
        border-color: #4E739B !important;
        color: #E6F1FF !important;
        -webkit-text-fill-color: #E6F1FF !important;
        box-shadow: inset 0 1px 0 rgba(178, 215, 255, 0.10), 0 10px 24px rgba(2, 8, 18, 0.18) !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list .crm-bulk-actions-rail {
        background: linear-gradient(180deg, rgba(10, 19, 32, 0.08) 0%, rgba(10, 19, 32, 0.38) 100%) !important;
        background-color: transparent !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list :is(#changelist-actions-wrapper, #changelist-actions, .crm-bulk-actions-surface) {
        background: linear-gradient(180deg, #17283D 0%, #101B2B 100%) !important;
        background-color: #101B2B !important;
        border-color: #4E739B !important;
        color: #E6F1FF !important;
        -webkit-text-fill-color: #E6F1FF !important;
        box-shadow:
            0 18px 42px rgba(2, 8, 18, 0.48),
            inset 0 1px 0 rgba(178, 215, 255, 0.10) !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-form :is(form, form > div, fieldset, fieldset.module, .module, .aligned, .form-row, .form-rows, .form-rows.aligned, .flex-container, .form-row > div, .fb-settings-inline-wrapper, .fb-settings-ui-container, .fb-trigger-card, #fb-test-section) {
        background-color: #0F1724 !important;
        background-image: none !important;
        border-color: #2B4058 !important;
        color: #D7E2EF !important;
        -webkit-text-fill-color: #D7E2EF !important;
        box-shadow: none !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-form :is(.bg-white, .bg-base-50, .bg-gray-50, .bg-white\/20, .lg\:bg-white, .dark\:bg-white\/\[\.02\], .dark\:bg-base-800, .dark\:bg-base-900, .breadcrumbs, .object-tools) {
        background: linear-gradient(180deg, #17283D 0%, #101B2B 100%) !important;
        background-color: #101B2B !important;
        border-color: #324B68 !important;
        color: #DCEBFB !important;
        -webkit-text-fill-color: #DCEBFB !important;
        box-shadow: inset 0 1px 0 rgba(178, 215, 255, 0.08) !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-form :is(label, legend, h1, h2, h3, p, span, a, .help, .readonly, .required, .text-font-default-light, .text-font-important-light, .fb-section-title, .fb-field-label, .fb-trigger-title, .fb-trigger-desc) {
        color: #DCEBFB !important;
        -webkit-text-fill-color: #DCEBFB !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-form :is(input, select, textarea, .vTextField, .vLargeTextField, .select2-selection, .select2-dropdown, .selector, .selector-available, .selector-chosen, .fb-field-input) {
        background: linear-gradient(180deg, #132337 0%, #0F1B2A 100%) !important;
        background-color: #0F1B2A !important;
        border-color: #52799F !important;
        color: #ECF6FF !important;
        -webkit-text-fill-color: #ECF6FF !important;
        box-shadow: inset 0 1px 0 rgba(178, 215, 255, 0.08) !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-form :is(input::placeholder, textarea::placeholder) {
        color: #8FA6BE !important;
        -webkit-text-fill-color: #8FA6BE !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-form :is(.submit-row, #submit-row, #submit-row > div, .submit-row *) :not(svg):not(path),
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-form :is(.submit-row, #submit-row, #submit-row > div) {
        background: rgba(15, 23, 36, 0.94) !important;
        background-color: rgba(15, 23, 36, 0.94) !important;
        background-image: none !important;
        border-color: #2B4058 !important;
        color: #D7E2EF !important;
        -webkit-text-fill-color: #D7E2EF !important;
        box-shadow: 0 -18px 46px rgba(2, 8, 18, 0.42) !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-form :is(button, .button, .button.default, a.button, input[type="submit"], input[type="button"], .submit-row input, .submit-row button, #fb-test-btn) {
        background: linear-gradient(180deg, #17263A 0%, #111D2D 100%) !important;
        background-color: #17263A !important;
        border-color: #365676 !important;
        color: #DCEBFB !important;
        -webkit-text-fill-color: #DCEBFB !important;
        box-shadow: inset 0 1px 0 rgba(178, 215, 255, 0.08) !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-form :is(.button.default, input[type="submit"].default, .submit-row input.default, input[type="submit"][name="_save"]) {
        background: linear-gradient(180deg, #2F628F 0%, #1E4268 100%) !important;
        background-color: #1E4268 !important;
        border-color: #7DB3E1 !important;
        color: #FFFFFF !important;
        -webkit-text-fill-color: #FFFFFF !important;
        box-shadow:
            0 10px 24px rgba(26, 80, 128, 0.34),
            inset 0 1px 0 rgba(230, 246, 255, 0.18) !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain nav.crm-user-menu-dropdown,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain nav.crm-user-menu-dropdown.bg-white,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain .crm-user-menu-wrap .crm-user-menu-dropdown,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain #header-inner .ml-auto :is([x-data*="openUserLinks"] > nav, .relative > nav.absolute.w-52, .relative > nav.absolute.top-7.w-52, .relative > nav.absolute.top-9.w-52, .relative > nav.absolute.top-10.w-52) {
        background: linear-gradient(180deg, #17283D 0%, #101B2B 100%) !important;
        background-color: #101B2B !important;
        border-color: #4E739B !important;
        color: #E6F1FF !important;
        -webkit-text-fill-color: #E6F1FF !important;
        box-shadow: 0 22px 52px rgba(2, 8, 18, 0.56), inset 0 1px 0 rgba(178, 215, 255, 0.10) !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain nav.crm-user-menu-dropdown :is(.crm-user-menu-head, .crm-user-menu-divider, .crm-user-menu-form, a, button, span, div, form),
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain #header-inner .ml-auto :is([x-data*="openUserLinks"] > nav, .relative > nav.absolute.w-52, .relative > nav.absolute.top-7.w-52, .relative > nav.absolute.top-9.w-52, .relative > nav.absolute.top-10.w-52) :is(a, button, span, div, form) {
        background-color: transparent !important;
        background-image: none !important;
        border-color: rgba(116, 154, 200, 0.30) !important;
        color: #E6F1FF !important;
        -webkit-text-fill-color: #E6F1FF !important;
        box-shadow: none !important;
    }
}

/* Desktop Domains: full parity layer with Groups/Users dark surfaces. */
@media (min-width: 1025px) {
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain:is(.change-list, .change-form) {
        background: #0A111B !important;
        color: #D7E2EF !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain:is(.change-list, .change-form) :is(#container, #main, #content, #content-main) {
        background: #0F1724 !important;
        background-image: none !important;
        color: #D7E2EF !important;
        -webkit-text-fill-color: #D7E2EF !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain:is(.change-list, .change-form) #header {
        background: transparent !important;
        background-image: none !important;
        border: 0 !important;
        box-shadow: none !important;
        margin-top: 10px !important;
        margin-bottom: 12px !important;
        padding: 0 4px !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain:is(.change-list, .change-form) #header > div {
        height: auto !important;
        min-height: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain:is(.change-list, .change-form) #header-inner {
        min-height: 54px !important;
        padding: 6px 8px !important;
        border: 1px solid #324B68 !important;
        border-radius: 18px !important;
        background: linear-gradient(180deg, #17283D 0%, #101B2B 100%) !important;
        color: #E6F1FF !important;
        -webkit-text-fill-color: #E6F1FF !important;
        box-shadow:
            0 14px 34px rgba(2, 8, 18, 0.24),
            inset 0 1px 0 rgba(178, 215, 255, 0.08) !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain:is(.change-list, .change-form) #header-inner > .flex.items-center.w-full {
        min-height: 40px !important;
        gap: 10px !important;
        padding: 6px 10px !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        background-image: none !important;
        box-shadow: none !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain:is(.change-list, .change-form) #header-inner :is(h1, h1 a, h1 span, .breadcrumbs, .breadcrumbs a, .material-symbols-outlined, svg, path) {
        color: #E6F1FF !important;
        -webkit-text-fill-color: #E6F1FF !important;
        fill: currentColor !important;
        stroke: currentColor !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain:is(.change-list, .change-form) #header-inner h1 {
        font-weight: 700 !important;
        letter-spacing: 0 !important;
        line-height: 1.15 !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain:is(.change-list, .change-form) #header-inner .bg-base-200.h-5.w-px,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain:is(.change-list, .change-form) #header-inner .ml-auto .bg-base-200.h-5.w-px {
        height: 18px !important;
        background: #4E739B !important;
        border-color: #4E739B !important;
        opacity: 1 !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain:is(.change-list, .change-form) #header-inner :is(a.addlink, button.addlink, .object-tools a, .object-tools button) {
        background: linear-gradient(180deg, #1E4268 0%, #11243A 100%) !important;
        border: 1px solid #4E739B !important;
        color: #E6F1FF !important;
        -webkit-text-fill-color: #E6F1FF !important;
        box-shadow:
            0 10px 24px rgba(2, 8, 18, 0.28),
            inset 0 1px 0 rgba(178, 215, 255, 0.14) !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain:is(.change-list, .change-form) #header-inner :is(a.addlink, button.addlink, .object-tools a, .object-tools button):hover {
        background: linear-gradient(180deg, #2F628F 0%, #1E4268 100%) !important;
        border-color: #7DB3E1 !important;
        box-shadow:
            0 0 0 1px rgba(125, 179, 225, 0.34),
            0 14px 30px rgba(26, 80, 128, 0.34),
            inset 0 1px 0 rgba(230, 246, 255, 0.18) !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list :is(#changelist, #changelist-form, .changelist-form-container, .result-list-wrapper, .results) {
        background: #0F1724 !important;
        background-image: none !important;
        border-color: #263A52 !important;
        color: #D7E2EF !important;
        -webkit-text-fill-color: #D7E2EF !important;
        box-shadow: none !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #changelist-form > div[data-simplebar],
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #changelist-form > div[data-simplebar] :is(.simplebar-wrapper, .simplebar-mask, .simplebar-offset, .simplebar-content-wrapper, .simplebar-content) {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        border-color: transparent !important;
        box-shadow: none !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list :is(#changelist-search, #toolbar, #toolbar form, #changelist-search form) {
        background: transparent !important;
        background-image: none !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list :is(#changelist-search > div, #toolbar form, #changelist-search form) {
        min-height: 46px !important;
        border: 1px solid #4E739B !important;
        border-radius: 999px !important;
        background: linear-gradient(180deg, #17283D 0%, #101B2B 100%) !important;
        color: #E6F1FF !important;
        -webkit-text-fill-color: #E6F1FF !important;
        box-shadow:
            0 10px 24px rgba(2, 8, 18, 0.22),
            inset 0 1px 0 rgba(178, 215, 255, 0.10) !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list :is(#searchbar, input[name="q"], input[type="search"]) {
        min-height: 46px !important;
        border: 0 !important;
        background: transparent !important;
        color: #E6F1FF !important;
        -webkit-text-fill-color: #E6F1FF !important;
        box-shadow: none !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list :is(#searchbar, input[name="q"], input[type="search"])::placeholder {
        color: #AFC7E0 !important;
        -webkit-text-fill-color: #AFC7E0 !important;
        opacity: 1 !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list :is(#searchbar-submit, button#searchbar-submit, #searchbar-submit .material-symbols-outlined) {
        background: transparent !important;
        border-color: transparent !important;
        color: #AFC7E0 !important;
        -webkit-text-fill-color: #AFC7E0 !important;
        box-shadow: none !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #result_list {
        overflow: hidden !important;
        border: 1px solid #324B68 !important;
        border-radius: 18px !important;
        background: #101A28 !important;
        color: #D7E2EF !important;
        -webkit-text-fill-color: #D7E2EF !important;
        box-shadow: none !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #result_list > thead,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #result_list > thead > tr,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #result_list > thead > tr > th {
        background: #101A28 !important;
        background-image: none !important;
        border-color: #324B68 !important;
        color: #AFC3DA !important;
        -webkit-text-fill-color: #AFC3DA !important;
        box-shadow: none !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #result_list > tbody,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #result_list > tbody > tr {
        background: #0F1724 !important;
        background-image: none !important;
        color: #D7E2EF !important;
        -webkit-text-fill-color: #D7E2EF !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #result_list > tbody > tr > :is(th, td) {
        background: linear-gradient(180deg, #152233 0%, #111B2A 100%) !important;
        border-color: rgba(91, 123, 162, 0.34) !important;
        color: #D7E2EF !important;
        -webkit-text-fill-color: #D7E2EF !important;
        box-shadow: none !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #result_list > tbody > tr:hover > :is(th, td),
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #result_list > tbody > tr.selected > :is(th, td) {
        background: linear-gradient(180deg, #182941 0%, #132238 100%) !important;
        border-color: rgba(116, 154, 200, 0.48) !important;
        color: #EAF3FF !important;
        -webkit-text-fill-color: #EAF3FF !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #result_list :is(a, span, div, p, strong, small) {
        color: inherit !important;
        -webkit-text-fill-color: inherit !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #result_list :is(input.action-select, #action-toggle),
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #result_list thead th.action-checkbox-column input[type="checkbox"],
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #result_list tbody td.action-checkbox input[type="checkbox"] {
        background: linear-gradient(180deg, #17283D 0%, #101B2B 100%) !important;
        border-color: #4E739B !important;
        accent-color: #2F628F !important;
        box-shadow: inset 0 1px 0 rgba(178, 215, 255, 0.10) !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #result_list :is(input.action-select, #action-toggle):checked,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #result_list thead th.action-checkbox-column input[type="checkbox"]:checked,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #result_list tbody td.action-checkbox input[type="checkbox"]:checked {
        background: linear-gradient(180deg, #2F628F 0%, #1E4268 100%) !important;
        border-color: #7DB3E1 !important;
        box-shadow:
            0 0 0 1px rgba(125, 179, 225, 0.42),
            0 0 16px rgba(47, 98, 143, 0.34) !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list td.field-is_visible input[type="checkbox"] {
        border-color: #4E739B !important;
        background: linear-gradient(180deg, #17283D 0%, #101B2B 100%) !important;
        box-shadow: inset 0 1px 0 rgba(178, 215, 255, 0.10) !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list td.field-is_visible input[type="checkbox"]::before {
        background: #AFC7E0 !important;
        border-color: #7DB3E1 !important;
        box-shadow: 0 0 12px rgba(125, 179, 225, 0.22) !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list td.field-is_visible input[type="checkbox"]:checked {
        border-color: #7DB3E1 !important;
        background: linear-gradient(180deg, #2F628F 0%, #1E4268 100%) !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list td.field-is_visible input[type="checkbox"]:checked::before {
        background: #E6F1FF !important;
        border-color: #DCEBFB !important;
        box-shadow: 0 0 14px rgba(125, 179, 225, 0.38) !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list :is(#changelist-actions-wrapper, #changelist-actions, #changelist-actions > div, #changelist-actions .bg-primary-600, .crm-bulk-actions-surface) {
        background: linear-gradient(180deg, #17283D 0%, #101B2B 100%) !important;
        border-color: #4E739B !important;
        color: #E6F1FF !important;
        -webkit-text-fill-color: #E6F1FF !important;
        box-shadow:
            0 18px 42px rgba(2, 8, 18, 0.48),
            inset 0 1px 0 rgba(178, 215, 255, 0.10) !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #changelist-actions :is(label, span, a, button, select, option) {
        color: #E6F1FF !important;
        -webkit-text-fill-color: #E6F1FF !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #changelist-actions :is(select, button[name="index"]) {
        background: linear-gradient(180deg, #132337 0%, #0F1B2A 100%) !important;
        border-color: #52799F !important;
        color: #ECF6FF !important;
        -webkit-text-fill-color: #ECF6FF !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list :is(#changelist-filter, #changelist-filter > div, #changelist-filter .simplebar-content, #changelist-filter .simplebar-content-wrapper) {
        background: #0F1724 !important;
        background-image: none !important;
        border-color: #263A52 !important;
        color: #D7E2EF !important;
        -webkit-text-fill-color: #D7E2EF !important;
        box-shadow: none !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #changelist-filter :is(a, button, label, input, select) {
        background: linear-gradient(180deg, #17283D 0%, #101B2B 100%) !important;
        border-color: #4E739B !important;
        color: #E6F1FF !important;
        -webkit-text-fill-color: #E6F1FF !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-form :is(#content-main, #content-main > form, form, form > div, .module, .aligned, .form-rows, .form-rows.aligned, .flex-container, .form-row > div) {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        border-color: transparent !important;
        color: #D7E2EF !important;
        -webkit-text-fill-color: #D7E2EF !important;
        box-shadow: none !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-form #content-main fieldset.module,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-form :is(.fb-settings-inline-wrapper, .fb-settings-ui-container, .fb-trigger-card, #fb-test-section) {
        overflow: hidden !important;
        margin-bottom: 14px !important;
        padding: 8px !important;
        border: 1px solid #324B68 !important;
        border-radius: 18px !important;
        background: linear-gradient(180deg, #17283D 0%, #101B2B 100%) !important;
        color: #D7E2EF !important;
        -webkit-text-fill-color: #D7E2EF !important;
        box-shadow:
            0 14px 34px rgba(2, 8, 18, 0.22),
            inset 0 1px 0 rgba(178, 215, 255, 0.08) !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-form #content-main fieldset.module .form-row {
        background: transparent !important;
        border-top: 0 !important;
        border-bottom-color: rgba(91, 123, 162, 0.24) !important;
        color: #D7E2EF !important;
        -webkit-text-fill-color: #D7E2EF !important;
        box-shadow: none !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-form .fb-settings-inline-wrapper {
        overflow: visible !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        box-shadow: none !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-form :is(label, legend, h1, h2, h3, p, span, a, .help, .readonly, .required, .text-font-default-light, .text-font-important-light, .fb-section-title, .fb-field-label, .fb-trigger-title, .fb-trigger-desc) {
        color: #DCEBFB !important;
        -webkit-text-fill-color: #DCEBFB !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-form :is(input, select, textarea, .vTextField, .vLargeTextField, .select2-selection, .select2-dropdown, .selector, .selector-available, .selector-chosen, .fb-field-input) {
        min-height: 48px !important;
        border: 1px solid #52799F !important;
        border-radius: 13px !important;
        background: linear-gradient(180deg, #132337 0%, #0F1B2A 100%) !important;
        color: #ECF6FF !important;
        -webkit-text-fill-color: #ECF6FF !important;
        box-shadow: inset 0 1px 0 rgba(178, 215, 255, 0.08) !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-form :is(input:focus, select:focus, textarea:focus, .fb-field-input:focus) {
        border-color: #7DB3E1 !important;
        box-shadow:
            0 0 0 1px rgba(125, 179, 225, 0.34),
            0 0 18px rgba(47, 98, 143, 0.26),
            inset 0 1px 0 rgba(178, 215, 255, 0.10) !important;
        outline: none !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-form :is(input::placeholder, textarea::placeholder) {
        color: #8FA6BE !important;
        -webkit-text-fill-color: #8FA6BE !important;
        opacity: 1 !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-form :is(.submit-row, #submit-row, #submit-row > div) {
        border-color: #324B68 !important;
        background: linear-gradient(180deg, rgba(23, 40, 61, 0.97) 0%, rgba(16, 27, 43, 0.97) 100%) !important;
        color: #D7E2EF !important;
        -webkit-text-fill-color: #D7E2EF !important;
        box-shadow:
            0 -18px 46px rgba(2, 8, 18, 0.42),
            inset 0 1px 0 rgba(178, 215, 255, 0.08) !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-form :is(.submit-row *, #submit-row *) :not(svg):not(path) {
        color: #D7E2EF !important;
        -webkit-text-fill-color: #D7E2EF !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-form :is(button, .button, a.button, input[type="submit"], input[type="button"], .submit-row input, .submit-row button, #fb-test-btn) {
        border: 1px solid #365676 !important;
        background: linear-gradient(180deg, #17263A 0%, #111D2D 100%) !important;
        color: #DCEBFB !important;
        -webkit-text-fill-color: #DCEBFB !important;
        box-shadow: inset 0 1px 0 rgba(178, 215, 255, 0.08) !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-form :is(.button.default, input[type="submit"].default, .submit-row input.default, input[type="submit"][name="_save"]) {
        border-color: #7DB3E1 !important;
        background: linear-gradient(180deg, #2F628F 0%, #1E4268 100%) !important;
        color: #FFFFFF !important;
        -webkit-text-fill-color: #FFFFFF !important;
        box-shadow:
            0 10px 24px rgba(26, 80, 128, 0.34),
            inset 0 1px 0 rgba(230, 246, 255, 0.18) !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain:is(.change-list, .change-form) :is(nav.crm-user-menu-dropdown, nav.crm-user-menu-dropdown.bg-white, .crm-user-menu-wrap .crm-user-menu-dropdown, #header-inner .ml-auto [x-data*="openUserLinks"] > nav, #header-inner .ml-auto .relative > nav.absolute.w-52, #header-inner .ml-auto .relative > nav.absolute.top-7.w-52, #header-inner .ml-auto .relative > nav.absolute.top-9.w-52, #header-inner .ml-auto .relative > nav.absolute.top-10.w-52) {
        background: linear-gradient(180deg, #17283D 0%, #101B2B 100%) !important;
        border: 1px solid #4E739B !important;
        color: #E6F1FF !important;
        -webkit-text-fill-color: #E6F1FF !important;
        box-shadow:
            0 22px 52px rgba(2, 8, 18, 0.56),
            inset 0 1px 0 rgba(178, 215, 255, 0.10) !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain:is(.change-list, .change-form) :is(nav.crm-user-menu-dropdown, .crm-user-menu-wrap .crm-user-menu-dropdown, #header-inner .ml-auto [x-data*="openUserLinks"] > nav, #header-inner .ml-auto .relative > nav.absolute) :is(.crm-user-menu-head, .crm-user-menu-divider, .crm-user-menu-form, a, button, span, div, form) {
        background: transparent !important;
        background-image: none !important;
        border-color: rgba(116, 154, 200, 0.30) !important;
        color: #E6F1FF !important;
        -webkit-text-fill-color: #E6F1FF !important;
        box-shadow: none !important;
    }
}

/* Desktop Domains: exact checkbox and bottom-actions parity fix. */
@media (min-width: 1025px) {
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #result_list :is(input.action-select, #action-toggle),
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #result_list thead th.action-checkbox-column input[type="checkbox"],
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #result_list tbody td.action-checkbox input[type="checkbox"] {
        appearance: none !important;
        -webkit-appearance: none !important;
        width: 22px !important;
        height: 22px !important;
        min-width: 22px !important;
        min-height: 22px !important;
        margin: 0 !important;
        border-radius: 8px !important;
        border: 1px solid #4E739B !important;
        background: linear-gradient(180deg, #17283D 0%, #101B2B 100%) !important;
        background-color: #101B2B !important;
        color: transparent !important;
        -webkit-text-fill-color: transparent !important;
        box-shadow:
            inset 0 1px 0 rgba(178, 215, 255, 0.12),
            0 6px 14px rgba(2, 8, 18, 0.20) !important;
        cursor: pointer !important;
        position: relative !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #result_list :is(input.action-select, #action-toggle)::before,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #result_list thead th.action-checkbox-column input[type="checkbox"]::before,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #result_list tbody td.action-checkbox input[type="checkbox"]::before {
        content: "" !important;
        position: absolute !important;
        inset: 4px !important;
        border-radius: 5px !important;
        background: transparent !important;
        box-shadow: none !important;
        transform: none !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #result_list :is(input.action-select, #action-toggle):checked,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #result_list thead th.action-checkbox-column input[type="checkbox"]:checked,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #result_list tbody td.action-checkbox input[type="checkbox"]:checked {
        border-color: #9CC9F0 !important;
        background: linear-gradient(180deg, #2F628F 0%, #1E4268 100%) !important;
        background-color: #1E4268 !important;
        box-shadow:
            0 0 0 1px rgba(156, 201, 240, 0.46),
            0 0 18px rgba(47, 98, 143, 0.42),
            inset 0 1px 0 rgba(230, 246, 255, 0.18) !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #result_list :is(input.action-select, #action-toggle):checked::before,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #result_list thead th.action-checkbox-column input[type="checkbox"]:checked::before,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #result_list tbody td.action-checkbox input[type="checkbox"]:checked::before {
        background: #E6F1FF !important;
        box-shadow: 0 0 10px rgba(230, 246, 255, 0.35) !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #changelist-form > div.fixed.bottom-0.left-0.right-0,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list .crm-bulk-actions-rail {
        background: linear-gradient(180deg, rgba(10, 17, 27, 0) 0%, rgba(10, 17, 27, 0.86) 100%) !important;
        background-color: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #changelist-actions-wrapper {
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        box-shadow: none !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #changelist-actions {
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        box-shadow: none !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #changelist-actions > .bg-primary-600,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #changelist-actions .crm-bulk-actions-surface {
        flex-direction: row !important;
        align-items: center !important;
        gap: 10px !important;
        min-height: 48px !important;
        padding: 8px !important;
        border-radius: 14px !important;
        border: 1px solid #4E739B !important;
        background: linear-gradient(180deg, #17283D 0%, #101B2B 100%) !important;
        background-color: #101B2B !important;
        color: #E6F1FF !important;
        -webkit-text-fill-color: #E6F1FF !important;
        box-shadow:
            0 18px 42px rgba(2, 8, 18, 0.48),
            inset 0 1px 0 rgba(178, 215, 255, 0.10) !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #changelist-actions .group.primary {
        width: auto !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: 8px !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #changelist-actions select[name="action"],
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #changelist-actions button[name="index"] {
        width: auto !important;
        min-height: 40px !important;
        border-radius: 12px !important;
        border: 1px solid #52799F !important;
        background: linear-gradient(180deg, #132337 0%, #0F1B2A 100%) !important;
        color: #ECF6FF !important;
        -webkit-text-fill-color: #ECF6FF !important;
        box-shadow: inset 0 1px 0 rgba(178, 215, 255, 0.08) !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #changelist-actions button[name="index"] {
        border-color: #7DB3E1 !important;
        background: linear-gradient(180deg, #2F628F 0%, #1E4268 100%) !important;
        color: #FFFFFF !important;
        -webkit-text-fill-color: #FFFFFF !important;
        box-shadow:
            0 10px 24px rgba(26, 80, 128, 0.34),
            inset 0 1px 0 rgba(230, 246, 255, 0.18) !important;
    }
}

/* Desktop Domains: keep filter drawer checkboxes from inheriting table checkbox geometry. */
@media (min-width: 1025px) {
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #changelist-filter :is(label, li, .form-row):has(input[type="checkbox"]) {
        display: flex !important;
        align-items: center !important;
        gap: 12px !important;
        min-height: 40px !important;
        padding: 0 !important;
        background: transparent !important;
        background-image: none !important;
        border-color: transparent !important;
        box-shadow: none !important;
        color: #DCEBFB !important;
        -webkit-text-fill-color: #DCEBFB !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #changelist-filter input[type="checkbox"] {
        appearance: none !important;
        -webkit-appearance: none !important;
        flex: 0 0 44px !important;
        width: 44px !important;
        height: 24px !important;
        min-width: 44px !important;
        min-height: 24px !important;
        max-width: 44px !important;
        max-height: 24px !important;
        margin: 0 !important;
        padding: 0 !important;
        border-radius: 999px !important;
        border: 1px solid #4E739B !important;
        background: linear-gradient(180deg, #17283D 0%, #101B2B 100%) !important;
        background-color: #101B2B !important;
        box-shadow:
            inset 0 1px 0 rgba(178, 215, 255, 0.12),
            0 8px 18px rgba(2, 8, 18, 0.22) !important;
        cursor: pointer !important;
        position: relative !important;
        vertical-align: middle !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #changelist-filter input[type="checkbox"]::before {
        content: "" !important;
        position: absolute !important;
        width: 18px !important;
        height: 18px !important;
        min-width: 18px !important;
        min-height: 18px !important;
        left: 3px !important;
        top: 50% !important;
        border-radius: 999px !important;
        background: #E6F1FF !important;
        border: 0 !important;
        box-shadow: 0 2px 8px rgba(2, 8, 18, 0.32) !important;
        transform: translateY(-50%) !important;
        transition: left 0.16s ease, background 0.16s ease, box-shadow 0.16s ease !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #changelist-filter input[type="checkbox"]:checked {
        border-color: #7DB3E1 !important;
        background: linear-gradient(180deg, #2F628F 0%, #1E4268 100%) !important;
        background-color: #1E4268 !important;
        box-shadow:
            0 0 0 1px rgba(125, 179, 225, 0.34),
            0 0 16px rgba(47, 98, 143, 0.32),
            inset 0 1px 0 rgba(230, 246, 255, 0.16) !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #changelist-filter input[type="checkbox"]:checked::before {
        left: 21px !important;
        background: #FFFFFF !important;
        box-shadow: 0 0 12px rgba(230, 246, 255, 0.42) !important;
    }
}

/* Desktop Domains: polished Events checkboxes inside domain form. */
@media (min-width: 1025px) {
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-form :is(.fb-main-toggle-label, .tt-main-toggle-label) {
        display: inline-flex !important;
        align-items: center !important;
        gap: 12px !important;
        color: #E6F1FF !important;
        -webkit-text-fill-color: #E6F1FF !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-form :is(.fb-main-toggle-input, .fb-trigger-checkbox, .tt-main-toggle-input, .tt-trigger-checkbox) {
        appearance: none !important;
        -webkit-appearance: none !important;
        flex: 0 0 24px !important;
        width: 24px !important;
        height: 24px !important;
        min-width: 24px !important;
        min-height: 24px !important;
        max-width: 24px !important;
        max-height: 24px !important;
        margin: 0 !important;
        padding: 0 !important;
        border-radius: 6px !important;
        border: 1px solid #52799F !important;
        background: linear-gradient(180deg, #17283D 0%, #101B2B 100%) !important;
        background-color: #101B2B !important;
        color: transparent !important;
        -webkit-text-fill-color: transparent !important;
        box-shadow:
            inset 0 1px 0 rgba(178, 215, 255, 0.10),
            0 8px 18px rgba(2, 8, 18, 0.22) !important;
        cursor: pointer !important;
        position: relative !important;
        vertical-align: middle !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-form :is(.fb-main-toggle-input, .fb-trigger-checkbox, .tt-main-toggle-input, .tt-trigger-checkbox)::before {
        content: "" !important;
        position: absolute !important;
        inset: 4px !important;
        border-radius: 3px !important;
        background: transparent !important;
        box-shadow: none !important;
        transform: none !important;
        transition: background 0.16s ease, box-shadow 0.16s ease !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-form :is(.fb-main-toggle-input, .fb-trigger-checkbox, .tt-main-toggle-input, .tt-trigger-checkbox):checked {
        border-color: #9CC9F0 !important;
        background: linear-gradient(180deg, #2F628F 0%, #1E4268 100%) !important;
        background-color: #1E4268 !important;
        box-shadow:
            0 0 0 1px rgba(156, 201, 240, 0.46),
            0 0 18px rgba(47, 98, 143, 0.42),
            inset 0 1px 0 rgba(230, 246, 255, 0.18) !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-form :is(.fb-main-toggle-input, .fb-trigger-checkbox, .tt-main-toggle-input, .tt-trigger-checkbox):checked::before {
        background: #E6F1FF !important;
        box-shadow: 0 0 10px rgba(230, 246, 255, 0.34) !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-form :is(.fb-main-toggle-input, .fb-trigger-checkbox, .tt-main-toggle-input, .tt-trigger-checkbox):focus-visible {
        outline: none !important;
        border-color: #B7D9F5 !important;
        box-shadow:
            0 0 0 3px rgba(125, 179, 225, 0.24),
            0 0 18px rgba(47, 98, 143, 0.36),
            inset 0 1px 0 rgba(230, 246, 255, 0.18) !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-form :is(.fb-trigger-card, .tt-trigger-card) {
        display: flex !important;
        align-items: center !important;
        gap: 14px !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-form input[name="is_visible"][type="checkbox"] {
        appearance: none !important;
        -webkit-appearance: none !important;
        width: 54px !important;
        min-width: 54px !important;
        max-width: 54px !important;
        height: 30px !important;
        min-height: 30px !important;
        max-height: 30px !important;
        margin: 0 !important;
        padding: 0 !important;
        border-radius: 999px !important;
        border: 1px solid #52799F !important;
        background: linear-gradient(180deg, #17283D 0%, #101B2B 100%) !important;
        background-color: #101B2B !important;
        box-shadow:
            inset 0 1px 0 rgba(178, 215, 255, 0.10),
            0 8px 18px rgba(2, 8, 18, 0.20) !important;
        cursor: pointer !important;
        position: relative !important;
        vertical-align: middle !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-form input[name="is_visible"][type="checkbox"]::before {
        content: "" !important;
        position: absolute !important;
        top: 4px !important;
        left: 4px !important;
        width: 20px !important;
        height: 20px !important;
        border-radius: 999px !important;
        background: #E6F1FF !important;
        box-shadow:
            0 1px 3px rgba(2, 8, 18, 0.35),
            0 0 10px rgba(230, 246, 255, 0.18) !important;
        transform: none !important;
        transition: left 0.16s ease, background 0.16s ease, box-shadow 0.16s ease !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-form input[name="is_visible"][type="checkbox"]::after {
        content: none !important;
        display: none !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-form input[name="is_visible"][type="checkbox"]:checked {
        border-color: #9CC9F0 !important;
        background: linear-gradient(180deg, #2F628F 0%, #1E4268 100%) !important;
        background-color: #1E4268 !important;
        box-shadow:
            0 0 0 1px rgba(156, 201, 240, 0.38),
            0 0 18px rgba(47, 98, 143, 0.34),
            inset 0 1px 0 rgba(230, 246, 255, 0.18) !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-form input[name="is_visible"][type="checkbox"]:checked::before {
        left: 28px !important;
        background: #FFFFFF !important;
        box-shadow:
            0 1px 4px rgba(2, 8, 18, 0.34),
            0 0 12px rgba(230, 246, 255, 0.38) !important;
    }
}

/* Desktop Domains: remove full-page dim overlay when filter drawer is open. */
@media (min-width: 1025px) {
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #changelist-filter {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        box-shadow: none !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #changelist-filter > #changelist-filter-close {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        box-shadow: none !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list #changelist-filter > div:last-child {
        background: linear-gradient(180deg, #17283D 0%, #101B2B 100%) !important;
        background-color: #101B2B !important;
        border-color: #324B68 !important;
        color: #DCEBFB !important;
        -webkit-text-fill-color: #DCEBFB !important;
        box-shadow: -18px 0 38px rgba(2, 8, 18, 0.42), inset 1px 0 0 rgba(178, 215, 255, 0.08) !important;
    }
}

/* Desktop Domains: remove toolbar outer shell and polish Host Domains button. */
@media (min-width: 1025px) {
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list .crm-changelist-sticky-panel {
        padding: 0 !important;
        padding-bottom: 0 !important;
        margin-bottom: 16px !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        box-shadow: none !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list .crm-changelist-sticky-panel > * {
        position: relative !important;
        z-index: 1 !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list .crm-changelist-sticky-panel > a[href*="landing-host"],
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list .crm-changelist-sticky-panel > a[href*="host-domains"],
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list .crm-changelist-sticky-panel > a[href*="landing_host_domains"] {
        min-height: 46px !important;
        padding: 0 18px !important;
        border-radius: 14px !important;
        border: 1px solid #4E739B !important;
        background:
            linear-gradient(180deg, rgba(47, 98, 143, 0.30) 0%, rgba(30, 66, 104, 0.26) 100%),
            linear-gradient(180deg, #17283D 0%, #101B2B 100%) !important;
        color: #E6F1FF !important;
        -webkit-text-fill-color: #E6F1FF !important;
        font-weight: 750 !important;
        letter-spacing: 0.01em !important;
        box-shadow:
            0 12px 26px rgba(2, 8, 18, 0.24),
            inset 0 1px 0 rgba(178, 215, 255, 0.14) !important;
        transition: border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease, background 0.16s ease !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list .crm-changelist-sticky-panel > a[href*="landing-host"]:hover,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list .crm-changelist-sticky-panel > a[href*="host-domains"]:hover,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-domain.change-list .crm-changelist-sticky-panel > a[href*="landing_host_domains"]:hover {
        border-color: #9CC9F0 !important;
        background:
            radial-gradient(circle at 20% 0%, rgba(156, 201, 240, 0.22) 0%, rgba(156, 201, 240, 0) 38%),
            linear-gradient(180deg, #2F628F 0%, #1E4268 100%) !important;
        color: #FFFFFF !important;
        -webkit-text-fill-color: #FFFFFF !important;
        box-shadow:
            0 0 0 1px rgba(156, 201, 240, 0.34),
            0 16px 32px rgba(26, 80, 128, 0.34),
            inset 0 1px 0 rgba(230, 246, 255, 0.18) !important;
        transform: translateY(-1px) !important;
    }
}

/* Desktop Dashboard: final parity with Groups/Users dark style. */
@media (min-width: 1025px) {
    html.dark[data-crm-theme="dark"] body.crm-core-theme.crm-dashboard {
        background: #0A111B !important;
        color: #D7E2EF !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.crm-dashboard :is(#page, #main, #content, #content-main, .crm-dashboard-layout, .crm-dashboard-main, .crm-dashboard-side) {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        color: #D7E2EF !important;
        -webkit-text-fill-color: #D7E2EF !important;
        box-shadow: none !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.crm-dashboard #header {
        background: transparent !important;
        background-image: none !important;
        border: 0 !important;
        box-shadow: none !important;
        margin-top: 10px !important;
        margin-bottom: 16px !important;
        padding: 0 4px !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.crm-dashboard #header > div {
        height: auto !important;
        min-height: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.crm-dashboard #header-inner {
        min-height: 54px !important;
        padding: 6px 8px !important;
        border: 1px solid #324B68 !important;
        border-radius: 18px !important;
        background: linear-gradient(180deg, #17283D 0%, #101B2B 100%) !important;
        color: #E6F1FF !important;
        -webkit-text-fill-color: #E6F1FF !important;
        box-shadow:
            0 14px 34px rgba(2, 8, 18, 0.24),
            inset 0 1px 0 rgba(178, 215, 255, 0.08) !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.crm-dashboard #header-inner > .flex.items-center.w-full {
        min-height: 40px !important;
        gap: 10px !important;
        padding: 6px 10px !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        background-image: none !important;
        box-shadow: none !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.crm-dashboard #header-inner :is(h1, h1 a, h1 span, .material-symbols-outlined, svg, path) {
        color: #E6F1FF !important;
        -webkit-text-fill-color: #E6F1FF !important;
        fill: currentColor !important;
        stroke: currentColor !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.crm-dashboard #header-inner h1 {
        font-weight: 700 !important;
        line-height: 1.15 !important;
        letter-spacing: 0 !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.crm-dashboard #header-inner .bg-base-200.h-5.w-px {
        height: 18px !important;
        background: #4E739B !important;
        border-color: #4E739B !important;
        opacity: 1 !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.crm-dashboard .crm-dashboard-layout {
        gap: 18px !important;
        align-items: flex-start !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.crm-dashboard .crm-dashboard-main {
        min-width: 0 !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.crm-dashboard .crm-dashboard-main .module {
        overflow: hidden !important;
        margin-bottom: 16px !important;
        padding: 16px !important;
        border: 1px solid #324B68 !important;
        border-radius: 18px !important;
        background: linear-gradient(180deg, #17283D 0%, #101B2B 100%) !important;
        color: #D7E2EF !important;
        -webkit-text-fill-color: #D7E2EF !important;
        box-shadow:
            0 14px 34px rgba(2, 8, 18, 0.22),
            inset 0 1px 0 rgba(178, 215, 255, 0.08) !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.crm-dashboard .crm-dashboard-main .module > .bg-base-50,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.crm-dashboard .crm-dashboard-main .module > div,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.crm-dashboard .crm-dashboard-main .module table,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.crm-dashboard .crm-dashboard-main .module tbody,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.crm-dashboard .crm-dashboard-main .module caption {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        border-color: transparent !important;
        box-shadow: none !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.crm-dashboard .crm-dashboard-main .module > .bg-base-50 {
        margin: 0 !important;
        padding: 0 !important;
        border-radius: 0 !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.crm-dashboard .crm-dashboard-main .module table {
        border: 0 !important;
        border-spacing: 0 10px !important;
        overflow: visible !important;
        width: 100% !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.crm-dashboard .crm-dashboard-main .module caption {
        margin: 0 0 14px !important;
        padding: 0 !important;
        text-align: left !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.crm-dashboard .crm-dashboard-main .module caption a.section,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.crm-dashboard .crm-dashboard-main .module caption a {
        display: inline-flex !important;
        align-items: center !important;
        min-height: 34px !important;
        padding: 0 16px !important;
        border-radius: 999px !important;
        border: 1px solid #4E739B !important;
        background: linear-gradient(180deg, #243F5C 0%, #17283D 100%) !important;
        color: #E6F1FF !important;
        -webkit-text-fill-color: #E6F1FF !important;
        font-weight: 750 !important;
        letter-spacing: 0.01em !important;
        box-shadow: inset 0 1px 0 rgba(178, 215, 255, 0.12) !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.crm-dashboard .crm-dashboard-main .module tr {
        background: transparent !important;
        background-image: none !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.crm-dashboard .crm-dashboard-main .module tr > :is(th, td) {
        min-height: 52px !important;
        padding: 14px 16px !important;
        border-top: 1px solid rgba(91, 123, 162, 0.34) !important;
        border-bottom: 1px solid rgba(91, 123, 162, 0.34) !important;
        background: linear-gradient(180deg, #152233 0%, #111B2A 100%) !important;
        color: #DCEBFB !important;
        -webkit-text-fill-color: #DCEBFB !important;
        box-shadow: none !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.crm-dashboard .crm-dashboard-main .module tr > :first-child {
        border-left: 1px solid rgba(91, 123, 162, 0.34) !important;
        border-radius: 14px 0 0 14px !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.crm-dashboard .crm-dashboard-main .module tr > :last-child {
        border-right: 1px solid rgba(91, 123, 162, 0.34) !important;
        border-radius: 0 14px 14px 0 !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.crm-dashboard .crm-dashboard-main .module tr:hover > :is(th, td) {
        border-color: rgba(116, 154, 200, 0.54) !important;
        background: linear-gradient(180deg, #182941 0%, #132238 100%) !important;
        color: #EAF3FF !important;
        -webkit-text-fill-color: #EAF3FF !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.crm-dashboard .crm-dashboard-main .module tr th a {
        color: #E6F1FF !important;
        -webkit-text-fill-color: #E6F1FF !important;
        font-weight: 740 !important;
        letter-spacing: 0.01em !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.crm-dashboard .crm-dashboard-main .module tr th a:hover {
        color: #FFFFFF !important;
        -webkit-text-fill-color: #FFFFFF !important;
        text-shadow: 0 0 14px rgba(125, 179, 225, 0.26) !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.crm-dashboard .crm-dashboard-main .module :is(.js-dashboard-model-visibility-toggle, .js-dashboard-model-toggle, .addlink, .changelink, .viewlink) {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        min-height: 38px !important;
        border: 1px solid #4E739B !important;
        border-radius: 999px !important;
        background: linear-gradient(180deg, #17283D 0%, #101B2B 100%) !important;
        color: #DCEBFB !important;
        -webkit-text-fill-color: #DCEBFB !important;
        box-shadow: inset 0 1px 0 rgba(178, 215, 255, 0.10) !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.crm-dashboard .crm-dashboard-main .module :is(.js-dashboard-model-visibility-toggle, .js-dashboard-model-toggle, .addlink, .changelink, .viewlink):hover {
        border-color: #7DB3E1 !important;
        background: linear-gradient(180deg, #2F628F 0%, #1E4268 100%) !important;
        color: #FFFFFF !important;
        -webkit-text-fill-color: #FFFFFF !important;
        box-shadow:
            0 0 0 1px rgba(125, 179, 225, 0.30),
            0 12px 26px rgba(26, 80, 128, 0.28),
            inset 0 1px 0 rgba(230, 246, 255, 0.16) !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.crm-dashboard .crm-dashboard-main .module :is(.crm-dashboard-eye-off, svg, path) {
        color: currentColor !important;
        fill: none !important;
        stroke: currentColor !important;
        stroke-width: 2 !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.crm-dashboard .crm-dashboard-side,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.crm-dashboard #content-related,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.crm-dashboard #recent-actions-module {
        border: 1px solid #324B68 !important;
        border-radius: 18px !important;
        background: linear-gradient(180deg, #17283D 0%, #101B2B 100%) !important;
        color: #D7E2EF !important;
        -webkit-text-fill-color: #D7E2EF !important;
        box-shadow:
            0 14px 34px rgba(2, 8, 18, 0.22),
            inset 0 1px 0 rgba(178, 215, 255, 0.08) !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.crm-dashboard .crm-dashboard-side {
        padding: 16px !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.crm-dashboard .crm-dashboard-side :is(.module, .bg-white, .bg-base-50, .dark\:bg-base-800, .dark\:bg-base-900, ul, ol, .actionlist) {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        border-color: transparent !important;
        box-shadow: none !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.crm-dashboard .crm-dashboard-side :is(h2, h3, caption, strong) {
        color: #E6F1FF !important;
        -webkit-text-fill-color: #E6F1FF !important;
        font-weight: 760 !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.crm-dashboard .crm-dashboard-side :is(.actionlist > li, li) {
        margin-bottom: 10px !important;
        padding: 14px 16px !important;
        border: 1px solid rgba(91, 123, 162, 0.34) !important;
        border-radius: 14px !important;
        background: linear-gradient(180deg, #152233 0%, #111B2A 100%) !important;
        color: #DCEBFB !important;
        -webkit-text-fill-color: #DCEBFB !important;
        box-shadow: none !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.crm-dashboard .crm-dashboard-side :is(a, span, p, div, time) {
        color: #DCEBFB !important;
        -webkit-text-fill-color: #DCEBFB !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.crm-dashboard .crm-dashboard-side a:hover {
        color: #FFFFFF !important;
        -webkit-text-fill-color: #FFFFFF !important;
    }
}

/* Desktop Domains: absolute final fix for boolean filter checkbox geometry. */
@media (min-width: 1025px) {
    html.dark body.model-domain.change-list #changelist-filter :is(label, li, .group, .form-row):has(input[type="checkbox"]),
    html.dark body.crm-core-theme.model-domain.change-list #changelist-filter :is(label, li, .group, .form-row):has(input[type="checkbox"]) {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 12px !important;
        min-height: 32px !important;
        height: auto !important;
        padding: 0 !important;
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    html.dark body.model-domain.change-list #changelist-filter input[type="checkbox"],
    html.dark body.crm-core-theme.model-domain.change-list #changelist-filter input[type="checkbox"] {
        appearance: none !important;
        -webkit-appearance: none !important;
        display: inline-block !important;
        flex: 0 0 42px !important;
        width: 42px !important;
        height: 22px !important;
        min-width: 42px !important;
        min-height: 22px !important;
        max-width: 42px !important;
        max-height: 22px !important;
        inline-size: 42px !important;
        block-size: 22px !important;
        margin: 0 !important;
        padding: 0 !important;
        border-radius: 999px !important;
        border: 1px solid #4E739B !important;
        background: linear-gradient(180deg, #17283D 0%, #101B2B 100%) !important;
        background-color: #101B2B !important;
        box-shadow: inset 0 1px 0 rgba(178, 215, 255, 0.12), 0 8px 18px rgba(2, 8, 18, 0.22) !important;
        position: relative !important;
        overflow: hidden !important;
        transform: none !important;
        vertical-align: middle !important;
    }

    html.dark body.model-domain.change-list #changelist-filter input[type="checkbox"]::before,
    html.dark body.crm-core-theme.model-domain.change-list #changelist-filter input[type="checkbox"]::before {
        content: "" !important;
        position: absolute !important;
        width: 16px !important;
        height: 16px !important;
        min-width: 16px !important;
        min-height: 16px !important;
        max-width: 16px !important;
        max-height: 16px !important;
        left: 3px !important;
        top: 50% !important;
        right: auto !important;
        bottom: auto !important;
        border: 0 !important;
        border-radius: 999px !important;
        background: #E6F1FF !important;
        box-shadow: 0 2px 8px rgba(2, 8, 18, 0.32) !important;
        transform: translateY(-50%) !important;
    }

    html.dark body.model-domain.change-list #changelist-filter input[type="checkbox"]:checked,
    html.dark body.crm-core-theme.model-domain.change-list #changelist-filter input[type="checkbox"]:checked {
        border-color: #7DB3E1 !important;
        background: linear-gradient(180deg, #2F628F 0%, #1E4268 100%) !important;
        background-color: #1E4268 !important;
        box-shadow: 0 0 0 1px rgba(125, 179, 225, 0.34), 0 0 16px rgba(47, 98, 143, 0.32), inset 0 1px 0 rgba(230, 246, 255, 0.16) !important;
    }

    html.dark body.model-domain.change-list #changelist-filter input[type="checkbox"]:checked::before,
    html.dark body.crm-core-theme.model-domain.change-list #changelist-filter input[type="checkbox"]:checked::before {
        left: 22px !important;
        background: #FFFFFF !important;
        box-shadow: 0 0 12px rgba(230, 246, 255, 0.42) !important;
    }
}

/* Desktop Domains: auth Users/Groups parity for selection checkboxes and bulk panel. */
@media (min-width: 1025px) {
    html.dark body.crm-core-theme.model-domain.change-list #result_list :is(input.action-select, #action-toggle),
    html.dark body.crm-core-theme.model-domain.change-list #result_list thead th.action-checkbox-column input[type="checkbox"],
    html.dark body.crm-core-theme.model-domain.change-list #result_list tbody td.action-checkbox input[type="checkbox"] {
        appearance: auto !important;
        -webkit-appearance: checkbox !important;
        display: inline-block !important;
        width: 18px !important;
        height: 18px !important;
        min-width: 18px !important;
        min-height: 18px !important;
        max-width: 18px !important;
        max-height: 18px !important;
        inline-size: 18px !important;
        block-size: 18px !important;
        margin: 0 !important;
        padding: 0 !important;
        border-radius: 4px !important;
        accent-color: #2F628F !important;
        background: initial !important;
        background-color: initial !important;
        background-image: initial !important;
        box-shadow: none !important;
        color: #E6F1FF !important;
        -webkit-text-fill-color: #E6F1FF !important;
        cursor: pointer !important;
        transform: none !important;
        vertical-align: middle !important;
    }

    html.dark body.crm-core-theme.model-domain.change-list #result_list :is(input.action-select, #action-toggle)::before,
    html.dark body.crm-core-theme.model-domain.change-list #result_list :is(input.action-select, #action-toggle)::after,
    html.dark body.crm-core-theme.model-domain.change-list #result_list thead th.action-checkbox-column input[type="checkbox"]::before,
    html.dark body.crm-core-theme.model-domain.change-list #result_list thead th.action-checkbox-column input[type="checkbox"]::after,
    html.dark body.crm-core-theme.model-domain.change-list #result_list tbody td.action-checkbox input[type="checkbox"]::before,
    html.dark body.crm-core-theme.model-domain.change-list #result_list tbody td.action-checkbox input[type="checkbox"]::after {
        content: none !important;
        display: none !important;
    }

    html.dark body.crm-core-theme.model-domain.change-list #changelist-form > div.fixed.bottom-0.left-0.right-0,
    html.dark body.crm-core-theme.model-domain.change-list .crm-bulk-actions-rail {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        border: 0 !important;
        box-shadow: none !important;
        padding: 0 !important;
        pointer-events: none !important;
    }

    html.dark body.crm-core-theme.model-domain.change-list #changelist-actions-wrapper,
    html.dark body.crm-core-theme.model-domain.change-list #changelist-actions {
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        box-shadow: none !important;
        pointer-events: auto !important;
    }

    html.dark body.crm-core-theme.model-domain.change-list #changelist-actions > .bg-primary-600,
    html.dark body.crm-core-theme.model-domain.change-list #changelist-actions .crm-bulk-actions-surface {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 10px !important;
        width: auto !important;
        min-height: 48px !important;
        margin: 0 !important;
        padding: 8px !important;
        border-radius: 14px !important;
        border: 1px solid #4E739B !important;
        background: linear-gradient(180deg, #17283D 0%, #101B2B 100%) !important;
        background-color: #101B2B !important;
        color: #E6F1FF !important;
        -webkit-text-fill-color: #E6F1FF !important;
        box-shadow: 0 18px 42px rgba(2, 8, 18, 0.48), inset 0 1px 0 rgba(178, 215, 255, 0.10) !important;
        pointer-events: auto !important;
    }

    html.dark body.crm-core-theme.model-domain.change-list #changelist-actions .group.primary,
    html.dark body.crm-core-theme.model-domain.change-list #changelist-actions .crm-bulk-actions-surface > .group.primary {
        width: auto !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 8px !important;
    }

    html.dark body.crm-core-theme.model-domain.change-list #changelist-actions :is(label, span, a, .action-counter, .actions-selected-counter, .all, .question, .clear) {
        color: #E6F1FF !important;
        -webkit-text-fill-color: #E6F1FF !important;
    }

    html.dark body.crm-core-theme.model-domain.change-list #changelist-actions select[name="action"] {
        width: auto !important;
        min-width: 220px !important;
        min-height: 40px !important;
        border-radius: 12px !important;
        border: 1px solid #52799F !important;
        background: linear-gradient(180deg, #132337 0%, #0F1B2A 100%) !important;
        color: #ECF6FF !important;
        -webkit-text-fill-color: #ECF6FF !important;
        box-shadow: inset 0 1px 0 rgba(178, 215, 255, 0.08) !important;
    }

    html.dark body.crm-core-theme.model-domain.change-list #changelist-actions button[name="index"] {
        width: auto !important;
        min-width: 120px !important;
        min-height: 40px !important;
        border-radius: 12px !important;
        border: 1px solid #7DB3E1 !important;
        background: linear-gradient(180deg, #2F628F 0%, #1E4268 100%) !important;
        color: #FFFFFF !important;
        -webkit-text-fill-color: #FFFFFF !important;
        box-shadow: 0 10px 24px rgba(26, 80, 128, 0.34), inset 0 1px 0 rgba(230, 246, 255, 0.18) !important;
    }
}

/* Desktop Domains: center Host Domains button label. */
@media (min-width: 1025px) {
    html.dark body.crm-core-theme.model-domain.change-list .crm-changelist-sticky-panel > a[href*="landing-host"],
    html.dark body.crm-core-theme.model-domain.change-list .crm-changelist-sticky-panel > a[href*="host-domains"],
    html.dark body.crm-core-theme.model-domain.change-list .crm-changelist-sticky-panel > a[href*="landing_host_domains"] {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
    }
}

/* Desktop Dashboard: remove black inner table slabs inside app capsules. */
@media (min-width: 1025px) {
    html.dark body.crm-core-theme.crm-dashboard .crm-dashboard-main .module,
    html.dark body.crm-dashboard .crm-dashboard-main .module {
        background: linear-gradient(180deg, #17283D 0%, #101B2B 100%) !important;
        border-color: #324B68 !important;
    }

    html.dark body.crm-core-theme.crm-dashboard .crm-dashboard-main .module > .bg-base-50,
    html.dark body.crm-core-theme.crm-dashboard .crm-dashboard-main .module > div,
    html.dark body.crm-core-theme.crm-dashboard .crm-dashboard-main .module table,
    html.dark body.crm-core-theme.crm-dashboard .crm-dashboard-main .module tbody,
    html.dark body.crm-core-theme.crm-dashboard .crm-dashboard-main .module thead,
    html.dark body.crm-core-theme.crm-dashboard .crm-dashboard-main .module caption,
    html.dark body.crm-core-theme.crm-dashboard .crm-dashboard-main .module tr,
    html.dark body.crm-dashboard .crm-dashboard-main .module > .bg-base-50,
    html.dark body.crm-dashboard .crm-dashboard-main .module > div,
    html.dark body.crm-dashboard .crm-dashboard-main .module table,
    html.dark body.crm-dashboard .crm-dashboard-main .module tbody,
    html.dark body.crm-dashboard .crm-dashboard-main .module thead,
    html.dark body.crm-dashboard .crm-dashboard-main .module caption,
    html.dark body.crm-dashboard .crm-dashboard-main .module tr {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        box-shadow: none !important;
    }

    html.dark body.crm-core-theme.crm-dashboard .crm-dashboard-main .module > .bg-base-50,
    html.dark body.crm-dashboard .crm-dashboard-main .module > .bg-base-50 {
        padding: 0 !important;
        margin: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
    }

    html.dark body.crm-core-theme.crm-dashboard .crm-dashboard-main .module table,
    html.dark body.crm-dashboard .crm-dashboard-main .module table {
        border: 0 !important;
        border-spacing: 0 10px !important;
        border-collapse: separate !important;
        overflow: visible !important;
    }

    html.dark body.crm-core-theme.crm-dashboard .crm-dashboard-main .module tr > :is(th, td),
    html.dark body.crm-dashboard .crm-dashboard-main .module tr > :is(th, td) {
        background: rgba(23, 40, 61, 0.42) !important;
        background-image: linear-gradient(180deg, rgba(23, 40, 61, 0.58) 0%, rgba(16, 27, 43, 0.42) 100%) !important;
        border-top-color: rgba(91, 123, 162, 0.30) !important;
        border-bottom-color: rgba(91, 123, 162, 0.30) !important;
        box-shadow: none !important;
    }

    html.dark body.crm-core-theme.crm-dashboard .crm-dashboard-main .module tr > :first-child,
    html.dark body.crm-dashboard .crm-dashboard-main .module tr > :first-child {
        border-left-color: rgba(91, 123, 162, 0.30) !important;
    }

    html.dark body.crm-core-theme.crm-dashboard .crm-dashboard-main .module tr > :last-child,
    html.dark body.crm-dashboard .crm-dashboard-main .module tr > :last-child {
        border-right-color: rgba(91, 123, 162, 0.30) !important;
    }

    html.dark body.crm-core-theme.crm-dashboard .crm-dashboard-main .module tr:hover > :is(th, td),
    html.dark body.crm-dashboard .crm-dashboard-main .module tr:hover > :is(th, td) {
        background: rgba(30, 66, 104, 0.54) !important;
        background-image: linear-gradient(180deg, rgba(36, 63, 92, 0.72) 0%, rgba(23, 40, 61, 0.58) 100%) !important;
        border-color: rgba(125, 179, 225, 0.42) !important;
    }
}

/* Desktop Domains: detach search/host/filter controls from the joined changelist shell. */
@media (min-width: 1025px) {
    html.dark body.crm-core-theme.model-domain.change-list .crm-changelist-sticky-panel,
    html.dark body.model-domain.change-list .crm-changelist-sticky-panel {
        margin: 0 0 18px 0 !important;
        padding: 0 !important;
        padding-top: 0 !important;
        padding-right: 0 !important;
        padding-bottom: 0 !important;
        padding-left: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        outline: 0 !important;
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        box-shadow: none !important;
        overflow: visible !important;
        isolation: auto !important;
    }

    html.dark body.crm-core-theme.model-domain.change-list .crm-changelist-sticky-panel::before,
    html.dark body.crm-core-theme.model-domain.change-list .crm-changelist-sticky-panel::after,
    html.dark body.model-domain.change-list .crm-changelist-sticky-panel::before,
    html.dark body.model-domain.change-list .crm-changelist-sticky-panel::after {
        content: none !important;
        display: none !important;
    }

    html.dark body.crm-core-theme.model-domain.change-list .crm-changelist-sticky-panel > *,
    html.dark body.model-domain.change-list .crm-changelist-sticky-panel > * {
        position: relative !important;
        z-index: 1 !important;
    }

    html.dark body.crm-core-theme.model-domain.change-list :is(#changelist-search, #toolbar, #changelist-search form, #toolbar form),
    html.dark body.model-domain.change-list :is(#changelist-search, #toolbar, #changelist-search form, #toolbar form) {
        background-color: transparent !important;
        background-image: none !important;
        box-shadow: none !important;
    }

    html.dark body.crm-core-theme.model-domain.change-list #changelist-form > div[data-simplebar],
    html.dark body.model-domain.change-list #changelist-form > div[data-simplebar] {
        margin-top: 0 !important;
        background-clip: padding-box !important;
    }

    html.dark body.crm-core-theme.model-domain.change-list #changelist-form > div[data-simplebar] > .simplebar-wrapper,
    html.dark body.crm-core-theme.model-domain.change-list #changelist-form > div[data-simplebar] .simplebar-mask,
    html.dark body.crm-core-theme.model-domain.change-list #changelist-form > div[data-simplebar] .simplebar-offset,
    html.dark body.crm-core-theme.model-domain.change-list #changelist-form > div[data-simplebar] .simplebar-content-wrapper,
    html.dark body.crm-core-theme.model-domain.change-list #changelist-form > div[data-simplebar] .simplebar-content,
    html.dark body.model-domain.change-list #changelist-form > div[data-simplebar] > .simplebar-wrapper,
    html.dark body.model-domain.change-list #changelist-form > div[data-simplebar] .simplebar-mask,
    html.dark body.model-domain.change-list #changelist-form > div[data-simplebar] .simplebar-offset,
    html.dark body.model-domain.change-list #changelist-form > div[data-simplebar] .simplebar-content-wrapper,
    html.dark body.model-domain.change-list #changelist-form > div[data-simplebar] .simplebar-content {
        padding-top: 0 !important;
    }
}

/* Desktop Domains: restore custom dark selection checkboxes. */
@media (min-width: 1025px) {
    html.dark body.crm-core-theme.model-domain.change-list #result_list :is(input.action-select, #action-toggle),
    html.dark body.crm-core-theme.model-domain.change-list #result_list thead th.action-checkbox-column input[type="checkbox"],
    html.dark body.crm-core-theme.model-domain.change-list #result_list tbody td.action-checkbox input[type="checkbox"] {
        appearance: none !important;
        -webkit-appearance: none !important;
        display: inline-block !important;
        width: 22px !important;
        height: 22px !important;
        min-width: 22px !important;
        min-height: 22px !important;
        max-width: 22px !important;
        max-height: 22px !important;
        inline-size: 22px !important;
        block-size: 22px !important;
        margin: 0 !important;
        padding: 0 !important;
        border-radius: 8px !important;
        border: 1px solid #4E739B !important;
        background: linear-gradient(180deg, #17283D 0%, #101B2B 100%) !important;
        background-color: #101B2B !important;
        background-image: linear-gradient(180deg, #17283D 0%, #101B2B 100%) !important;
        box-shadow:
            inset 0 1px 0 rgba(178, 215, 255, 0.14),
            0 6px 14px rgba(2, 8, 18, 0.24) !important;
        color: transparent !important;
        -webkit-text-fill-color: transparent !important;
        cursor: pointer !important;
        position: relative !important;
        transform: none !important;
        vertical-align: middle !important;
        transition: border-color 0.14s ease, background 0.14s ease, box-shadow 0.14s ease, transform 0.14s ease !important;
    }

    html.dark body.crm-core-theme.model-domain.change-list #result_list :is(input.action-select, #action-toggle)::before,
    html.dark body.crm-core-theme.model-domain.change-list #result_list thead th.action-checkbox-column input[type="checkbox"]::before,
    html.dark body.crm-core-theme.model-domain.change-list #result_list tbody td.action-checkbox input[type="checkbox"]::before {
        content: "" !important;
        position: absolute !important;
        inset: 3px !important;
        border-radius: 5px !important;
        border: 1px solid rgba(156, 201, 240, 0.20) !important;
        background: rgba(47, 98, 143, 0.18) !important;
        box-shadow: inset 0 1px 0 rgba(230, 246, 255, 0.08) !important;
        transform: none !important;
        display: block !important;
    }

    html.dark body.crm-core-theme.model-domain.change-list #result_list :is(input.action-select, #action-toggle)::after,
    html.dark body.crm-core-theme.model-domain.change-list #result_list thead th.action-checkbox-column input[type="checkbox"]::after,
    html.dark body.crm-core-theme.model-domain.change-list #result_list tbody td.action-checkbox input[type="checkbox"]::after {
        content: "" !important;
        position: absolute !important;
        left: 50% !important;
        top: 50% !important;
        width: 5px !important;
        height: 9px !important;
        border: solid #E6F1FF !important;
        border-width: 0 2px 2px 0 !important;
        opacity: 0 !important;
        transform: translate(-50%, -62%) rotate(45deg) scale(0.86) !important;
        transition: opacity 0.12s ease, transform 0.12s ease !important;
        display: block !important;
    }

    html.dark body.crm-core-theme.model-domain.change-list #result_list tbody tr.data-row:hover td.action-checkbox input[type="checkbox"] {
        border-color: #7DB3E1 !important;
        background: linear-gradient(180deg, #1F3652 0%, #132337 100%) !important;
        box-shadow:
            0 0 0 1px rgba(125, 179, 225, 0.22),
            0 8px 18px rgba(2, 8, 18, 0.28),
            inset 0 1px 0 rgba(178, 215, 255, 0.16) !important;
    }

    html.dark body.crm-core-theme.model-domain.change-list #result_list :is(input.action-select, #action-toggle):checked,
    html.dark body.crm-core-theme.model-domain.change-list #result_list thead th.action-checkbox-column input[type="checkbox"]:checked,
    html.dark body.crm-core-theme.model-domain.change-list #result_list tbody td.action-checkbox input[type="checkbox"]:checked {
        border-color: #9CC9F0 !important;
        background: linear-gradient(180deg, #2F628F 0%, #1E4268 100%) !important;
        background-color: #1E4268 !important;
        background-image: linear-gradient(180deg, #2F628F 0%, #1E4268 100%) !important;
        box-shadow:
            0 0 0 1px rgba(156, 201, 240, 0.46),
            0 0 18px rgba(47, 98, 143, 0.42),
            inset 0 1px 0 rgba(230, 246, 255, 0.18) !important;
    }

    html.dark body.crm-core-theme.model-domain.change-list #result_list :is(input.action-select, #action-toggle):checked::before,
    html.dark body.crm-core-theme.model-domain.change-list #result_list thead th.action-checkbox-column input[type="checkbox"]:checked::before,
    html.dark body.crm-core-theme.model-domain.change-list #result_list tbody td.action-checkbox input[type="checkbox"]:checked::before {
        border-color: rgba(230, 246, 255, 0.28) !important;
        background: rgba(230, 246, 255, 0.12) !important;
        box-shadow: 0 0 10px rgba(230, 246, 255, 0.24) !important;
    }

    html.dark body.crm-core-theme.model-domain.change-list #result_list :is(input.action-select, #action-toggle):checked::after,
    html.dark body.crm-core-theme.model-domain.change-list #result_list thead th.action-checkbox-column input[type="checkbox"]:checked::after,
    html.dark body.crm-core-theme.model-domain.change-list #result_list tbody td.action-checkbox input[type="checkbox"]:checked::after {
        opacity: 1 !important;
        transform: translate(-50%, -62%) rotate(45deg) scale(1) !important;
    }

    html.dark body.crm-core-theme.model-domain.change-list #result_list :is(input.action-select, #action-toggle):focus-visible,
    html.dark body.crm-core-theme.model-domain.change-list #result_list thead th.action-checkbox-column input[type="checkbox"]:focus-visible,
    html.dark body.crm-core-theme.model-domain.change-list #result_list tbody td.action-checkbox input[type="checkbox"]:focus-visible {
        outline: none !important;
        border-color: #B8D9F5 !important;
        box-shadow:
            0 0 0 3px rgba(125, 179, 225, 0.26),
            0 0 18px rgba(47, 98, 143, 0.38),
            inset 0 1px 0 rgba(230, 246, 255, 0.18) !important;
    }
}

/* Desktop Domains: remove only the toolbar backing strip, keep table surfaces intact. */
@media (min-width: 1025px) {
    html.dark body.crm-core-theme.model-domain.change-list .result-list-wrapper.changelist-form-container,
    html.dark body.model-domain.change-list .result-list-wrapper.changelist-form-container,
    html.dark body.crm-core-theme.model-domain.change-list .result-list-wrapper.changelist-form-container > .grow.min-w-0,
    html.dark body.model-domain.change-list .result-list-wrapper.changelist-form-container > .grow.min-w-0 {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        box-shadow: none !important;
    }

    html.dark body.crm-core-theme.model-domain.change-list #changelist,
    html.dark body.model-domain.change-list #changelist {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
    }

    html.dark body.crm-core-theme.model-domain.change-list .crm-changelist-sticky-panel,
    html.dark body.model-domain.change-list .crm-changelist-sticky-panel {
        margin: 0 0 18px 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        box-shadow: none !important;
        overflow: visible !important;
    }

    html.dark body.crm-core-theme.model-domain.change-list .crm-changelist-sticky-panel::before,
    html.dark body.crm-core-theme.model-domain.change-list .crm-changelist-sticky-panel::after,
    html.dark body.model-domain.change-list .crm-changelist-sticky-panel::before,
    html.dark body.model-domain.change-list .crm-changelist-sticky-panel::after {
        content: none !important;
        display: none !important;
    }

    html.dark body.crm-core-theme.model-domain.change-list .crm-changelist-sticky-panel + #changelist-form > div[data-simplebar],
    html.dark body.model-domain.change-list .crm-changelist-sticky-panel + #changelist-form > div[data-simplebar] {
        margin-top: 0 !important;
    }
}

/* Desktop dark sidebar final surface override: loaded last, matches the visible menu block. */
@media (min-width: 769px) {
    html.dark body:not(.login),
    html.dark body:not(.login) #page,
    html.dark body:not(.login) #main,
    html.dark body:not(.login) #main > .grow,
    html.dark body:not(.login) #main > .px-4,
    html.dark body:not(.login) #main > .px-4.pb-4.grow,
    html.dark body:not(.login) #content {
        background: #101b2b !important;
        background-color: #101b2b !important;
        background-image: none !important;
    }

    html.dark body:not(.login) #nav-sidebar {
        background: #172334 !important;
        background-color: #172334 !important;
        background-image: linear-gradient(180deg, #172334 0%, #121d2d 100%) !important;
        border-color: #2b4058 !important;
        box-shadow: none !important;
    }

    html.dark body:not(.login) #nav-sidebar-inner,
    html.dark body:not(.login) #nav-sidebar-apps,
    html.dark body:not(.login) #nav-sidebar-inner > :not(:first-child),
    html.dark body:not(.login) #nav-sidebar-apps > *,
    html.dark body:not(.login) #nav-sidebar-apps :is(
        .simplebar-wrapper,
        .simplebar-mask,
        .simplebar-offset,
        .simplebar-content-wrapper,
        .simplebar-content
    ) {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        box-shadow: none !important;
    }

    html.dark body:not(.login) #nav-sidebar-inner > div.border-b,
    html.dark body:not(.login) #nav-sidebar-inner > div.border-b > div.bg-transparent {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        box-shadow: none !important;
    }
}

/* Absolute final: Subscribers Geo cells without filled rectangle background. */
@media (min-width: 769px) {
    html.dark body.model-subscriber.change-list #result_list td.field-display_geo :is(.geo-chip, .geo-chip.geo-chip-empty),
    html.dark body.crm-core-theme.model-subscriber.change-list #result_list td.field-display_geo :is(.geo-chip, .geo-chip.geo-chip-empty) {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        border-color: transparent !important;
        box-shadow: none !important;
    }
}

/* Absolute final: Subscribers link chips follow source channel colors, not Bot/Channel meta type. */
@media (min-width: 769px) {
    html.dark body.model-subscriber.change-list #result_list td.field-display_invite_link .domain-chip:is(.domain-chip-enigma, .domain-chip-enigma.domain-chip-has-meta),
    html.dark body.crm-core-theme.model-subscriber.change-list #result_list td.field-display_invite_link .domain-chip:is(.domain-chip-enigma, .domain-chip-enigma.domain-chip-has-meta) {
        background: linear-gradient(180deg, #5f4719 0%, #4a340f 100%) !important;
        background-color: #4a340f !important;
        border-color: #b99235 !important;
        color: #f7e6bd !important;
        -webkit-text-fill-color: #f7e6bd !important;
        box-shadow: none !important;
    }

    html.dark body.model-subscriber.change-list #result_list td.field-display_invite_link .domain-chip:is(.domain-chip-cryptolab, .domain-chip-cryptolab.domain-chip-has-meta),
    html.dark body.crm-core-theme.model-subscriber.change-list #result_list td.field-display_invite_link .domain-chip:is(.domain-chip-cryptolab, .domain-chip-cryptolab.domain-chip-has-meta) {
        background: linear-gradient(180deg, #5a4284 0%, #412b69 100%) !important;
        background-color: #412b69 !important;
        border-color: #9c76db !important;
        color: #eadcff !important;
        -webkit-text-fill-color: #eadcff !important;
        box-shadow: none !important;
    }

    html.dark body.model-subscriber.change-list #result_list td.field-display_invite_link .domain-chip:is(.domain-chip-shark, .domain-chip-shark.domain-chip-has-meta),
    html.dark body.crm-core-theme.model-subscriber.change-list #result_list td.field-display_invite_link .domain-chip:is(.domain-chip-shark, .domain-chip-shark.domain-chip-has-meta) {
        background: linear-gradient(180deg, #29476b 0%, #213955 100%) !important;
        background-color: #213955 !important;
        border-color: #4b78a5 !important;
        color: #cfe5ff !important;
        -webkit-text-fill-color: #cfe5ff !important;
        box-shadow: none !important;
    }

    html.dark body.model-subscriber.change-list #result_list td.field-display_invite_link .domain-chip:is(.domain-chip-space, .domain-chip-space.domain-chip-has-meta),
    html.dark body.crm-core-theme.model-subscriber.change-list #result_list td.field-display_invite_link .domain-chip:is(.domain-chip-space, .domain-chip-space.domain-chip-has-meta) {
        background: linear-gradient(180deg, #1f635e 0%, #164b49 100%) !important;
        background-color: #164b49 !important;
        border-color: #63c7bd !important;
        color: #e8fffb !important;
        -webkit-text-fill-color: #e8fffb !important;
        box-shadow: none !important;
    }

    html.dark body.model-subscriber.change-list #result_list td.field-display_invite_link .domain-chip:is(.domain-chip-pulse, .domain-chip-pulse.domain-chip-has-meta),
    html.dark body.crm-core-theme.model-subscriber.change-list #result_list td.field-display_invite_link .domain-chip:is(.domain-chip-pulse, .domain-chip-pulse.domain-chip-has-meta) {
        background: linear-gradient(180deg, #6a5118 0%, #4d390d 100%) !important;
        background-color: #4d390d !important;
        border-color: #d4b64a !important;
        color: #fff4bc !important;
        -webkit-text-fill-color: #fff4bc !important;
        box-shadow: none !important;
    }

    html.dark body.model-subscriber.change-list #result_list td.field-display_invite_link .domain-chip:is(.domain-chip-enigma, .domain-chip-cryptolab, .domain-chip-shark, .domain-chip-space, .domain-chip-pulse) :is(.domain-chip-main, .domain-chip-meta),
    html.dark body.crm-core-theme.model-subscriber.change-list #result_list td.field-display_invite_link .domain-chip:is(.domain-chip-enigma, .domain-chip-cryptolab, .domain-chip-shark, .domain-chip-space, .domain-chip-pulse) :is(.domain-chip-main, .domain-chip-meta) {
        color: inherit !important;
        -webkit-text-fill-color: inherit !important;
    }
}

/* Absolute final: restore light sidebar if the active CRM theme is not dark. */
@media (min-width: 769px) {
    html:not([data-crm-theme="dark"]) body:not(.login) #nav-sidebar,
    html:not([data-crm-theme="dark"]) body:not(.login) div.bg-base-50.relative.z-30:has(> #nav-sidebar) {
        background: linear-gradient(180deg, #fbfdff 0%, #f5f9fd 100%) !important;
        background-color: #fbfdff !important;
        background-image: linear-gradient(180deg, #fbfdff 0%, #f5f9fd 100%) !important;
        border-color: #d8e5f2 !important;
        box-shadow: 0 12px 28px rgba(44, 78, 118, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.82) !important;
    }

    html:not([data-crm-theme="dark"]) body:not(.login) #nav-sidebar-inner,
    html:not([data-crm-theme="dark"]) body:not(.login) #nav-sidebar-apps,
    html:not([data-crm-theme="dark"]) body:not(.login) #nav-sidebar :is(nav, ul, li, table, tbody, tr, th, td, .module, .bg-white, .bg-base-50, .bg-base-100, .bg-base-200, .dark\:bg-base-800, .dark\:bg-base-900) {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        box-shadow: none !important;
    }

    html:not([data-crm-theme="dark"]) body:not(.login) #nav-sidebar :is(a, .module td a, .module th a, li a, nav a) {
        border-color: #d8e6f3 !important;
        background: linear-gradient(180deg, rgba(248, 252, 255, 0.95) 0%, rgba(240, 247, 252, 0.90) 100%) !important;
        color: #47617b !important;
        -webkit-text-fill-color: #47617b !important;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78) !important;
    }

    html:not([data-crm-theme="dark"]) body:not(.login) #nav-sidebar :is(.current-model a, tr.current-model a, .active a, a[aria-current="page"]) {
        border-color: #a9cdf5 !important;
        background: linear-gradient(180deg, #eaf4ff 0%, #deedff 100%) !important;
        color: #2a6ebf !important;
        -webkit-text-fill-color: #2a6ebf !important;
        box-shadow: 0 8px 16px rgba(40, 101, 173, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.86) !important;
    }

    html:not([data-crm-theme="dark"]) body:not(.login) #nav-sidebar :is(.material-symbols-outlined, svg) {
        color: #47617b !important;
        -webkit-text-fill-color: #47617b !important;
        stroke: #47617b !important;
    }
}

/* Absolute final: light class wins over stale dark class on the sidebar. */
@media (min-width: 769px) {
    html.light body.crm-core-theme:not(.login) #nav-sidebar,
    html.light body.crm-core-theme:not(.login) div.bg-base-50.relative.z-30:has(> #nav-sidebar),
    html.light body:not(.login) #nav-sidebar,
    html.light body:not(.login) div.bg-base-50.relative.z-30:has(> #nav-sidebar) {
        background: linear-gradient(180deg, #fbfdff 0%, #f5f9fd 100%) !important;
        background-color: #fbfdff !important;
        background-image: linear-gradient(180deg, #fbfdff 0%, #f5f9fd 100%) !important;
        border-color: #d8e5f2 !important;
        box-shadow: 0 12px 28px rgba(44, 78, 118, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.82) !important;
    }

    html.light body.crm-core-theme:not(.login) #nav-sidebar-inner,
    html.light body.crm-core-theme:not(.login) #nav-sidebar-apps,
    html.light body.crm-core-theme:not(.login) #nav-sidebar :is(nav, ul, li, table, tbody, tr, th, td, .module, .bg-white, .bg-base-50, .bg-base-100, .bg-base-200, .dark\:bg-base-800, .dark\:bg-base-900),
    html.light body:not(.login) #nav-sidebar-inner,
    html.light body:not(.login) #nav-sidebar-apps,
    html.light body:not(.login) #nav-sidebar :is(nav, ul, li, table, tbody, tr, th, td, .module, .bg-white, .bg-base-50, .bg-base-100, .bg-base-200, .dark\:bg-base-800, .dark\:bg-base-900) {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        box-shadow: none !important;
    }

    html.light body.crm-core-theme:not(.login) #nav-sidebar :is(a, .module td a, .module th a, li a, nav a),
    html.light body:not(.login) #nav-sidebar :is(a, .module td a, .module th a, li a, nav a) {
        border-color: #d8e6f3 !important;
        background: linear-gradient(180deg, rgba(248, 252, 255, 0.95) 0%, rgba(240, 247, 252, 0.90) 100%) !important;
        color: #47617b !important;
        -webkit-text-fill-color: #47617b !important;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78) !important;
    }

    html.light body.crm-core-theme:not(.login) #nav-sidebar :is(.current-model a, tr.current-model a, .active a, a[aria-current="page"]),
    html.light body:not(.login) #nav-sidebar :is(.current-model a, tr.current-model a, .active a, a[aria-current="page"]) {
        border-color: #a9cdf5 !important;
        background: linear-gradient(180deg, #eaf4ff 0%, #deedff 100%) !important;
        color: #2a6ebf !important;
        -webkit-text-fill-color: #2a6ebf !important;
        box-shadow: 0 8px 16px rgba(40, 101, 173, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.86) !important;
    }

    html.light body.crm-core-theme:not(.login) #nav-sidebar :is(.material-symbols-outlined, svg),
    html.light body:not(.login) #nav-sidebar :is(.material-symbols-outlined, svg) {
        color: #47617b !important;
        -webkit-text-fill-color: #47617b !important;
        stroke: #47617b !important;
    }
}

/* Absolute final: dashboard app cards use navy/slate-blue inner surfaces, not black blocks. */
@media (min-width: 1025px) {
    html.dark[data-crm-theme="dark"] body.crm-dashboard.crm-core-theme :is(.crm-dashboard-main .module, #content-main .module),
    html.dark body.crm-dashboard.crm-core-theme :is(.crm-dashboard-main .module, #content-main .module) {
        background: linear-gradient(180deg, #17283d 0%, #142236 100%) !important;
        background-color: #17283d !important;
        background-image: linear-gradient(180deg, #17283d 0%, #142236 100%) !important;
        border-color: #324b68 !important;
        color: #dceafb !important;
        -webkit-text-fill-color: #dceafb !important;
        box-shadow: 0 14px 34px rgba(2, 8, 18, 0.22), inset 0 1px 0 rgba(178, 215, 255, 0.08) !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-dashboard.crm-core-theme :is(
        .crm-dashboard-main .module > .bg-base-50,
        .crm-dashboard-main .module > .dark\:bg-base-800,
        .crm-dashboard-main .module > div,
        .crm-dashboard-main .module table,
        .crm-dashboard-main .module tbody,
        .crm-dashboard-main .module thead,
        .crm-dashboard-main .module caption,
        #content-main .module > .bg-base-50,
        #content-main .module > .dark\:bg-base-800,
        #content-main .module > div,
        #content-main .module table,
        #content-main .module tbody,
        #content-main .module thead,
        #content-main .module caption
    ),
    html.dark body.crm-dashboard.crm-core-theme :is(
        .crm-dashboard-main .module > .bg-base-50,
        .crm-dashboard-main .module > .dark\:bg-base-800,
        .crm-dashboard-main .module > div,
        .crm-dashboard-main .module table,
        .crm-dashboard-main .module tbody,
        .crm-dashboard-main .module thead,
        .crm-dashboard-main .module caption,
        #content-main .module > .bg-base-50,
        #content-main .module > .dark\:bg-base-800,
        #content-main .module > div,
        #content-main .module table,
        #content-main .module tbody,
        #content-main .module thead,
        #content-main .module caption
    ) {
        background: linear-gradient(180deg, #17283d 0%, #142236 100%) !important;
        background-color: #17283d !important;
        background-image: linear-gradient(180deg, #17283d 0%, #142236 100%) !important;
        border-color: transparent !important;
        box-shadow: none !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-dashboard.crm-core-theme :is(
        .crm-dashboard-main .module caption a.section,
        .crm-dashboard-main .module caption a,
        #content-main .module caption a.section,
        #content-main .module caption a
    ),
    html.dark body.crm-dashboard.crm-core-theme :is(
        .crm-dashboard-main .module caption a.section,
        .crm-dashboard-main .module caption a,
        #content-main .module caption a.section,
        #content-main .module caption a
    ) {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        border-color: transparent !important;
        color: #e6f1ff !important;
        -webkit-text-fill-color: #e6f1ff !important;
        box-shadow: none !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-dashboard.crm-core-theme :is(
        .crm-dashboard-main .module tr,
        .crm-dashboard-main .module tr.bg-white,
        .crm-dashboard-main .module tr.dark\:bg-base-900,
        #content-main .module tr,
        #content-main .module tr.bg-white,
        #content-main .module tr.dark\:bg-base-900
    ),
    html.dark body.crm-dashboard.crm-core-theme :is(
        .crm-dashboard-main .module tr,
        .crm-dashboard-main .module tr.bg-white,
        .crm-dashboard-main .module tr.dark\:bg-base-900,
        #content-main .module tr,
        #content-main .module tr.bg-white,
        #content-main .module tr.dark\:bg-base-900
    ) {
        background: linear-gradient(180deg, #17283d 0%, #142236 100%) !important;
        background-color: #17283d !important;
        background-image: linear-gradient(180deg, #17283d 0%, #142236 100%) !important;
        border-color: transparent !important;
        box-shadow: none !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-dashboard.crm-core-theme :is(
        .crm-dashboard-main .module tr > th,
        .crm-dashboard-main .module tr > td,
        #content-main .module tr > th,
        #content-main .module tr > td
    ),
    html.dark body.crm-dashboard.crm-core-theme :is(
        .crm-dashboard-main .module tr > th,
        .crm-dashboard-main .module tr > td,
        #content-main .module tr > th,
        #content-main .module tr > td
    ) {
        background: linear-gradient(180deg, #1c3048 0%, #17283d 100%) !important;
        background-color: #17283d !important;
        background-image: linear-gradient(180deg, #1c3048 0%, #17283d 100%) !important;
        border-color: rgba(91, 123, 162, 0.42) !important;
        color: #dceafb !important;
        -webkit-text-fill-color: #dceafb !important;
        box-shadow: none !important;
    }
}

/* Absolute final: no outer capsule around density and row-style toggles in dark desktop lists. */
@media (min-width: 1025px) {
    html.dark[data-crm-theme="dark"] body.crm-core-theme.change-list :is(.crm-density-toggle, .crm-row-style-toggle),
    html.dark body.crm-core-theme.change-list :is(.crm-density-toggle, .crm-row-style-toggle) {
        display: contents !important;
        padding: 0 !important;
        border: 0 none transparent !important;
        border-radius: 999px !important;
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        box-shadow: none !important;
        outline: 0 !important;
        overflow: visible !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.change-list :is(.crm-density-toggle, .crm-row-style-toggle) > :is(.crm-density-btn, .crm-row-style-btn),
    html.dark body.crm-core-theme.change-list :is(.crm-density-toggle, .crm-row-style-toggle) > :is(.crm-density-btn, .crm-row-style-btn) {
        border-radius: 999px !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.change-list :is(.crm-density-toggle, .crm-row-style-toggle) > :is(.crm-density-btn, .crm-row-style-btn):not(.is-active),
    html.dark body.crm-core-theme.change-list :is(.crm-density-toggle, .crm-row-style-toggle) > :is(.crm-density-btn, .crm-row-style-btn):not(.is-active) {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        border: 0 none transparent !important;
        box-shadow: none !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-core-theme.change-list :is(.crm-density-toggle, .crm-row-style-toggle) > :is(.crm-density-btn, .crm-row-style-btn).is-active,
    html.dark body.crm-core-theme.change-list :is(.crm-density-toggle, .crm-row-style-toggle) > :is(.crm-density-btn, .crm-row-style-btn).is-active {
        background: linear-gradient(180deg, #315f91 0%, #274c78 100%) !important;
        background-color: #274c78 !important;
        background-image: linear-gradient(180deg, #315f91 0%, #274c78 100%) !important;
        border-color: #76a8d8 !important;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
    }
}

/* Final mobile layer fix: sidebar above page content, filters and bulk action bars. */
@media (max-width: 1024px) {
    body:not(.login) #page > .relative.z-60,
    body:not(.login) #page > .relative.z-60 > .fixed,
    body:not(.login) #page > .relative.z-60 > .fixed > .relative.z-30,
    body:not(.login) div.bg-base-50.relative.z-30:has(> #nav-sidebar),
    body:not(.login) div[class*="dark:bg-base"]:has(> #nav-sidebar) {
        z-index: 260 !important;
    }

    body:not(.login) #nav-sidebar {
        z-index: 270 !important;
    }
}

/* Absolute final: one dark desktop sidebar surface on every CRM page. */
@media (min-width: 769px) {
    html.dark body:not(.login) #nav-sidebar,
    html.dark body:not(.login) div.bg-base-50.relative.z-30:has(> #nav-sidebar),
    html.dark body:not(.login) div[class*="bg-base-50"]:has(> #nav-sidebar),
    html.dark body:not(.login) div[class*="dark:bg-base"]:has(> #nav-sidebar),
    html.dark[data-crm-theme="dark"] body:not(.login) #nav-sidebar,
    html.dark[data-crm-theme="dark"] body:not(.login) div.bg-base-50.relative.z-30:has(> #nav-sidebar),
    html.dark[data-crm-theme="dark"] body:not(.login) div[class*="bg-base-50"]:has(> #nav-sidebar),
    html.dark[data-crm-theme="dark"] body:not(.login) div[class*="dark:bg-base"]:has(> #nav-sidebar) {
        background: linear-gradient(180deg, #172334 0%, #121d2d 100%) !important;
        background-color: #172334 !important;
        background-image: linear-gradient(180deg, #172334 0%, #121d2d 100%) !important;
        border-color: #2b4058 !important;
        box-shadow: none !important;
    }

    html.dark body:not(.login) #nav-sidebar-inner,
    html.dark body:not(.login) #nav-sidebar-apps,
    html.dark body:not(.login) #nav-sidebar-inner > div.border-b,
    html.dark body:not(.login) #nav-sidebar-inner > div.border-b > div,
    html.dark body:not(.login) #nav-sidebar-apps :is(.simplebar-wrapper, .simplebar-mask, .simplebar-offset, .simplebar-content-wrapper, .simplebar-content),
    html.dark body:not(.login) #nav-sidebar :is(nav, ul, li, table, tbody, tr, th, td, .module, .bg-white, .bg-base-50, .bg-base-100, .bg-base-200, .dark\:bg-base-950, .dark\:bg-base-900, .dark\:bg-base-800),
    html.dark[data-crm-theme="dark"] body:not(.login) #nav-sidebar-inner,
    html.dark[data-crm-theme="dark"] body:not(.login) #nav-sidebar-apps,
    html.dark[data-crm-theme="dark"] body:not(.login) #nav-sidebar-inner > div.border-b,
    html.dark[data-crm-theme="dark"] body:not(.login) #nav-sidebar-inner > div.border-b > div,
    html.dark[data-crm-theme="dark"] body:not(.login) #nav-sidebar-apps :is(.simplebar-wrapper, .simplebar-mask, .simplebar-offset, .simplebar-content-wrapper, .simplebar-content),
    html.dark[data-crm-theme="dark"] body:not(.login) #nav-sidebar :is(nav, ul, li, table, tbody, tr, th, td, .module, .bg-white, .bg-base-50, .bg-base-100, .bg-base-200, .dark\:bg-base-950, .dark\:bg-base-900, .dark\:bg-base-800) {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        box-shadow: none !important;
    }
}

/* Absolute final override: keep Space/Pulse domain chips colored after all desktop/mobile rules. */
body:is(.model-client, .model-subscriber).change-list #result_list td :is(.channel-chip.channel-chip-space, .domain-chip.domain-chip-space, .domain-chip.domain-chip-space.domain-chip-has-meta, .domain-chip.domain-chip-space.domain-chip-meta-channel, .domain-chip.domain-chip-space.domain-chip-meta-bot) {
    border-color: #8fcfcd !important;
    background: linear-gradient(180deg, #eefdfb 0%, #d9f5f2 100%) !important;
    background-color: #d9f5f2 !important;
    background-image: linear-gradient(180deg, #eefdfb 0%, #d9f5f2 100%) !important;
    color: #1d706d !important;
    -webkit-text-fill-color: #1d706d !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78), 0 2px 9px rgba(22, 113, 109, 0.12) !important;
}

body:is(.model-client, .model-subscriber).change-list #result_list td :is(.channel-chip.channel-chip-space, .domain-chip.domain-chip-space, .domain-chip.domain-chip-space.domain-chip-has-meta, .domain-chip.domain-chip-space.domain-chip-meta-channel, .domain-chip.domain-chip-space.domain-chip-meta-bot) :is(span, .domain-chip-main, .domain-chip-meta) {
    color: #1d706d !important;
    -webkit-text-fill-color: #1d706d !important;
}

body:is(.model-client, .model-subscriber).change-list #result_list td :is(.channel-chip.channel-chip-pulse, .domain-chip.domain-chip-pulse, .domain-chip.domain-chip-pulse.domain-chip-has-meta, .domain-chip.domain-chip-pulse.domain-chip-meta-channel, .domain-chip.domain-chip-pulse.domain-chip-meta-bot) {
    border-color: #e2c45f !important;
    background: linear-gradient(180deg, #fff8d8 0%, #ffefab 100%) !important;
    background-color: #ffefab !important;
    background-image: linear-gradient(180deg, #fff8d8 0%, #ffefab 100%) !important;
    color: #7a5c00 !important;
    -webkit-text-fill-color: #7a5c00 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.80), 0 2px 9px rgba(150, 108, 0, 0.13) !important;
}

body:is(.model-client, .model-subscriber).change-list #result_list td :is(.channel-chip.channel-chip-pulse, .domain-chip.domain-chip-pulse, .domain-chip.domain-chip-pulse.domain-chip-has-meta, .domain-chip.domain-chip-pulse.domain-chip-meta-channel, .domain-chip.domain-chip-pulse.domain-chip-meta-bot) :is(span, .domain-chip-main, .domain-chip-meta) {
    color: #7a5c00 !important;
    -webkit-text-fill-color: #7a5c00 !important;
}

/* Absolute final late layer: clients/subscribers dark desktop use one continuous navy workspace. */
@media (min-width: 1025px) {
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-list,
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-list #page,
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-list #main,
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-list #content,
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-list #content-main,
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-list #changelist,
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-list #changelist-form,
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-list #changelist-form .results,
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-list #changelist-form > div[data-simplebar],
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-list #changelist-form > div[data-simplebar] :is(.simplebar-wrapper, .simplebar-mask, .simplebar-offset, .simplebar-content-wrapper, .simplebar-content),
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-list #result_list,
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-list #result_list > tbody,
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-list #result_list > tbody[class],
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-list #result_list > tbody > tr,
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-list #result_list > tbody > tr > :is(th, td),
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-list .crm-changelist-sticky-panel,
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-list .client-quality-banner,
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-list .subscriber-sync-panel,
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-list #toolbar,
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-list #changelist-search {
        background: #0F1724 !important;
        background-color: #0F1724 !important;
        background-image: none !important;
        box-shadow: none !important;
    }
}

/* Absolute final: clients desktop dark workspace matches the sidebar and has no outer list frame. */
@media (min-width: 1025px) {
    html.dark body.crm-core-theme.model-client.change-list,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-client.change-list {
        background: #172334 !important;
        background-color: #172334 !important;
        background-image: linear-gradient(180deg, #172334 0%, #121d2d 100%) !important;
    }

    html.dark body.crm-core-theme.model-client.change-list :is(#page, #main, #content),
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-client.change-list :is(#page, #main, #content) {
        background: #172334 !important;
        background-color: #172334 !important;
        background-image: linear-gradient(180deg, #172334 0%, #121d2d 100%) !important;
    }

    html.dark body.crm-core-theme.model-client.change-list :is(
        #content-main,
        #changelist,
        #changelist-form,
        #changelist-form .results,
        #changelist-form > div[data-simplebar],
        #changelist-form > div[data-simplebar] :is(.simplebar-wrapper, .simplebar-mask, .simplebar-offset, .simplebar-content-wrapper, .simplebar-content),
        .result-list-wrapper,
        .result-list-wrapper.changelist-form-container,
        .result-list-wrapper.changelist-form-container > .grow.min-w-0,
        .crm-changelist-sticky-panel,
        .client-quality-banner,
        #toolbar,
        #changelist-search
    ),
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-client.change-list :is(
        #content-main,
        #changelist,
        #changelist-form,
        #changelist-form .results,
        #changelist-form > div[data-simplebar],
        #changelist-form > div[data-simplebar] :is(.simplebar-wrapper, .simplebar-mask, .simplebar-offset, .simplebar-content-wrapper, .simplebar-content),
        .result-list-wrapper,
        .result-list-wrapper.changelist-form-container,
        .result-list-wrapper.changelist-form-container > .grow.min-w-0,
        .crm-changelist-sticky-panel,
        .client-quality-banner,
        #toolbar,
        #changelist-search
    ) {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        border-color: transparent !important;
        box-shadow: none !important;
    }

    html.dark body.crm-core-theme.model-client.change-list :is(#content-main, #changelist, .result-list-wrapper, .result-list-wrapper.changelist-form-container),
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-client.change-list :is(#content-main, #changelist, .result-list-wrapper, .result-list-wrapper.changelist-form-container) {
        border: 0 none transparent !important;
        border-radius: 0 !important;
        outline: 0 !important;
    }

    html.dark body.crm-core-theme.model-client.change-list #changelist,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-client.change-list #changelist {
        padding: 0 !important;
    }

    html.dark body.crm-core-theme.model-client.change-list .crm-changelist-sticky-panel,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-client.change-list .crm-changelist-sticky-panel {
        margin-bottom: 0 !important;
        padding: 0 0 12px !important;
    }

    html.dark body.crm-core-theme.model-client.change-list #result_list,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-client.change-list #result_list {
        background: #111d2d !important;
        background-color: #111d2d !important;
        background-image: linear-gradient(180deg, #17283d 0%, #111d2d 100%) !important;
        border: 1px solid #2b4058 !important;
        border-radius: 18px !important;
        box-shadow: inset 0 1px 0 rgba(176, 214, 255, 0.06) !important;
        overflow: hidden !important;
    }

    html.dark body.crm-core-theme.model-client.change-list #result_list > thead > tr > :is(th, td),
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-client.change-list #result_list > thead > tr > :is(th, td) {
        background: #16263a !important;
        background-color: #16263a !important;
        background-image: linear-gradient(180deg, #1a2c42 0%, #132235 100%) !important;
        border-color: rgba(91, 123, 162, 0.34) !important;
    }

    html.dark body.crm-core-theme.model-client.change-list #result_list > tbody,
    html.dark body.crm-core-theme.model-client.change-list #result_list > tbody[class],
    html.dark body.crm-core-theme.model-client.change-list #result_list > tbody > tr,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-client.change-list #result_list > tbody,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-client.change-list #result_list > tbody[class],
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-client.change-list #result_list > tbody > tr {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
    }

    html.dark body.crm-core-theme.model-client.change-list #result_list > tbody > tr > :is(th, td),
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-client.change-list #result_list > tbody > tr > :is(th, td) {
        background: #132236 !important;
        background-color: #132236 !important;
        background-image: linear-gradient(180deg, #15263a 0%, #111e2f 100%) !important;
        border-color: rgba(91, 123, 162, 0.24) !important;
    }

    html.dark body.crm-core-theme.model-client.change-list #result_list > tbody > tr:hover > :is(th, td),
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-client.change-list #result_list > tbody > tr:hover > :is(th, td) {
        background: #182b42 !important;
        background-color: #182b42 !important;
        background-image: linear-gradient(180deg, #1c3048 0%, #16263a 100%) !important;
    }
}

/* Absolute final: clients table gets the same rounded dimensional edge language as dark controls. */
@media (min-width: 1025px) {
    html.dark body.crm-core-theme.model-client.change-list #result_list,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-client.change-list #result_list {
        background: #111d2d !important;
        background-color: #111d2d !important;
        background-image:
            linear-gradient(180deg, rgba(210, 233, 255, 0.08) 0%, rgba(210, 233, 255, 0.00) 34%),
            linear-gradient(180deg, #17283d 0%, #111d2d 100%) !important;
        border: 1px solid #375779 !important;
        border-radius: 22px !important;
        box-shadow:
            0 18px 38px rgba(2, 8, 18, 0.24),
            inset 0 1px 0 rgba(214, 236, 255, 0.18),
            inset 0 -1px 0 rgba(0, 0, 0, 0.18) !important;
        clip-path: inset(0 round 22px) !important;
        overflow: hidden !important;
    }

    html.dark body.crm-core-theme.model-client.change-list #result_list > thead > tr:first-child > :is(th, td):first-child,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-client.change-list #result_list > thead > tr:first-child > :is(th, td):first-child {
        border-top-left-radius: 21px !important;
    }

    html.dark body.crm-core-theme.model-client.change-list #result_list > thead > tr:first-child > :is(th, td):last-child,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-client.change-list #result_list > thead > tr:first-child > :is(th, td):last-child {
        border-top-right-radius: 21px !important;
    }

    html.dark body.crm-core-theme.model-client.change-list #result_list > tbody > tr:last-child > :is(th, td):first-child,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-client.change-list #result_list > tbody > tr:last-child > :is(th, td):first-child {
        border-bottom-left-radius: 21px !important;
    }

    html.dark body.crm-core-theme.model-client.change-list #result_list > tbody > tr:last-child > :is(th, td):last-child,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-client.change-list #result_list > tbody > tr:last-child > :is(th, td):last-child {
        border-bottom-right-radius: 21px !important;
    }

    html.dark body.crm-core-theme.model-client.change-list #result_list > :is(thead, tbody) > tr > :is(th, td),
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-client.change-list #result_list > :is(thead, tbody) > tr > :is(th, td) {
        border-bottom-color: rgba(105, 140, 178, 0.22) !important;
        box-shadow: inset 0 1px 0 rgba(218, 239, 255, 0.035) !important;
    }
}

/* Absolute final: make the clients table shell visibly rounded and dimensional. */
@media (min-width: 1025px) {
    html.dark body.crm-core-theme.model-client.change-list #changelist-form > div[data-simplebar],
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-client.change-list #changelist-form > div[data-simplebar] {
        background:
            linear-gradient(180deg, rgba(210, 233, 255, 0.10) 0%, rgba(210, 233, 255, 0.00) 42%),
            linear-gradient(180deg, #17283d 0%, #111d2d 100%) !important;
        background-color: #111d2d !important;
        border: 1px solid #4f769f !important;
        border-radius: 24px !important;
        box-shadow:
            0 20px 42px rgba(2, 8, 18, 0.32),
            0 0 0 1px rgba(133, 180, 226, 0.18),
            inset 0 1px 0 rgba(226, 243, 255, 0.22),
            inset 0 -1px 0 rgba(0, 0, 0, 0.22) !important;
        padding: 10px !important;
        overflow: hidden !important;
    }

    html.dark body.crm-core-theme.model-client.change-list #changelist-form > div[data-simplebar] :is(.simplebar-wrapper, .simplebar-mask, .simplebar-offset, .simplebar-content-wrapper, .simplebar-content),
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-client.change-list #changelist-form > div[data-simplebar] :is(.simplebar-wrapper, .simplebar-mask, .simplebar-offset, .simplebar-content-wrapper, .simplebar-content) {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
    }

    html.dark body.crm-core-theme.model-client.change-list #result_list,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-client.change-list #result_list {
        border-collapse: separate !important;
        border-spacing: 0 !important;
        border: 0 none transparent !important;
        border-radius: 18px !important;
        box-shadow: none !important;
        clip-path: inset(0 round 18px) !important;
        overflow: hidden !important;
        width: 100% !important;
    }
}

/* Absolute final: visible rounded frame on the real clients table results block. */
@media (min-width: 1025px) {
    html.dark body.crm-core-theme.model-client.change-list #changelist-form .results,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-client.change-list #changelist-form .results {
        background:
            linear-gradient(180deg, rgba(222, 241, 255, 0.12) 0%, rgba(222, 241, 255, 0.00) 34%),
            linear-gradient(180deg, #17283d 0%, #111d2d 100%) !important;
        background-color: #111d2d !important;
        border: 2px solid #5f8eb8 !important;
        border-radius: 28px !important;
        box-shadow:
            0 22px 46px rgba(2, 8, 18, 0.36),
            0 0 0 1px rgba(142, 193, 236, 0.20),
            inset 0 1px 0 rgba(238, 248, 255, 0.26),
            inset 0 -1px 0 rgba(0, 0, 0, 0.24) !important;
        padding: 10px !important;
        overflow: hidden !important;
    }

    html.dark body.crm-core-theme.model-client.change-list #changelist-form .results #result_list,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-client.change-list #changelist-form .results #result_list {
        border: 0 none transparent !important;
        border-radius: 22px !important;
        box-shadow: none !important;
        clip-path: inset(0 round 22px) !important;
        margin: 0 !important;
        overflow: hidden !important;
    }

    html.dark body.crm-core-theme.model-client.change-list #changelist-form .results #result_list > thead > tr:first-child > :is(th, td):first-child,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-client.change-list #changelist-form .results #result_list > thead > tr:first-child > :is(th, td):first-child {
        border-top-left-radius: 22px !important;
    }

    html.dark body.crm-core-theme.model-client.change-list #changelist-form .results #result_list > thead > tr:first-child > :is(th, td):last-child,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-client.change-list #changelist-form .results #result_list > thead > tr:first-child > :is(th, td):last-child {
        border-top-right-radius: 22px !important;
    }
}

/* Absolute final: keep the clients workspace at the same comfortable top rhythm as light mode. */
@media (min-width: 1025px) {
    html.dark body.crm-core-theme.model-client.change-list :is(#main, #content, #content-main),
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-client.change-list :is(#main, #content, #content-main) {
        margin-top: 0 !important;
    }

    html.dark body.crm-core-theme.model-client.change-list #content,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-client.change-list #content {
        padding-top: 18px !important;
    }

    html.dark body.crm-core-theme.model-client.change-list #content-main,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-client.change-list #content-main {
        padding-top: 0 !important;
    }

    html.dark body.crm-core-theme.model-client.change-list #content-main > :first-child,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-client.change-list #content-main > :first-child {
        margin-top: 0 !important;
    }
}

/* Absolute final: clients/subscribers search is one capsule, no nested dark oval. */
@media (min-width: 1025px) {
    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list #toolbar,
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-list #toolbar {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        border: 0 none transparent !important;
        box-shadow: none !important;
    }

    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list form#changelist-search,
    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list #toolbar form#changelist-search,
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-list form#changelist-search,
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-list #toolbar form#changelist-search {
        align-items: center !important;
        background: #111d2d !important;
        background-color: #111d2d !important;
        background-image: none !important;
        border: 1px solid #2e4763 !important;
        border-radius: 999px !important;
        box-shadow: inset 0 1px 0 rgba(176, 214, 255, 0.06) !important;
        color: #dceafb !important;
        display: flex !important;
        min-height: 36px !important;
        overflow: hidden !important;
        padding: 0 6px !important;
    }

    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list form#changelist-search > div,
    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list #toolbar form#changelist-search > div,
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-list form#changelist-search > div,
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-list #toolbar form#changelist-search > div {
        align-items: center !important;
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        border: 0 none transparent !important;
        box-shadow: none !important;
        display: flex !important;
        flex: 1 1 auto !important;
        min-height: 34px !important;
        outline: 0 !important;
        overflow: visible !important;
        padding: 0 !important;
        width: 100% !important;
    }

    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list form#changelist-search :is(#searchbar, input[name="q"], input[type="search"], input[type="text"]),
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-list form#changelist-search :is(#searchbar, input[name="q"], input[type="search"], input[type="text"]) {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        border: 0 none transparent !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        color: #dceafb !important;
        -webkit-text-fill-color: #dceafb !important;
        outline: 0 !important;
    }

    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list form#changelist-search :is(#searchbar, input[name="q"], input[type="search"], input[type="text"])::placeholder,
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-list form#changelist-search :is(#searchbar, input[name="q"], input[type="search"], input[type="text"])::placeholder {
        color: #dceafb !important;
        -webkit-text-fill-color: #dceafb !important;
        opacity: 1 !important;
    }

    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list form#changelist-search :is(#searchbar-submit, button#searchbar-submit),
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-list form#changelist-search :is(#searchbar-submit, button#searchbar-submit) {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        border: 0 none transparent !important;
        box-shadow: none !important;
        outline: 0 !important;
    }
}

/* Absolute final: subscribers active table toggles stay blue in dark desktop. */
@media (min-width: 1025px) {
    html.dark body.crm-core-theme.model-subscriber.change-list :is(.crm-density-btn, .crm-row-style-btn),
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-subscriber.change-list :is(.crm-density-btn, .crm-row-style-btn) {
        border-radius: 999px !important;
        color: #dceafb !important;
        -webkit-text-fill-color: #dceafb !important;
    }

    html.dark body.crm-core-theme.model-subscriber.change-list :is(.crm-density-btn.is-active, .crm-row-style-btn.is-active),
    html.dark body.crm-core-theme.model-subscriber.change-list :is(.crm-density-btn[aria-pressed="true"], .crm-row-style-btn[aria-pressed="true"]),
    html.dark body.crm-core-theme.model-subscriber.change-list.crm-density-compact .crm-density-btn[data-density="compact"],
    html.dark body.crm-core-theme.model-subscriber.change-list.crm-density-comfortable .crm-density-btn[data-density="comfortable"],
    html.dark body.crm-core-theme.model-subscriber.change-list.crm-row-style-classic .crm-row-style-btn[data-row-style="classic"],
    html.dark body.crm-core-theme.model-subscriber.change-list.crm-row-style-card .crm-row-style-btn[data-row-style="card"],
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-subscriber.change-list :is(.crm-density-btn.is-active, .crm-row-style-btn.is-active),
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-subscriber.change-list :is(.crm_density-btn[aria-pressed="true"], .crm-row-style-btn[aria-pressed="true"]),
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-subscriber.change-list.crm-density-compact .crm-density-btn[data-density="compact"],
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-subscriber.change-list.crm-density-comfortable .crm-density-btn[data-density="comfortable"],
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-subscriber.change-list.crm-row-style-classic .crm-row-style-btn[data-row-style="classic"],
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-subscriber.change-list.crm-row-style-card .crm-row-style-btn[data-row-style="card"] {
        background: linear-gradient(180deg, #315f91 0%, #274c78 100%) !important;
        background-color: #274c78 !important;
        background-image: linear-gradient(180deg, #315f91 0%, #274c78 100%) !important;
        border-color: #76a8d8 !important;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18), 0 0 0 1px rgba(118, 168, 216, 0.16) !important;
        color: #f2f8ff !important;
        -webkit-text-fill-color: #f2f8ff !important;
    }

    html.dark body.crm-core-theme.model-subscriber.change-list :is(.crm-density-btn, .crm-row-style-btn):not(.is-active):not([aria-pressed="true"]),
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-subscriber.change-list :is(.crm-density-btn, .crm-row-style-btn):not(.is-active):not([aria-pressed="true"]) {
        border-color: transparent !important;
    }
}

/* Absolute final: subscribers filter drawer uses one light control-panel surface. */
@media (min-width: 1025px) {
    html.dark body.crm-core-theme.model-subscriber.change-list #changelist-filter > div:last-child,
    html.dark body.crm-core-theme.model-subscriber.change-list #changelist-filter > div:last-child :is(
        form,
        form > div,
        [data-simplebar],
        .simplebar-wrapper,
        .simplebar-mask,
        .simplebar-offset,
        .simplebar-content-wrapper,
        .simplebar-content
    ),
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-subscriber.change-list #changelist-filter > div:last-child,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-subscriber.change-list #changelist-filter > div:last-child :is(
        form,
        form > div,
        [data-simplebar],
        .simplebar-wrapper,
        .simplebar-mask,
        .simplebar-offset,
        .simplebar-content-wrapper,
        .simplebar-content
    ) {
        background: #172334 !important;
        background-color: #172334 !important;
        background-image: linear-gradient(180deg, #172334 0%, #121d2d 100%) !important;
        box-shadow: none !important;
    }

    html.dark body.crm-core-theme.model-subscriber.change-list #changelist-filter > div:last-child,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-subscriber.change-list #changelist-filter > div:last-child {
        border-left: 1px solid #2b4058 !important;
    }

    html.dark body.crm-core-theme.model-subscriber.change-list #changelist-filter > div:last-child :is(
        h3,
        fieldset,
        .filter-wrapper,
        .filter-box,
        .crm-filter-pill-list,
        .crm-filter-pill-item
    ),
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-subscriber.change-list #changelist-filter > div:last-child :is(
        h3,
        fieldset,
        .filter-wrapper,
        .filter-box,
        .crm-filter-pill-list,
        .crm-filter-pill-item
    ) {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        box-shadow: none !important;
    }
}

/* Absolute final: subscribers desktop dark workspace matches the sidebar surface. */
@media (min-width: 1025px) {
    html.dark body.crm-core-theme.model-subscriber.change-list,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-subscriber.change-list {
        background: #172334 !important;
        background-color: #172334 !important;
        background-image: linear-gradient(180deg, #172334 0%, #121d2d 100%) !important;
    }

    html.dark body.crm-core-theme.model-subscriber.change-list :is(#page, #main, #content),
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-subscriber.change-list :is(#page, #main, #content) {
        background: #172334 !important;
        background-color: #172334 !important;
        background-image: linear-gradient(180deg, #172334 0%, #121d2d 100%) !important;
    }

    html.dark body.crm-core-theme.model-subscriber.change-list :is(
        #content-main,
        #changelist,
        #changelist-form,
        #changelist-form .results,
        #changelist-form > div[data-simplebar],
        #changelist-form > div[data-simplebar] :is(.simplebar-wrapper, .simplebar-mask, .simplebar-offset, .simplebar-content-wrapper, .simplebar-content),
        .result-list-wrapper,
        .result-list-wrapper.changelist-form-container,
        .result-list-wrapper.changelist-form-container > .grow.min-w-0,
        .crm-changelist-sticky-panel,
        .subscriber-sync-panel,
        #toolbar,
        #changelist-search
    ),
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-subscriber.change-list :is(
        #content-main,
        #changelist,
        #changelist-form,
        #changelist-form .results,
        #changelist-form > div[data-simplebar],
        #changelist-form > div[data-simplebar] :is(.simplebar-wrapper, .simplebar-mask, .simplebar-offset, .simplebar-content-wrapper, .simplebar-content),
        .result-list-wrapper,
        .result-list-wrapper.changelist-form-container,
        .result-list-wrapper.changelist-form-container > .grow.min-w-0,
        .crm-changelist-sticky-panel,
        .subscriber-sync-panel,
        #toolbar,
        #changelist-search
    ) {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        border-color: transparent !important;
        box-shadow: none !important;
    }

    html.dark body.crm-core-theme.model-subscriber.change-list :is(#content-main, #changelist, .result-list-wrapper, .result-list-wrapper.changelist-form-container),
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-subscriber.change-list :is(#content-main, #changelist, .result-list-wrapper, .result-list-wrapper.changelist-form-container) {
        border: 0 none transparent !important;
        border-radius: 0 !important;
        outline: 0 !important;
    }

    html.dark body.crm-core-theme.model-subscriber.change-list #changelist,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-subscriber.change-list #changelist {
        padding: 0 !important;
    }

    html.dark body.crm-core-theme.model-subscriber.change-list .crm-changelist-sticky-panel,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-subscriber.change-list .crm-changelist-sticky-panel {
        margin-bottom: 0 !important;
        padding: 0 0 12px !important;
    }

    html.dark body.crm-core-theme.model-subscriber.change-list #content,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-subscriber.change-list #content {
        padding-top: 18px !important;
    }
}

/* Absolute final: subscribers sidebar gutter uses the same control-panel surface. */
@media (min-width: 1025px) {
    html.dark body.crm-core-theme.model-subscriber.change-list :is(
        #page > .relative.z-60,
        #page > .relative.z-60 > .fixed,
        #page > .relative.z-60 > .fixed > .relative.z-30,
        div.bg-base-50.relative.z-30:has(> #nav-sidebar),
        div[class*="bg-base-50"]:has(> #nav-sidebar),
        div[class*="dark:bg-base"]:has(> #nav-sidebar),
        #nav-sidebar
    ),
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-subscriber.change-list :is(
        #page > .relative.z-60,
        #page > .relative.z-60 > .fixed,
        #page > .relative.z-60 > .fixed > .relative.z-30,
        div.bg-base-50.relative.z-30:has(> #nav-sidebar),
        div[class*="bg-base-50"]:has(> #nav-sidebar),
        div[class*="dark:bg-base"]:has(> #nav-sidebar),
        #nav-sidebar
    ) {
        background: #172334 !important;
        background-color: #172334 !important;
        background-image: linear-gradient(180deg, #172334 0%, #121d2d 100%) !important;
        border-color: #2b4058 !important;
        box-shadow: none !important;
    }
}

/* Absolute final: clients/subscribers layout gutter between sidebar and content matches the sidebar. */
@media (min-width: 1025px) {
    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list,
    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list :is(
        #page,
        #page > div,
        #page > .relative.z-60,
        #page > .relative.z-60 > .fixed,
        #page > .relative.z-60 > .fixed > .relative.z-30,
        div.bg-base-50.relative.z-30:has(> #nav-sidebar),
        div[class*="bg-base-50"]:has(> #nav-sidebar),
        div[class*="dark:bg-base"]:has(> #nav-sidebar)
    ),
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-list,
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-list :is(
        #page,
        #page > div,
        #page > .relative.z-60,
        #page > .relative.z-60 > .fixed,
        #page > .relative.z-60 > .fixed > .relative.z-30,
        div.bg-base-50.relative.z-30:has(> #nav-sidebar),
        div[class*="bg-base-50"]:has(> #nav-sidebar),
        div[class*="dark:bg-base"]:has(> #nav-sidebar)
    ) {
        background: #172334 !important;
        background-color: #172334 !important;
        background-image: linear-gradient(180deg, #172334 0%, #121d2d 100%) !important;
    }
}

/* Absolute final: desktop dark table toggles use the same active blue on clients/subscribers. */
@media (min-width: 1025px) {
    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list :is(.crm-density-toggle, .crm-row-style-toggle) {
        display: contents !important;
        padding: 0 !important;
        border: 0 none transparent !important;
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        box-shadow: none !important;
    }

    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list :is(.crm-density-toggle, .crm-row-style-toggle) > :is(.crm-density-btn, .crm-row-style-btn) {
        border-radius: 999px !important;
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        border-color: transparent !important;
        color: #d8e4f3 !important;
        -webkit-text-fill-color: #d8e4f3 !important;
        box-shadow: none !important;
    }

    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list :is(.crm-density-toggle, .crm-row-style-toggle) > :is(.crm-density-btn, .crm-row-style-btn):hover {
        background: rgba(42, 67, 96, 0.72) !important;
        background-color: rgba(42, 67, 96, 0.72) !important;
        border-color: rgba(112, 155, 205, 0.42) !important;
    }

    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list :is(.crm-density-toggle, .crm-row-style-toggle) > :is(
        .crm-density-btn.is-active,
        .crm-row-style-btn.is-active,
        .crm-density-btn[aria-pressed="true"],
        .crm-row-style-btn[aria-pressed="true"]
    ),
    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list.crm-density-compact .crm-density-btn[data-density="compact"],
    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list.crm-density-comfortable .crm-density-btn[data-density="comfortable"],
    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list.crm-row-style-classic .crm-row-style-btn[data-row-style="classic"],
    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list.crm-row-style-card .crm-row-style-btn[data-row-style="card"] {
        background: linear-gradient(180deg, #315f91 0%, #274c78 100%) !important;
        background-color: #274c78 !important;
        background-image: linear-gradient(180deg, #315f91 0%, #274c78 100%) !important;
        border-color: #76a8d8 !important;
        color: #f4faff !important;
        -webkit-text-fill-color: #f4faff !important;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
    }
}

/* Absolute final latest: restore horizontal table scrolling after frame/gutter overrides. */
@media (min-width: 1025px) {
    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list #changelist-form .results,
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-list #changelist-form .results {
        overflow: visible !important;
    }

    html.dark body.crm-core-theme.model-subscriber.change-list #changelist-form > div[data-simplebar],
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-subscriber.change-list #changelist-form > div[data-simplebar] {
        overflow-x: auto !important;
        overflow-y: visible !important;
        -webkit-overflow-scrolling: touch !important;
    }

    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list #changelist-form > div[data-simplebar] :is(.simplebar-wrapper, .simplebar-mask, .simplebar-offset),
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-list #changelist-form > div[data-simplebar] :is(.simplebar-wrapper, .simplebar-mask, .simplebar-offset) {
        overflow: visible !important;
    }

    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list #changelist-form > div[data-simplebar] .simplebar-content-wrapper,
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-list #changelist-form > div[data-simplebar] .simplebar-content-wrapper {
        overflow-x: auto !important;
        overflow-y: visible !important;
        -webkit-overflow-scrolling: touch !important;
    }

    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list #changelist-form > div[data-simplebar] .simplebar-content,
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-list #changelist-form > div[data-simplebar] .simplebar-content {
        min-width: max-content !important;
        overflow: visible !important;
    }

    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list #result_list,
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-list #result_list {
        clip-path: none !important;
        min-width: max-content !important;
        overflow: visible !important;
        width: max-content !important;
    }
}

/* Absolute final latest: client table toggles match subscriber calm dark active state. */
@media (min-width: 1025px) {
    html.dark body.crm-core-theme.model-client.change-list :is(.crm-density-toggle, .crm-row-style-toggle) > :is(
        .crm-density-btn.is-active,
        .crm-row-style-btn.is-active,
        .crm-density-btn[aria-pressed="true"],
        .crm-row-style-btn[aria-pressed="true"]
    ),
    html.dark body.crm-core-theme.model-client.change-list.crm-density-compact .crm-density-btn[data-density="compact"],
    html.dark body.crm-core-theme.model-client.change-list.crm-density-comfortable .crm-density-btn[data-density="comfortable"],
    html.dark body.crm-core-theme.model-client.change-list.crm-row-style-classic .crm-row-style-btn[data-row-style="classic"],
    html.dark body.crm-core-theme.model-client.change-list.crm-row-style-card .crm-row-style-btn[data-row-style="card"],
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-client.change-list :is(
        .crm-density-btn.is-active,
        .crm-row-style-btn.is-active,
        .crm-density-btn[aria-pressed="true"],
        .crm-row-style-btn[aria-pressed="true"]
    ),
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-client.change-list.crm-density-compact .crm-density-btn[data-density="compact"],
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-client.change-list.crm-density-comfortable .crm-density-btn[data-density="comfortable"],
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-client.change-list.crm-row-style-classic .crm-row-style-btn[data-row-style="classic"],
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-client.change-list.crm-row-style-card .crm-row-style-btn[data-row-style="card"] {
        background: rgba(28, 43, 66, 0.92) !important;
        background-color: rgba(28, 43, 66, 0.92) !important;
        background-image: none !important;
        border-color: rgba(86, 123, 170, 0.58) !important;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
        color: #e6f0fb !important;
        -webkit-text-fill-color: #e6f0fb !important;
    }
}

/* Absolute last override: auth permission transfer buttons must never show Django legacy SVG arrows. */
@media (min-width: 769px) {
    html body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .selector .selector-add,
    html body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .selector .selector-remove,
    html body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .selector .active.selector-add,
    html body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .selector .active.selector-remove,
    html body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .selector .active.selector-add:hover,
    html body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .selector .active.selector-remove:hover,
    html body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .selector .active.selector-add:focus,
    html body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .selector .active.selector-remove:focus {
        background-image: none !important;
        background-position: 9999px 9999px !important;
        background-repeat: no-repeat !important;
        background-size: 0 0 !important;
    }

    html body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .selector .selector-add::before,
    html body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .selector .selector-remove::before {
        border-color: currentColor !important;
        border-style: solid !important;
        border-width: 3px 3px 0 0 !important;
        content: "" !important;
        display: block !important;
        height: 10px !important;
        width: 10px !important;
    }

    html body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .selector .selector-add::before {
        transform: rotate(45deg) translate(-1px, 1px) !important;
    }

    html body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .selector .selector-remove::before {
        transform: rotate(-135deg) translate(-1px, 1px) !important;
    }
}

/* CRM CLIENT TABLE SCROLL PERFORMANCE FIX 2026-05-14 */
@media (min-width: 1025px) {
    html body.crm-core-theme.model-client.change-list #changelist-form > div[data-simplebar],
    html body.crm-core-theme.model-client.change-list #changelist-form > div[data-simplebar] .simplebar-wrapper,
    html body.crm-core-theme.model-client.change-list #changelist-form > div[data-simplebar] .simplebar-mask,
    html body.crm-core-theme.model-client.change-list #changelist-form > div[data-simplebar] .simplebar-offset,
    html body.crm-core-theme.model-client.change-list #changelist-form > div[data-simplebar] .simplebar-content-wrapper,
    html body.crm-core-theme.model-client.change-list #changelist-form > div[data-simplebar] .simplebar-content {
        scroll-behavior: auto !important;
        overscroll-behavior: auto !important;
    }

    html body.crm-core-theme.model-client.change-list #result_list,
    html body.crm-core-theme.model-client.change-list #result_list * {
        scroll-behavior: auto !important;
    }

    html body.crm-core-theme.model-client.change-list #result_list > tbody,
    html body.crm-core-theme.model-client.change-list #result_list > tbody > tr,
    html body.crm-core-theme.model-client.change-list #result_list > tbody > tr > :is(th, td),
    html body.crm-core-theme.model-client.change-list #result_list td :is(.id-chip, .user-chip, .status-chip, .date-chip, .date-chip-empty, .geo-chip, .geo-chip-empty, .domain-chip, .channel-chip, .deposit-chip, .comment-chip, .capital-chip, .data-wrapper) {
        transition: none !important;
        animation: none !important;
        filter: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    html.dark body.crm-core-theme.model-client.change-list #result_list > tbody > tr:hover > :is(th, td),
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-client.change-list #result_list > tbody > tr:hover > :is(th, td) {
        background: #10263d !important;
        border-color: rgba(91, 145, 201, 0.42) !important;
        box-shadow: none !important;
    }

    html body.crm-core-theme.model-client.change-list #result_list > tbody > tr:hover > :is(th, td) {
        box-shadow: none !important;
    }
}


/* CRM auth selector arrows cleanup 2026-05-16 */
@media (min-width: 769px) {
    html body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .selector :is(.selector-add, .selector-remove) {
        align-items: center !important;
        background: #f7fbff !important;
        background-image: none !important;
        border: 1px solid rgba(98, 154, 209, .42) !important;
        border-radius: 999px !important;
        box-shadow: 0 8px 18px rgba(39, 91, 145, .10) !important;
        color: #28639d !important;
        display: inline-flex !important;
        font-size: 0 !important;
        height: 46px !important;
        justify-content: center !important;
        line-height: 0 !important;
        overflow: hidden !important;
        position: relative !important;
        text-indent: -9999px !important;
        width: 46px !important;
    }

    html body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .selector :is(.selector-add, .selector-remove)::before,
    html body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .selector :is(.selector-add, .selector-remove)::after {
        content: none !important;
        display: none !important;
    }

    html body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .selector .selector-add {
        background-image: url("data:image/svg+xml,%3Csvg xmlns=http://www.w3.org/2000/svg width=22 height=22 viewBox=0 0 24 24 fill=none stroke=%2328639d stroke-width=2.8 stroke-linecap=round stroke-linejoin=round%3E%3Cpath d=M8 4l8 8-8 8/%3E%3C/svg%3E") !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
        background-size: 22px 22px !important;
    }

    html body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .selector .selector-remove {
        background-image: url("data:image/svg+xml,%3Csvg xmlns=http://www.w3.org/2000/svg width=22 height=22 viewBox=0 0 24 24 fill=none stroke=%2328639d stroke-width=2.8 stroke-linecap=round stroke-linejoin=round%3E%3Cpath d=M16 4l-8 8 8 8/%3E%3C/svg%3E") !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
        background-size: 22px 22px !important;
    }

    html.dark body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .selector :is(.selector-add, .selector-remove),
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .selector :is(.selector-add, .selector-remove) {
        background-color: rgba(18, 42, 68, .96) !important;
        border-color: rgba(126, 172, 222, .34) !important;
        color: #9dc9f4 !important;
    }
}

/* Final desktop auth forms dark pass: user add/edit fields and CRM permissions matrix. */
@media (min-width: 769px) {
    html.dark body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form :is(
        input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]),
        select,
        textarea,
        .vTextField,
        .vLargeTextField
    ),
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form :is(
        input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]),
        select,
        textarea,
        .vTextField,
        .vLargeTextField
    ) {
        background: #0f1b2a !important;
        border-color: #52799f !important;
        color: #ecf6ff !important;
        -webkit-text-fill-color: #ecf6ff !important;
        box-shadow: inset 0 1px 0 rgba(178, 215, 255, 0.10) !important;
    }

    html.dark body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form :is(input::placeholder, textarea::placeholder),
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form :is(input::placeholder, textarea::placeholder) {
        color: #8fa8c3 !important;
        -webkit-text-fill-color: #8fa8c3 !important;
    }

    html.dark body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form :is(label, .help, .help li, .helptext, .description),
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form :is(label, .help, .help li, .helptext, .description) {
        color: #c6d8eb !important;
        -webkit-text-fill-color: #c6d8eb !important;
    }

    html.dark body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .selector,
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .selector {
        background-color: #101b2b !important;
        background-image: linear-gradient(180deg, rgba(23, 40, 61, 0.96) 0%, rgba(16, 27, 43, 0.96) 100%) !important;
        border: 1px solid #41658a !important;
        color: #dcecfb !important;
        -webkit-text-fill-color: #dcecfb !important;
        box-shadow:
            inset 0 1px 0 rgba(178, 215, 255, 0.10),
            0 16px 34px rgba(2, 8, 18, 0.36) !important;
    }

    html.dark body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .selector.selector.selector.selector.selector,
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .selector.selector.selector.selector.selector {
        background-color: #101b2b !important;
        background-image: linear-gradient(180deg, rgba(23, 40, 61, 0.96) 0%, rgba(16, 27, 43, 0.96) 100%) !important;
        border: 1px solid #41658a !important;
        color: #dcecfb !important;
        -webkit-text-fill-color: #dcecfb !important;
    }

    html.dark body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .selector option,
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-user, .model-group).change-form #content-main form .selector option {
        background: #0f1b2a !important;
        color: #ecf6ff !important;
        -webkit-text-fill-color: #ecf6ff !important;
    }

    html.dark body.crm-core-theme.model-user.change-form #content-main form [style*="background:#fff"],
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-user.change-form #content-main form [style*="background:#fff"] {
        background-color: #101b2b !important;
        background-image: linear-gradient(180deg, #17283d 0%, #101b2b 100%) !important;
        border-color: #41658a !important;
        color: #dcecfb !important;
        -webkit-text-fill-color: #dcecfb !important;
    }

    html.dark body.crm-core-theme.model-user.change-form #content-main form [style*="rgba(248,250,252"],
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-user.change-form #content-main form [style*="rgba(248,250,252"] {
        background: rgba(19, 35, 55, 0.96) !important;
    }

    html.dark body.crm-core-theme.model-user.change-form #content-main form [style*="color:#64748b"],
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-user.change-form #content-main form [style*="color:#64748b"] {
        color: #b8c8dc !important;
        -webkit-text-fill-color: #b8c8dc !important;
    }

    html.dark body.crm-core-theme.model-user.change-form #content-main form :is(table, th, td),
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-user.change-form #content-main form :is(table, th, td) {
        color: #dcecfb !important;
        -webkit-text-fill-color: #dcecfb !important;
    }
}

/* Final desktop sidebar scroll lock: keep long menus inside the panel. */
@media (min-width: 769px) {
    body.crm-core-theme:not(.login) #nav-sidebar {
        box-sizing: border-box !important;
        height: calc(100vh - 20px) !important;
        max-height: calc(100vh - 20px) !important;
        overflow: hidden !important;
    }

    body.crm-core-theme:not(.login) #nav-sidebar-inner {
        height: 100% !important;
        min-height: 0 !important;
    }

    body.crm-core-theme:not(.login) #nav-sidebar-apps {
        flex: 1 1 auto !important;
        min-height: 0 !important;
        max-height: 100% !important;
        overflow: hidden !important;
    }

    body.crm-core-theme:not(.login) #nav-sidebar-apps .simplebar-content-wrapper {
        max-height: 100% !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
    }

    html.dark[data-crm-theme="dark"] body:not(.login) #nav-sidebar :is(a, .module td a, .module th a, li a, nav a) {
        background: transparent !important;
        background-image: none !important;
        border-color: rgba(82, 116, 154, 0.34) !important;
        color: #d9e7f8 !important;
        -webkit-text-fill-color: #d9e7f8 !important;
        box-shadow: none !important;
    }

    html.dark[data-crm-theme="dark"] body:not(.login) #nav-sidebar :is(a, .module td a, .module th a, li a, nav a) :is(.material-symbols-outlined, svg, span) {
        color: inherit !important;
        -webkit-text-fill-color: inherit !important;
    }

    html.dark[data-crm-theme="dark"] body:not(.login) #nav-sidebar :is(a, .module td a, .module th a, li a, nav a):hover {
        background: rgba(35, 54, 78, 0.48) !important;
        background-image: none !important;
        border-color: rgba(120, 163, 210, 0.52) !important;
        color: #f1f7ff !important;
        -webkit-text-fill-color: #f1f7ff !important;
    }

    html.dark[data-crm-theme="dark"] body:not(.login) #nav-sidebar :is(.current-model a, tr.current-model a, .active, a.active, a[aria-current="page"]) {
        background: transparent !important;
        background-image: none !important;
        border-color: rgba(133, 184, 240, 0.70) !important;
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
        box-shadow: none !important;
    }
}

/* Absolute final desktop: simple action checkboxes for Clients/Subscribers. */
@media (min-width: 1025px) {
    html body.crm-core-theme:is(.model-client, .model-subscriber).change-list #result_list > tbody > tr > :is(th, td).action-checkbox,
    html body.crm-core-theme:is(.model-client, .model-subscriber).change-list #result_list > tbody > tr.data-row > :is(th, td).action-checkbox {
        width: 44px !important;
        min-width: 44px !important;
        max-width: 44px !important;
        padding: 8px 10px !important;
        overflow: visible !important;
        text-align: center !important;
        border-top-left-radius: 8px !important;
        border-bottom-left-radius: 8px !important;
    }

    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list.crm-row-style-classic #result_list > tbody > tr.data-row > :is(th, td).action-checkbox:first-child,
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-list.crm-row-style-classic #result_list > tbody > tr.data-row > :is(th, td).action-checkbox:first-child,
    html.dark body.crm-core-theme.model-client.change-list #result_list > tbody > tr:last-child > :is(th, td).action-checkbox:first-child,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-client.change-list #result_list > tbody > tr:last-child > :is(th, td).action-checkbox:first-child {
        border-top-left-radius: 8px !important;
        border-bottom-left-radius: 8px !important;
        overflow: visible !important;
    }

    html body.crm-core-theme:is(.model-client, .model-subscriber).change-list #result_list :is(input.action-select, #action-toggle),
    html body.crm-core-theme:is(.model-client, .model-subscriber).change-list #result_list thead th.action-checkbox-column input[type="checkbox"],
    html body.crm-core-theme:is(.model-client, .model-subscriber).change-list #result_list tbody td.action-checkbox input[type="checkbox"] {
        appearance: none !important;
        -webkit-appearance: none !important;
        background: #ffffff !important;
        background-image: none !important;
        border: 1px solid #9eb9d6 !important;
        border-radius: 5px !important;
        box-shadow: none !important;
        cursor: pointer !important;
        display: inline-block !important;
        filter: none !important;
        font-family: system-ui, sans-serif !important;
        height: 20px !important;
        margin: 0 !important;
        min-height: 20px !important;
        min-width: 20px !important;
        padding: 0 !important;
        position: relative !important;
        transition: none !important;
        vertical-align: middle !important;
        width: 20px !important;
    }

    html body.crm-core-theme:is(.model-client, .model-subscriber).change-list #result_list :is(input.action-select, #action-toggle)::after,
    html body.crm-core-theme:is(.model-client, .model-subscriber).change-list #result_list thead th.action-checkbox-column input[type="checkbox"]::after,
    html body.crm-core-theme:is(.model-client, .model-subscriber).change-list #result_list tbody td.action-checkbox input[type="checkbox"]::after {
        background: transparent !important;
        border: solid #2f7fd2 !important;
        border-width: 0 2px 2px 0 !important;
        content: "" !important;
        display: block !important;
        height: 10px !important;
        left: 50% !important;
        opacity: 0 !important;
        position: absolute !important;
        top: 45% !important;
        transform: translate(-50%, -55%) rotate(45deg) !important;
        transition: none !important;
        width: 5px !important;
    }

    html body.crm-core-theme:is(.model-client, .model-subscriber).change-list #result_list :is(input.action-select, #action-toggle):checked,
    html body.crm-core-theme:is(.model-client, .model-subscriber).change-list #result_list thead th.action-checkbox-column input[type="checkbox"]:checked,
    html body.crm-core-theme:is(.model-client, .model-subscriber).change-list #result_list tbody td.action-checkbox input[type="checkbox"]:checked {
        background: #eef7ff !important;
        background-image: none !important;
        border-color: #2f7fd2 !important;
        box-shadow: none !important;
    }

    html body.crm-core-theme:is(.model-client, .model-subscriber).change-list #result_list :is(input.action-select, #action-toggle):checked::after,
    html body.crm-core-theme:is(.model-client, .model-subscriber).change-list #result_list thead th.action-checkbox-column input[type="checkbox"]:checked::after,
    html body.crm-core-theme:is(.model-client, .model-subscriber).change-list #result_list tbody td.action-checkbox input[type="checkbox"]:checked::after {
        opacity: 1 !important;
    }

    html body.crm-core-theme:is(.model-client, .model-subscriber).change-list #result_list :is(input.action-select, #action-toggle):focus-visible,
    html body.crm-core-theme:is(.model-client, .model-subscriber).change-list #result_list thead th.action-checkbox-column input[type="checkbox"]:focus-visible,
    html body.crm-core-theme:is(.model-client, .model-subscriber).change-list #result_list tbody td.action-checkbox input[type="checkbox"]:focus-visible {
        outline: 2px solid rgba(47, 127, 210, 0.32) !important;
        outline-offset: 2px !important;
    }

    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list #result_list :is(input.action-select, #action-toggle),
    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list #result_list thead th.action-checkbox-column input[type="checkbox"],
    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list #result_list tbody td.action-checkbox input[type="checkbox"] {
        background: #102235 !important;
        background-image: none !important;
        border-color: #526f90 !important;
        box-shadow: none !important;
    }

    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list #result_list :is(input.action-select, #action-toggle):checked,
    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list #result_list thead th.action-checkbox-column input[type="checkbox"]:checked,
    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list #result_list tbody td.action-checkbox input[type="checkbox"]:checked {
        background: #0f1b2a !important;
        background-image: none !important;
        border-color: #6fa9df !important;
        box-shadow: none !important;
    }

    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list #result_list :is(input.action-select, #action-toggle)::after,
    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list #result_list thead th.action-checkbox-column input[type="checkbox"]::after,
    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list #result_list tbody td.action-checkbox input[type="checkbox"]::after {
        border-color: #9cc9f0 !important;
    }
}

/* Final mobile sidebar scroll lock: keep bottom menu items inside the panel. */
@media (max-width: 768px) {
    body:is(.crm-core-theme, .crm-analytics) #nav-sidebar {
        box-sizing: border-box !important;
        display: flex !important;
        flex-direction: column !important;
        height: 100dvh !important;
        max-height: 100dvh !important;
        min-height: 0 !important;
        overflow-y: hidden !important;
        overflow-x: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        padding-bottom: max(28px, calc(28px + env(safe-area-inset-bottom))) !important;
    }

    body:is(.crm-core-theme, .crm-analytics) #nav-sidebar-inner {
        display: flex !important;
        flex: 1 1 auto !important;
        flex-direction: column !important;
        height: 100% !important;
        min-height: 0 !important;
        overflow: hidden !important;
        padding-bottom: 0 !important;
    }

    body:is(.crm-core-theme, .crm-analytics) #nav-sidebar-apps {
        flex: 1 1 auto !important;
        min-height: 0 !important;
        max-height: 100% !important;
        overflow: hidden !important;
        padding: 0 10px 0 !important;
    }

    body:is(.crm-core-theme, .crm-analytics) #nav-sidebar-apps :is(
        .simplebar-wrapper,
        .simplebar-mask,
        .simplebar-offset
    ) {
        height: 100% !important;
        max-height: 100% !important;
        min-height: 0 !important;
        overflow: hidden !important;
    }

    body:is(.crm-core-theme, .crm-analytics) #nav-sidebar-apps .simplebar-content-wrapper {
        height: 100% !important;
        max-height: 100% !important;
        min-height: 0 !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }

    body:is(.crm-core-theme, .crm-analytics) #nav-sidebar-apps .simplebar-content {
        min-height: 100% !important;
        padding-bottom: max(56px, calc(56px + env(safe-area-inset-bottom))) !important;
    }
}

/* Absolute final sidebar containment: keep long desktop menus scrollable. */
@media (min-width: 769px) {
    body.crm-core-theme:not(.login) #nav-sidebar {
        box-sizing: border-box !important;
        display: flex !important;
        flex-direction: column !important;
        max-height: calc(100dvh - 20px) !important;
        min-height: 0 !important;
        overflow: hidden !important;
        padding-bottom: 16px !important;
    }

    body.crm-core-theme:not(.login) #nav-sidebar-inner {
        display: flex !important;
        flex: 1 1 auto !important;
        flex-direction: column !important;
        min-height: 0 !important;
        overflow: hidden !important;
    }

    body.crm-core-theme:not(.login) #nav-sidebar-apps {
        flex: 1 1 auto !important;
        min-height: 0 !important;
        overflow: hidden !important;
    }

    body.crm-core-theme:not(.login) #nav-sidebar-apps :is(.simplebar-wrapper, .simplebar-mask, .simplebar-offset) {
        height: 100% !important;
        max-height: 100% !important;
        min-height: 0 !important;
        overflow: hidden !important;
    }

    body.crm-core-theme:not(.login) #nav-sidebar-apps .simplebar-content-wrapper {
        height: 100% !important;
        max-height: 100% !important;
        min-height: 0 !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
    }

    body.crm-core-theme:not(.login) #nav-sidebar-apps .simplebar-content {
        min-height: 100% !important;
        padding-bottom: max(56px, calc(56px + env(safe-area-inset-bottom))) !important;
    }
}

/* Absolute final analytics sidebar containment: analytics uses crm-analytics, not crm-core-theme. */
@media (min-width: 769px) {
    body.crm-analytics:not(.login) #nav-sidebar {
        box-sizing: border-box !important;
        display: flex !important;
        flex-direction: column !important;
        max-height: calc(100dvh - 20px) !important;
        min-height: 0 !important;
        overflow: hidden !important;
        padding-bottom: 16px !important;
    }

    body.crm-analytics:not(.login) #nav-sidebar-inner {
        display: flex !important;
        flex: 1 1 auto !important;
        flex-direction: column !important;
        min-height: 0 !important;
        overflow: hidden !important;
    }

    body.crm-analytics:not(.login) #nav-sidebar-apps {
        flex: 1 1 auto !important;
        min-height: 0 !important;
        overflow: hidden !important;
    }

    body.crm-analytics:not(.login) #nav-sidebar-apps :is(.simplebar-wrapper, .simplebar-mask, .simplebar-offset) {
        height: 100% !important;
        max-height: 100% !important;
        min-height: 0 !important;
        overflow: hidden !important;
    }

    body.crm-analytics:not(.login) #nav-sidebar-apps .simplebar-content-wrapper {
        height: 100% !important;
        max-height: 100% !important;
        min-height: 0 !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
    }

    body.crm-analytics:not(.login) #nav-sidebar-apps .simplebar-content {
        min-height: 100% !important;
        padding-bottom: max(56px, calc(56px + env(safe-area-inset-bottom))) !important;
    }
}

/* Absolute final desktop header geometry lock. */
@media (min-width: 1025px) {
    html body:not(.login) {
        --crm-desktop-main-pad: 10px;
        --crm-desktop-inline-gutter: 16px;
        --crm-desktop-header-top: 16px;
        --crm-desktop-header-min-height: 56px;
    }

    html body:not(.login) #main {
        box-sizing: border-box !important;
        padding-left: var(--crm-desktop-main-pad) !important;
        padding-right: var(--crm-desktop-main-pad) !important;
        min-width: 0 !important;
    }

    html body:not(.login) #main > :is(.bg-white.border-b, .border-b.border-base-200, .crm-navigation-header) {
        box-sizing: border-box !important;
        width: 100% !important;
        max-width: none !important;
        margin: var(--crm-desktop-header-top) 0 0 !important;
        padding-left: var(--crm-desktop-inline-gutter) !important;
        padding-right: var(--crm-desktop-inline-gutter) !important;
        overflow: visible !important;
    }

    html body:not(.login) #header-inner,
    html body:not(.login) #main > :is(.bg-white.border-b, .border-b.border-base-200, .crm-navigation-header) > #header-inner {
        box-sizing: border-box !important;
        width: 100% !important;
        max-width: none !important;
        min-height: var(--crm-desktop-header-min-height) !important;
        margin: 0 !important;
        overflow: visible !important;
    }

    html body:not(.login) #header-inner > .flex.items-center.w-full,
    html body:not(.login) #header-inner .ml-auto {
        min-width: 0 !important;
        overflow: visible !important;
    }

    html body:not(.login) #content {
        box-sizing: border-box !important;
        width: auto !important;
        max-width: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

/* Specific final pass: beat late inline page header rules. */
@media (min-width: 1025px) {
    html body:not(.login):is(.crm-core-theme, .crm-analytics) #main > .bg-white.border-b.border-base-200.mb-6.px-4.z-40 {
        box-sizing: border-box !important;
        width: 100% !important;
        max-width: none !important;
        margin: var(--crm-desktop-header-top) 0 0 !important;
        padding: 0 var(--crm-desktop-inline-gutter) !important;
        overflow: visible !important;
    }

    html body:not(.login):is(.crm-core-theme, .crm-analytics) #main > .bg-white.border-b.border-base-200.mb-6.px-4.z-40 > #header-inner.flex.items-center.relative.w-full {
        box-sizing: border-box !important;
        width: 100% !important;
        max-width: none !important;
        min-height: var(--crm-desktop-header-min-height) !important;
        margin: 0 !important;
        overflow: visible !important;
    }

    html body:not(.login):is(.crm-core-theme, .crm-analytics) #main > .bg-white.border-b.border-base-200.mb-6.px-4.z-40 > .container.flex.items-center.h-16.mx-auto.py-4 {
        box-sizing: border-box !important;
        width: 100% !important;
        max-width: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    html.dark[data-crm-theme="dark"] body.crm-admin-index.crm-core-theme.crm-page-bg.crm-header-card:not(.login) #main > .bg-white.border-b.border-base-200.mb-6.px-4.z-40,
    html body.crm-admin-index.crm-core-theme.crm-page-bg.crm-header-card:not(.login) #main > .bg-white.border-b.border-base-200.mb-6.px-4.z-40 {
        box-sizing: border-box !important;
        width: 100% !important;
        max-width: none !important;
        margin: var(--crm-desktop-header-top) 0 0 !important;
        padding: 0 var(--crm-desktop-inline-gutter) !important;
        overflow: visible !important;
    }
}

/* Dark sidebar brand should not look like the active menu item. */
html.dark[data-crm-theme="dark"] body:not(.login):is(.crm-core-theme, .crm-analytics) #nav-sidebar-inner > .crm-navigation-header > div.bg-transparent,
html.dark body:not(.login):is(.crm-core-theme, .crm-analytics) #nav-sidebar-inner > .crm-navigation-header > div.bg-transparent {
    border-color: transparent !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

/* Final dark channel color: Space Trading should keep its teal brand chip. */
@media (min-width: 1025px) {
    html.dark body.crm-core-theme.change-list #result_list td .channel-chip.channel-chip-space,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.change-list #result_list td .channel-chip.channel-chip-space {
        border-color: rgba(92, 205, 198, 0.58) !important;
        background: linear-gradient(180deg, rgba(26, 91, 88, 0.72) 0%, rgba(18, 67, 65, 0.82) 100%) !important;
        background-color: rgba(18, 67, 65, 0.82) !important;
        background-image: linear-gradient(180deg, rgba(26, 91, 88, 0.72) 0%, rgba(18, 67, 65, 0.82) 100%) !important;
        color: #a8eee9 !important;
        -webkit-text-fill-color: #a8eee9 !important;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.10), 0 6px 16px rgba(8, 29, 30, 0.30) !important;
    }

    html.dark body.crm-core-theme.change-list #result_list td .channel-chip.channel-chip-space :is(span, img),
    html.dark[data-crm-theme="dark"] body.crm-core-theme.change-list #result_list td .channel-chip.channel-chip-space :is(span, img) {
        color: #a8eee9 !important;
        -webkit-text-fill-color: #a8eee9 !important;
    }
}

/* Final client dark scroll performance: keep colors, remove expensive repaint work. */
@media (min-width: 1025px) {
    html.dark body.crm-core-theme.model-client.change-list #changelist-form > div[data-simplebar],
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-client.change-list #changelist-form > div[data-simplebar],
    html.dark body.crm-core-theme.model-client.change-list #changelist-form > div[data-simplebar] :is(.simplebar-wrapper, .simplebar-mask, .simplebar-offset, .simplebar-content-wrapper, .simplebar-content),
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-client.change-list #changelist-form > div[data-simplebar] :is(.simplebar-wrapper, .simplebar-mask, .simplebar-offset, .simplebar-content-wrapper, .simplebar-content) {
        animation: none !important;
        background-image: none !important;
        box-shadow: none !important;
        filter: none !important;
        text-shadow: none !important;
        transition: none !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
    }

    html.dark body.crm-core-theme.model-client.change-list #changelist-form > div[data-simplebar],
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-client.change-list #changelist-form > div[data-simplebar] {
        overflow: visible !important;
    }

    html.dark body.crm-core-theme.model-client.change-list #result_list,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-client.change-list #result_list,
    html.dark body.crm-core-theme.model-client.change-list #result_list *,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-client.change-list #result_list * {
        animation: none !important;
        background-image: none !important;
        box-shadow: none !important;
        filter: none !important;
        scroll-behavior: auto !important;
        text-shadow: none !important;
        transition: none !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
    }

    html.dark body.crm-core-theme.model-client.change-list #result_list > tbody > tr > :is(th, td),
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-client.change-list #result_list > tbody > tr > :is(th, td) {
        background: #102033 !important;
        background-color: #102033 !important;
        background-image: none !important;
        box-shadow: none !important;
    }

    html.dark body.crm-core-theme.model-client.change-list #result_list > tbody > tr:hover > :is(th, td),
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-client.change-list #result_list > tbody > tr:hover > :is(th, td) {
        background: #122840 !important;
        background-color: #122840 !important;
        background-image: none !important;
        box-shadow: none !important;
    }

    html.dark body.crm-core-theme.model-client.change-list #result_list td :is(
        .id-chip,
        .user-chip,
        .status-chip,
        .capital-chip,
        .date-chip,
        .date-chip-empty,
        .geo-chip,
        .geo-chip-empty,
        .domain-chip,
        .channel-chip,
        .comment-chip,
        .data-wrapper
    ),
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-client.change-list #result_list td :is(
        .id-chip,
        .user-chip,
        .status-chip,
        .capital-chip,
        .date-chip,
        .date-chip-empty,
        .geo-chip,
        .geo-chip-empty,
        .domain-chip,
        .channel-chip,
        .comment-chip,
        .data-wrapper
    ) {
        box-shadow: none !important;
        transform: none !important;
        will-change: auto !important;
    }

    html.dark body.crm-core-theme.model-client.change-list .crm-bulk-actions-rail,
    html.dark body.crm-core-theme.model-client.change-list .crm-bulk-actions-surface,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-client.change-list .crm-bulk-actions-rail,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-client.change-list .crm-bulk-actions-surface {
        background-image: none !important;
        box-shadow: none !important;
        filter: none !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
    }
}

/* Desktop clients: keep the table in normal page flow with no nested scroll container. */
@media (min-width: 1025px) {
    html body.crm-core-theme.model-client.change-list {
        overflow-x: auto !important;
    }

    html body.crm-core-theme.model-client.change-list :is(
        #page,
        #main,
        #content,
        #content-main,
        #changelist,
        #changelist-form,
        .result-list-wrapper
    ),
    html body.crm-core-theme.model-client.change-list .crm-client-static-table-shell :is(
        .simplebar-wrapper,
        .simplebar-mask,
        .simplebar-offset,
        .simplebar-content-wrapper,
        .simplebar-content
    ) {
        inset: auto !important;
        height: auto !important;
        max-height: none !important;
        max-width: none !important;
        overflow: visible !important;
        position: static !important;
        width: auto !important;
    }

    html body.crm-core-theme.model-client.change-list .crm-client-static-table-shell {
        border: 0 !important;
        box-shadow: none !important;
        outline: 0 !important;
    }

    html body.crm-core-theme.model-client.change-list .crm-client-static-table-shell :is(
        .simplebar-track,
        .simplebar-placeholder
    ) {
        display: none !important;
    }
}

/* Absolute last: Space Trading plain "Бот" domain chip must match Space color. */
@media (min-width: 1025px) {
    html.dark body.crm-core-theme.model-client.change-list #result_list td .domain-chip.domain-chip-space.domain-chip-meta-bot,
    html.dark[data-crm-theme="dark"] body.crm-core-theme.model-client.change-list #result_list td .domain-chip.domain-chip-space.domain-chip-meta-bot {
        border-color: rgba(92, 205, 198, 0.58) !important;
        background: linear-gradient(180deg, rgba(26, 91, 88, 0.72) 0%, rgba(18, 67, 65, 0.82) 100%) !important;
        background-color: rgba(18, 67, 65, 0.82) !important;
        background-image: linear-gradient(180deg, rgba(26, 91, 88, 0.72) 0%, rgba(18, 67, 65, 0.82) 100%) !important;
        color: #a8eee9 !important;
        -webkit-text-fill-color: #a8eee9 !important;
        box-shadow: none !important;
    }
}

/* Absolute last: active filter controls in clients/subscribers must be dark, not icy white. */
@media (min-width: 1025px) {
    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list :is(
        .client-quality-banner .client-quality-chip.crm-state--selected,
        .subscriber-sync-panel .subscriber-sync-chip.crm-state--selected,
        .subscriber-sync-panel .client-quality-chip.crm-state--selected,
        .crm-view-mode-toggle .crm-view-mode-btn.is-active,
        .crm-view-mode-toggle .crm-view-mode-btn[aria-pressed="true"],
        .crm-density-toggle > .crm-density-btn.is-active,
        .crm-row-style-toggle > .crm-row-style-btn.is-active,
        .crm-density-toggle > .crm-density-btn[aria-pressed="true"],
        .crm-row-style-toggle > .crm-row-style-btn[aria-pressed="true"]
    ),
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-list :is(
        .client-quality-banner .client-quality-chip.crm-state--selected,
        .subscriber-sync-panel .subscriber-sync-chip.crm-state--selected,
        .subscriber-sync-panel .client-quality-chip.crm-state--selected,
        .crm-view-mode-toggle .crm-view-mode-btn.is-active,
        .crm-view-mode-toggle .crm-view-mode-btn[aria-pressed="true"],
        .crm-density-toggle > .crm-density-btn.is-active,
        .crm-row-style-toggle > .crm-row-style-btn.is-active,
        .crm-density-toggle > .crm-density-btn[aria-pressed="true"],
        .crm-row-style-toggle > .crm-row-style-btn[aria-pressed="true"]
    ) {
        --crm-state-border-color: rgba(108, 165, 224, 0.76) !important;
        --crm-state-bg-color: linear-gradient(180deg, #244b72 0%, #183653 100%) !important;
        --crm-state-text-color: #e6f4ff !important;
        border-color: rgba(108, 165, 224, 0.76) !important;
        background: linear-gradient(180deg, #244b72 0%, #183653 100%) !important;
        background-color: #183653 !important;
        background-image: linear-gradient(180deg, #244b72 0%, #183653 100%) !important;
        color: #e6f4ff !important;
        -webkit-text-fill-color: #e6f4ff !important;
        box-shadow: inset 0 1px 0 rgba(226, 244, 255, 0.16), 0 0 0 1px rgba(108, 165, 224, 0.22), 0 8px 20px rgba(3, 12, 26, 0.26) !important;
    }

    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list :is(
        .client-quality-banner .client-quality-chip.crm-state--selected:hover,
        .subscriber-sync-panel .subscriber-sync-chip.crm-state--selected:hover,
        .subscriber-sync-panel .client-quality-chip.crm-state--selected:hover,
        .crm-view-mode-toggle .crm-view-mode-btn.is-active:hover,
        .crm-view-mode-toggle .crm-view-mode-btn[aria-pressed="true"]:hover,
        .crm-density-toggle > .crm-density-btn.is-active:hover,
        .crm-row-style-toggle > .crm-row-style-btn.is-active:hover
    ),
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-list :is(
        .client-quality-banner .client-quality-chip.crm-state--selected:hover,
        .subscriber-sync-panel .subscriber-sync-chip.crm-state--selected:hover,
        .subscriber-sync-panel .client-quality-chip.crm-state--selected:hover,
        .crm-view-mode-toggle .crm-view-mode-btn.is-active:hover,
        .crm-view-mode-toggle .crm-view-mode-btn[aria-pressed="true"]:hover,
        .crm-density-toggle > .crm-density-btn.is-active:hover,
        .crm-row-style-toggle > .crm-row-style-btn.is-active:hover
    ) {
        --crm-state-border-color: rgba(137, 189, 238, 0.86) !important;
        --crm-state-bg-color: linear-gradient(180deg, #2a5680 0%, #1c4162 100%) !important;
        --crm-state-text-color: #f0f8ff !important;
        border-color: rgba(137, 189, 238, 0.86) !important;
        background: linear-gradient(180deg, #2a5680 0%, #1c4162 100%) !important;
        background-color: #1c4162 !important;
        color: #f0f8ff !important;
        -webkit-text-fill-color: #f0f8ff !important;
    }

    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list :is(
        .client-quality-banner .client-quality-chip.crm-state--selected,
        .subscriber-sync-panel .subscriber-sync-chip.crm-state--selected,
        .subscriber-sync-panel .client-quality-chip.crm-state--selected,
        .crm-view-mode-toggle .crm-view-mode-btn.is-active,
        .crm-view-mode-toggle .crm-view-mode-btn[aria-pressed="true"]
    ) *,
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-list :is(
        .client-quality-banner .client-quality-chip.crm-state--selected,
        .subscriber-sync-panel .subscriber-sync-chip.crm-state--selected,
        .subscriber-sync-panel .client-quality-chip.crm-state--selected,
        .crm-view-mode-toggle .crm-view-mode-btn.is-active,
        .crm-view-mode-toggle .crm-view-mode-btn[aria-pressed="true"]
    ) * {
        color: inherit !important;
        -webkit-text-fill-color: currentColor !important;
    }
}

/* Keep client channel logos large after changelist switches into mobile-card markup. */
body.model-client.change-list .crm-mobile-card-value .channel-chip img {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    max-width: 24px !important;
    max-height: 24px !important;
    flex: 0 0 24px !important;
    border-radius: 999px !important;
}

@media (max-width: 1024px) {
    body.model-client.change-list .crm-mobile-card-list { gap: 8px; }

    body.model-client.change-list .crm-mobile-card {
        border-radius: 14px;
        box-shadow: 0 4px 12px rgba(27, 56, 92, .08);
    }

    body.model-client.change-list .crm-mobile-card-header {
        align-items: center;
        gap: 6px;
        padding: 9px 10px 8px 13px;
    }

    body.model-client.change-list .crm-mobile-card-header__text { gap: 2px; }
    body.model-client.change-list .crm-mobile-card-header__title { font-size: 14px; }

    html body.crm-core-theme.model-client.change-list .crm-mobile-card-header__copy {
        flex-basis: 20px;
        height: 20px;
        min-height: 20px !important;
        min-width: 20px !important;
        width: 20px;
    }

    body.model-client.change-list .crm-mobile-card-header__info {
        align-items: center;
        flex-wrap: nowrap;
        gap: 6px;
    }

    body.model-client.change-list .crm-mobile-card-header__subtitle {
        flex: 1 1 auto;
        font-size: 11px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    body.model-client.change-list .crm-mobile-card-header__id .id-chip {
        font-size: 11px !important;
    }

    html body.crm-core-theme.model-client.change-list .crm-mobile-card-header__id .js-inline-copy-id {
        height: 18px;
        min-height: 18px;
        min-width: 18px;
        width: 18px;
    }

    body.model-client.change-list .crm-mobile-card-header__actions { gap: 5px; }

    body.model-client.change-list .crm-mobile-card-header__open {
        min-height: 28px;
        padding: 0 8px;
    }

    body.model-client.change-list .crm-mobile-card-header__actions .crm-mobile-card-checkbox {
        height: 26px;
        min-width: 26px;
        width: 26px;
    }

    body.model-client.change-list .crm-mobile-card-grid-item {
        padding: 6px 7px 6px 9px;
    }

    body.model-client.change-list .crm-mobile-card-grid--triple .crm-mobile-card-grid-item {
        padding: 6px 5px;
    }

    html body.crm-core-theme.model-client.change-list .crm-mobile-card-grid-item,
    html body.crm-core-theme.model-client.change-list .crm-mobile-card-grid--triple .crm-mobile-card-grid-item {
        padding-bottom: 4px;
        padding-top: 4px;
    }

    body.model-client.change-list .crm-mobile-card-grid-label {
        font-size: 9px;
        margin-bottom: 2px;
    }

    body.model-client.change-list .crm-mobile-card-grid-value {
        font-size: 11px;
        line-height: 1.15;
    }

    body.model-client.change-list .crm-mobile-card-grid-value :is(
        .status-chip, .capital-chip, .geo-chip, .geo-chip-empty,
        .domain-chip, .channel-chip, .date-chip, .date-chip-empty
    ) {
        font-size: 10px !important;
        height: auto !important;
        min-height: 26px !important;
        padding: 4px 7px !important;
    }

    html body.crm-core-theme.model-client.change-list .crm-mobile-card-grid-value > :is(.js-inline-status, .js-inline-deposit) {
        height: 24px !important;
        min-height: 24px !important;
    }

    html body.crm-core-theme.model-client.change-list .crm-mobile-card-grid-value :is(
        .status-chip, .capital-chip, .geo-chip, .geo-chip-empty,
        .domain-chip, .channel-chip, .date-chip, .date-chip-empty
    ) {
        font-size: 10px !important;
        height: 24px !important;
        min-height: 24px !important;
    }

    body.model-client.change-list .crm-mobile-card-value .channel-chip img {
        height: 18px !important;
        min-height: 18px !important;
        min-width: 18px !important;
        width: 18px !important;
        flex-basis: 18px !important;
    }

    body.model-client.change-list .crm-mobile-card-row {
        gap: 7px;
        padding: 6px 9px;
    }

    html body.crm-core-theme.model-client.change-list .crm-mobile-card-row {
        padding: 5px 8px;
    }

    body.model-client.change-list .crm-mobile-card-label {
        flex-basis: 72px;
        font-size: 9px;
        max-width: 72px;
    }

    body.model-client.change-list .crm-mobile-card-value .js-inline-comment {
        min-height: 28px;
        overflow: hidden;
        padding: 3px 7px;
    }

    html body.crm-core-theme.model-client.change-list .crm-mobile-card-value .js-inline-comment {
        height: 26px;
        min-height: 26px;
    }

    body.model-client.change-list .crm-mobile-card-value .js-inline-comment .comment {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    body.model-client.change-list .crm-mobile-quick-bar {
        bottom: calc(6px + env(safe-area-inset-bottom));
        gap: 6px;
        left: 8px;
        padding: 6px;
        right: 8px;
        row-gap: 3px;
    }

    body.model-client.change-list .crm-mobile-quick-btn { min-height: 32px; }
}