/* Shared screen theme. Printable commercial documents keep their own styles. */
@media screen {
    #crmApp {
        --primary-color: #176477;
        --primary-dark: #104c5b;
        --secondary-color: #697276;
        --success-color: #23754c;
        --danger-color: #b43b3b;
        --warning-color: #986516;
        --primary: #176477;
        --text-primary: #24292b;
        --text-secondary: #697276;
        --border-color: #e1e5e6;
        --border-radius: 4px;
        --transition: color .12s ease, background-color .12s ease, border-color .12s ease;
        --bs-primary: #176477;
        --bs-primary-rgb: 23, 100, 119;
        --bs-link-color: #176477;
        --bs-link-hover-color: #104c5b;
        --bs-border-color: #e1e5e6;
        --bs-body-color: #24292b;
        --bs-body-bg: #fff;
        --bs-border-radius: 4px;
        background: #fff !important;
        color: #24292b !important;
        font: 14px/1.5 "Segoe UI", Arial, sans-serif !important;
        min-width: 0;
        overflow-x: clip;
    }
    #crmApp *, #crmApp *::before, #crmApp *::after { letter-spacing: 0 !important; text-shadow: none !important; }
    #crmApp::before, #crmApp::after { display: none !important; }
    #crmApp { --gradient-primary: none; --gradient-success: none; --card-shadow: none; --shadow-soft: none; --shadow-strong: none; --surface-soft: #fff; --surface-strong: #fff; --surface-muted: #f4f5f5; --light-bg: #f4f5f5; --crm-font-body: 14px; --crm-font-table-head: 12px; --crm-font-table-cell: 13px; --crm-font-label: 12px; --crm-font-small: 12px; }
    #crmApp :is(h1,h2,h3,h4,h5,h6,.btn,.nav-link,.form-control,.form-select,table) {
        font-family: "Segoe UI", Arial, sans-serif !important;
    }
    #crmApp :is(h1,h2,h3,h4,h5,h6) { color: #24292b !important; font-weight: 600 !important; overflow-wrap: anywhere; }
    #crmApp :is(h2,h3,.h3,.h4,.h5) { font-size: 17px !important; }
    #crmApp :is(h4,h5,h6) { font-size: 15px !important; }
    #crmApp :is(div,section,article,aside,main,header,footer,nav,ul,li,table,thead,tbody,tr,th,td,a,button:not(.btn-close)) {
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }
    #crmApp :is(.custom-card,.card,[class*="-hero"],[class*="-panel"],[class*="-card"],.sidebar,.navbar-mobile,.modal-content,.offcanvas,.dropdown-menu,.btn,.nav-link,.table th) {
        background-image: none !important;
    }
    #crmApp :is(.custom-card,.card,[class*="-hero"],[class*="-panel"],[class*="-card"],.sidebar,.nav-link,.btn)::before,
    #crmApp :is(.custom-card,.card,[class*="-hero"],[class*="-panel"],[class*="-card"],.sidebar,.nav-link,.btn)::after {
        box-shadow: none !important;
        background-image: none !important;
        backdrop-filter: none !important;
    }
    #crmApp .wrapper { display: block; min-height: 100vh; padding: 0 !important; }
    #crmApp :is(#crmDynamicRoot,#tasksDynamicRoot) { width: 100% !important; min-width: 0 !important; }
    #crmApp .main-content {
        margin-left: 224px !important;
        width: calc(100% - 224px) !important;
        padding: 24px !important;
        min-width: 0;
        min-height: 100vh;
        background: #fff !important;
    }
    #crmApp .main-content > .container-fluid { max-width: none !important; padding: 0 !important; width: 100%; }
    #crmApp .sidebar {
        position: fixed !important;
        inset: 0 auto 0 0;
        width: 224px !important;
        height: 100dvh !important;
        min-height: 0 !important;
        border: 0 !important;
        border-right: 1px solid #e1e5e6 !important;
        background: #f4f5f5 !important;
        color: #414b4e !important;
        padding: 0 !important;
        z-index: 1030;
    }
    #crmApp .sidebar::before, #crmApp .sidebar::after { display: none !important; }
    #crmApp .sidebar { transform: none !important; transition: none !important; }
    #crmApp .sidebar.show { left: 0 !important; visibility: visible !important; }
    #crmApp .sidebar-brand-wrapper {
        padding: 20px 14px !important;
        min-height: 74px;
        border-bottom: 1px solid #e1e5e6 !important;
        background: transparent !important;
    }
    #crmApp .sidebar-brand-wrapper img { width: 30px !important; height: 30px !important; object-fit: contain; margin: 0 8px 0 0 !important; filter: none !important; }
    #crmApp .sidebar-brand-text { color: #24292b !important; font-size: 14px !important; font-weight: 600 !important; white-space: normal !important; }
    #crmApp .sidebar-menu-content { flex: 1; min-height: 0; overflow-y: auto; padding: 10px 8px !important; scrollbar-width: thin; }
    #crmApp .sidebar .nav-item { margin: 0 !important; }
    #crmApp .sidebar .nav-link {
        display: flex;
        align-items: center;
        gap: 8px;
        min-height: 36px;
        margin: 1px 0 !important;
        padding: 8px 10px !important;
        border: 0 !important;
        border-radius: 4px !important;
        color: #4d575b !important;
        background: transparent !important;
        font-size: 13px !important;
        font-weight: 400 !important;
        line-height: 1.35;
        transform: none !important;
    }
    #crmApp .sidebar .nav-link:hover { background: #e9eded !important; color: #24292b !important; }
    #crmApp .sidebar .nav-link.active { background: #e3ecee !important; color: #135a6b !important; font-weight: 600 !important; }
    #crmApp .sidebar .nav-link > i { font-size: 16px !important; color: inherit !important; margin: 0 !important; width: 18px; flex: 0 0 18px; }
    #crmApp .sidebar .nav-link > .ms-auto { margin-left: auto !important; }
    #crmApp .sidebar :is(.collapse,.collapsing) .nav-link { padding-left: 22px !important; font-size: 12px !important; }
    #crmApp .sidebar .sidebar-footer { padding: 10px 8px !important; border-top: 1px solid #e1e5e6 !important; background: #f4f5f5 !important; flex-shrink: 0; }
    #crmApp .user-profile-btn, #crmApp .user-profile-btn.text-white { color: #24292b !important; border-radius: 4px !important; background: transparent !important; }
    #crmApp .user-profile-btn img { width: 32px !important; height: 32px !important; border: 1px solid #d5dddf !important; }
    #crmApp .user-profile-btn small { color: #697276 !important; }
    #crmApp .navigation-notification-badge { background: #dce8eb !important; color: #155367 !important; border: 0 !important; min-width: 20px; padding: 3px 5px; font-size: 10px !important; border-radius: 4px !important; }
    #crmApp :is(.dropdown-menu,.dropdown-menu-dark) { background: #fff !important; color: #24292b !important; border: 1px solid #d4dcde !important; border-radius: 4px !important; padding: 5px; }
    #crmApp .dropdown-item { color: #24292b; font-size: 13px; border-radius: 3px; padding: 7px 10px; }
    #crmApp .dropdown-item:is(:hover,:focus) { background: #edf3f4 !important; color: #155367 !important; }
    #crmApp .dropdown-item.text-danger { color: #b43b3b !important; }
    #crmApp .dropdown-divider { border-color: #e1e5e6; }
    #crmApp :is(.custom-card,.card) { background: #fff !important; border: 1px solid #e1e5e6 !important; border-radius: 4px !important; transform: none !important; }
    #crmApp :is(.custom-card,.card):hover { transform: none !important; }
    #crmApp section.custom-card { border: 0 !important; border-bottom: 1px solid #e1e5e6 !important; border-radius: 0 !important; padding: 16px 0 !important; }
    #crmApp :is(.card-header,.card-footer) { background: #f7f8f8 !important; color: #24292b !important; border-color: #e1e5e6 !important; padding: 12px 16px; }
    #crmApp .app-page-header {
        display: flex !important;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        gap: 14px 20px;
        min-height: 0 !important;
        padding: 0 0 18px !important;
        margin: 0 0 18px !important;
        border: 0 !important;
        border-bottom: 1px solid #e1e5e6 !important;
        border-radius: 0 !important;
        background: #fff !important;
        overflow: visible !important;
    }
    #crmApp .app-page-header::before, #crmApp .app-page-header::after { display: none !important; }
    #crmApp .app-page-header :is([class$="__layout"],[class$="__content"]) { width: 100%; min-width: 0; background: transparent !important; }
    #crmApp .app-page-header :is([class$="__layout"],[class$="__content"],[class$="__header"]) { gap: 12px !important; }
    #crmApp .app-page-header [class$="__header"] { display: flex !important; flex-wrap: wrap; align-items: start; justify-content: space-between; }
    #crmApp .app-page-header :is([class*="__eyebrow"],.app-page-header__description,[class*="-hero__text"],.hero-subtitle,.text-uppercase.small) { display: none !important; }
    #crmApp .app-page-header > .d-flex { width: 100%; }
    #crmApp .app-page-header :is(h1,.h1) { font-size: 24px !important; line-height: 1.3 !important; margin: 0 !important; font-weight: 600 !important; color: #24292b !important; }
    #crmApp .app-page-header :is([class$="__actions"],[class$="__toolbar"]) { display: flex; flex-wrap: wrap; align-items: center; gap: 6px !important; margin: 0 !important; width: auto; }
    #crmApp :is(.breadcrumb,.app-page-header__breadcrumb) { padding: 0 !important; margin: 0 0 6px !important; background: transparent !important; border: 0 !important; font-size: 12px !important; }
    #crmApp .breadcrumb :is(a,span,strong,.active) { font-size: 12px !important; font-weight: 400 !important; color: #697276 !important; }
    #crmApp .breadcrumb .breadcrumb-item + .breadcrumb-item::before { color: #8a9498; }
    #crmApp .btn {
        --bs-btn-border-radius: 4px;
        --bs-btn-focus-box-shadow: none;
        font-size: 13px !important;
        font-weight: 500 !important;
        line-height: 1.4;
        min-height: 34px;
        padding: 7px 12px;
        border-radius: 4px !important;
        transform: none !important;
        white-space: normal;
        overflow-wrap: anywhere;
    }
    #crmApp .btn-sm { min-height: 30px; padding: 5px 9px; font-size: 12px !important; }
    #crmApp :is(.btn-primary,.btn-success,.btn-info,.btn-dark,.btn-gradient) { background-color: #176477 !important; color: #fff !important; border: 1px solid #176477 !important; }
    #crmApp :is(.btn-primary,.btn-success,.btn-info,.btn-dark):hover { background-color: #104c5b !important; border-color: #104c5b !important; }
    #crmApp .btn-danger { background: #b43b3b !important; border: 1px solid #b43b3b !important; color: #fff !important; }
    #crmApp :is(.btn-outline-primary,.btn-outline-secondary,.btn-outline-success,.btn-outline-info,.btn-outline-dark,.btn-light,.btn-secondary) { background-color: #fff !important; border: 1px solid #d4dcde !important; color: #3e5157 !important; }
    #crmApp :is(.btn-outline-primary,.btn-outline-secondary,.btn-outline-success,.btn-outline-info,.btn-outline-dark,.btn-light,.btn-secondary):hover { background-color: #edf3f4 !important; border-color: #8eafb8 !important; color: #135a6b !important; }
    #crmApp .btn-check:checked + .btn, #crmApp .btn.active { background-color: #e8f1f3 !important; color: #135a6b !important; border-color: #8eafb8 !important; }
    #crmApp .btn:disabled, #crmApp .btn.disabled { opacity: .5; }
    #crmApp :is(a,button,input,select,textarea):focus-visible { outline: 2px solid #176477 !important; outline-offset: 2px; }
    #crmApp .btn-close { border-radius: 4px !important; filter: none !important; }
    #crmApp :is(.form-control,.form-select,.input-group-text) { min-height: 36px; border: 1px solid #cfd8db !important; border-radius: 4px !important; background-color: #fff !important; color: #24292b !important; font-size: 13px !important; padding-top: 7px; padding-bottom: 7px; box-shadow: none !important; }
    #crmApp :is(.form-control,.form-select):focus { border-color: #176477 !important; }
    #crmApp :is(.form-control,.form-select):disabled { background-color: #f0f2f3 !important; color: #697276 !important; }
    #crmApp :is(.form-control,.form-select).is-invalid { border-color: #b43b3b !important; }
    #crmApp .form-control::placeholder { color: #849095; }
    #crmApp :is(.form-label,.col-form-label) { color: #4d575b !important; font-size: 12px !important; font-weight: 500 !important; margin-bottom: 5px; }
    #crmApp .form-check-input:checked { background-color: #176477; border-color: #176477; }
    #crmApp .form-switch .form-check-input { border-radius: 20px !important; }
    #crmApp .input-group-text { background: #f4f5f5 !important; }
    #crmApp .input-group > :not(:first-child) { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; }
    #crmApp .input-group > :not(:last-child) { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; }
    #crmApp .table-responsive { border: 0 !important; border-radius: 0 !important; overflow-x: auto !important; }
    #crmApp :is(.table,.custom-table) { color: #24292b !important; font-size: 13px !important; border-collapse: collapse !important; border-spacing: 0 !important; margin-bottom: 0; }
    #crmApp :is(.table,.custom-table) th { background: #f6f7f7 !important; color: #697276 !important; padding: 10px 12px !important; font-weight: 500 !important; font-size: 12px !important; border-bottom: 1px solid #dce2e4 !important; text-transform: none !important; border-radius: 0 !important; }
    #crmApp :is(.table,.custom-table) td { padding: 10px 12px !important; border-bottom: 1px solid #e8eced !important; vertical-align: middle; }
    #crmApp :is(.table,.custom-table) tbody tr { background-image: none !important; transform: none !important; }
    #crmApp :is(.table,.custom-table) tbody tr:hover > td { background-color: #f6f9fa !important; }
    #crmApp :is(.table,.custom-table) td :is(.btn,.badge) { font-size: 11px !important; }
    #crmApp :is(.table,.custom-table) td .btn { min-height: 28px; }
    #crmApp .table :is(.fw-bold,strong) { font-weight: 600 !important; }
    #crmApp .table a:not(.btn) { color: #245966; }
    #crmApp .badge { border-radius: 4px !important; font-weight: 500 !important; font-size: 11px !important; line-height: 1.35; white-space: normal; }
    #crmApp .badge:is(.bg-primary,.bg-info) { background: #e5f0f3 !important; color: #155b70 !important; }
    #crmApp .badge.bg-success { background: #e9f4ec !important; color: #28613c !important; }
    #crmApp .badge.bg-warning { background: #fbf2dd !important; color: #806011 !important; }
    #crmApp .badge.bg-danger { background: #fbeaea !important; color: #a73939 !important; }
    #crmApp .badge:is(.bg-secondary,.bg-dark,.bg-light) { background: #edf0f1 !important; color: #586369 !important; }
    #crmApp .text-primary { color: #176477 !important; }
    #crmApp .text-muted { color: #697276 !important; }
    #crmApp :is(.nav-tabs,.nav-pills) { border: 0; border-bottom: 1px solid #e1e5e6; gap: 16px; padding: 0; border-radius: 0 !important; background: transparent !important; }
    #crmApp :is(.nav-tabs,.nav-pills) .nav-link { margin: 0; padding: 10px 0; background: transparent !important; color: #697276 !important; border: 0 !important; border-bottom: 2px solid transparent !important; border-radius: 0 !important; font-size: 13px !important; font-weight: 500 !important; }
    #crmApp :is(.nav-tabs,.nav-pills) .nav-link.active { border-bottom-color: #176477 !important; color: #176477 !important; }
    #crmApp .pagination { gap: 4px; flex-wrap: wrap; }
    #crmApp .page-link { border-radius: 4px !important; color: #48616a; font-size: 12px; border-color: #e1e5e6; background: #fff; }
    #crmApp .page-item.active .page-link { background: #176477; border-color: #176477; color: #fff; }
    #crmApp .alert { padding: 12px 14px; border-radius: 4px !important; font-size: 13px; background-image: none !important; }
    #crmApp :is(.modal-content,.offcanvas) { background: #fff !important; border: 1px solid #d4dcde !important; border-radius: 6px !important; color: #24292b !important; }
    #crmApp .offcanvas { border-radius: 0 !important; max-width: 100vw; }
    #crmApp :is(.modal-header,.modal-footer,.offcanvas-header) { padding: 14px 20px !important; background: #fff !important; border-color: #e1e5e6 !important; color: #24292b !important; }
    #crmApp .modal-title { font-size: 18px !important; color: #24292b !important; }
    #crmApp .modal-body { padding: 20px !important; }
    #crmApp .modal-body.bg-light { background: #fff !important; }
    #crmApp .modal-body .bg-white { background: #fff !important; border-radius: 0 !important; padding: 0 !important; }
    #crmApp .modal-body .row { --bs-gutter-y: 16px !important; }
    #crmApp .modal-body .fw-bold { font-weight: 500 !important; }
    #crmApp .modal-header .btn-close { filter: none !important; }
    #crmApp .modal-backdrop { background: #1b2529 !important; backdrop-filter: none !important; }
    #crmApp .modal-backdrop.show { opacity: .32 !important; }
    #crmApp .accordion-item { border-color: #e1e5e6; border-radius: 4px; }
    #crmApp .accordion-button { background: #f6f8f8; color: #3e5157; font-size: 14px; }
    #crmApp :is(.crm-filter-card,.crm-focus-card,.tasks-filter-card,.tasks-focus-card) { border: 0 !important; border-top: 1px solid #e1e5e6 !important; border-bottom: 1px solid #e1e5e6 !important; border-radius: 0 !important; padding: 0 !important; }
    #crmApp :is(.crm-filter-intro,.crm-focus-intro,.tasks-filter-intro,.tasks-focus-intro) { display: none !important; }
    #crmApp :is(.crm-fold-toggle,.tasks-fold-toggle) { padding: 11px 0 !important; border-radius: 0 !important; background: #fff !important; color: #3e5157 !important; min-height: 42px !important; }
    #crmApp :is(.crm-fold-body,.tasks-fold-body) { padding: 12px 0 !important; }
    #crmApp :is(.crm-control-row,.tasks-control-row) { --bs-gutter-y: 12px; margin-bottom: 16px !important; }
    #crmApp :is(.crm-focus-card-item,.tasks-focus-card-item,.crm-summary-card,.dashboard-stat-card) { background: #f7f9f9 !important; color: #24292b !important; border: 1px solid #e1e5e6 !important; border-radius: 4px !important; padding: 12px !important; }
    #crmApp :is(.crm-focus-card-item,.tasks-focus-card-item) { min-height: 0 !important; }
    #crmApp :is(.crm-table-card__header,.tasks-table-card__header) { padding: 0 0 12px !important; gap: 10px; flex-wrap: wrap; }
    #crmApp :is(.crm-table-card,.tasks-table-card) { padding: 0 !important; border: 0 !important; border-radius: 0 !important; }
    #crmApp :is(.crm-collapsible-panel__toggle,.tasks-collapsible-panel__toggle) { min-height: 42px !important; padding: 8px 0 !important; gap: 8px; color: #4d575b !important; background: #fff !important; }
    #crmApp :is(.crm-collapsible-panel__toggle,.tasks-collapsible-panel__toggle) .h5 { font-size: 13px !important; font-weight: 500 !important; }
    #crmApp :is(.crm-collapsible-panel__intro,.tasks-collapsible-panel__intro) { display: none !important; }
    #crmApp :is(.crm-collapsible-panel__body,.tasks-collapsible-panel__body) { padding: 12px 0 !important; }
    #crmApp :is(.crm-collapsible-panel__body,.tasks-collapsible-panel__body).collapse:not(.show) { padding: 0 !important; }
    #crmApp :is(.crm-panel__badge,.tasks-panel__badge,.crm-id-badge,.tasks-id-badge) { border-radius: 4px !important; padding: 3px 6px !important; min-height: 0 !important; font-size: 11px !important; background: #f0f3f4 !important; color: #586369 !important; border: 0 !important; }
    #crmApp :is(.crm-collapsible-panel__icon,.tasks-collapsible-panel__icon) { width: 28px !important; height: 28px !important; min-width: 28px; border: 0 !important; border-radius: 4px !important; background: #f0f3f4 !important; color: #48616a !important; }
    #crmApp :is(.crm-comment-alert-card__heading-icon,.tasks-comment-alert-card__heading-icon) { display: none !important; }
    #crmApp :is(.crm-comment-alert-card,.tasks-comment-alert-card) { padding: 0 !important; margin-bottom: 12px !important; }
    #crmApp :is(.crm-filter-card,.crm-focus-card,.tasks-filter-card,.tasks-focus-card) { min-height: 0 !important; height: auto !important; }
    #crmApp :is(.crm-bulk-toolbar,.tasks-bulk-toolbar) { padding: 8px 0 !important; border-radius: 0 !important; background: #fff !important; }
    #crmApp :is([class*="-badge"],[class*="-pill"]) { border-radius: 4px !important; }
    #crmApp .table-responsive { background: #fff !important; }
    #crmApp :is(.crm-table-wrap,.tasks-table-wrap) { margin: 0 !important; }
    #crmApp section:is(.crm-comment-alert-card,.tasks-comment-alert-card,.crm-table-card,.tasks-table-card) { padding: 0 !important; }
    #crmApp :is(.crm-bulk-toolbar__form,.tasks-bulk-toolbar__form) { display: flex !important; align-items: center; gap: 8px; flex: 1; width: 100% !important; max-width: 100% !important; margin: 0; }
    #crmApp :is(.crm-bulk-toolbar__form,.tasks-bulk-toolbar__form) > .form-select { width: 260px !important; max-width: 100%; flex: 0 1 260px; }
    #crmApp :is(.crm-bulk-toolbar__form,.tasks-bulk-toolbar__form) > div { max-width: 280px; }
    #crmApp :is(.crm-bulk-toolbar__note,.tasks-bulk-toolbar__note) { display: none !important; }
    #crmApp :is(.crm-check-all,.tasks-check-all) { border: 0 !important; border-radius: 0 !important; background: transparent !important; padding: 4px 0 4px 22px !important; }
    #crmApp :is(.crm-control-row,.tasks-control-row) { margin-top: 0 !important; }
    #crmApp :is(.crm-control-row,.tasks-control-row) > div { margin-top: 0 !important; }
    #crmApp :is(.crm-table-card__header,.tasks-table-card__header) { padding-bottom: 6px !important; }
    #crmApp :is(.crm-title-badges,.tasks-title-badges,.tasks-cell-badges) { gap: 4px !important; margin-top: 4px !important; }
    #crmApp :is(.crm-table,.tasks-table) :is([class*="-badge"],[class*="-chip"],[class*="-pill"]) { padding: 3px 6px !important; min-height: 0 !important; border-radius: 4px !important; font-size: 11px !important; font-weight: 500 !important; }
    #crmApp :is(.crm-table,.tasks-table) img { width: 28px !important; height: 28px !important; box-shadow: none !important; }
    #crmApp .strict-icon-button { width: 36px !important; height: 36px; min-width: 36px; flex: 0 0 36px !important; display: inline-flex; align-items: center; justify-content: center; padding: 6px !important; }
    #crmApp .strict-icon-button > i { margin: 0 !important; font-size: 15px; }
    #crmApp :is(.contacts-person-cell__avatar,.stat-icon) { background: #e8f1f3 !important; color: #176477 !important; border-radius: 4px !important; }
    #crmApp :is(.news-mini-stat,.news-post__top) { background: #f7f9f9 !important; border-radius: 4px !important; }
    #crmApp .news-post { border-radius: 4px !important; border-color: #e1e5e6 !important; }
    #crmApp .news-hero__stats { display: flex !important; flex-wrap: wrap; gap: 12px 24px; margin-top: 14px; }
    #crmApp .news-stat-grid { display: contents !important; }
    #crmApp :is(.news-stat-card,.news-mini-stat) { display: flex !important; flex-direction: row !important; align-items: center; gap: 8px; min-height: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; }
    #crmApp :is(.news-stat-card,.news-mini-stat) :is(span,strong) { color: #697276 !important; font-size: 12px !important; }
    #crmApp :is(.news-stat-card,.news-mini-stat) strong { color: #24292b !important; font-size: 14px !important; }
    #crmApp :is(.news-stat-card__meta,.news-hero__hint) { display: none !important; }
    #crmApp .news-post__top :is(span,small,a,button) { color: #586369 !important; }
    #crmApp .news-post__top { padding: 12px 16px !important; }
    #crmApp .news-entity-card__contact.is-muted, #crmApp .lead-muted { color: #697276 !important; }
    #crmApp .card.text-white { color: #24292b !important; }
    #crmApp .crm-person-cell__avatar { background: #e8f1f3 !important; color: #176477 !important; }
    #crmApp .crm-payment-cell { border-radius: 3px !important; background: #edf0f1 !important; color: #586369 !important; }
    #crmApp .crm-payment-cell--pending { background: #fbeaea !important; color: #a73939 !important; }
    #crmApp .crm-payment-cell--done { background: #e9f4ec !important; color: #28613c !important; }
    #crmApp .crm-payment-cell__label { color: inherit !important; }
    #crmApp .sidebar :is(.collapse,.collapsing) :is(ul,.bg-dark,.rounded) { background: transparent !important; border-radius: 0 !important; }
    #crmApp .sidebar .nav-item > :is(.collapse,.collapsing) { background: transparent !important; border: 0 !important; border-radius: 0 !important; padding: 0 !important; }
    #crmApp .sidebar .nav-item > .collapsing { transition: height .22s ease !important; }
    #crmApp .sidebar-menu-content { scrollbar-gutter: stable; }
    @media (prefers-reduced-motion: reduce) {
        #crmApp .sidebar .nav-item > .collapsing { transition: none !important; }
    }
    #crmApp .dashboard-shell { grid-template-columns: minmax(0,1fr) !important; gap: 16px !important; }
    #crmApp .dashboard-shell > * { min-width: 0; }
    #crmApp :is(.dashboard-hero__tags,.dashboard-section-heading) { flex-wrap: wrap !important; }
    #crmApp .dashboard-chip { padding: 4px 0 !important; font-size: 12px !important; background: transparent !important; color: #697276 !important; border: 0 !important; }
    #crmApp .dashboard-section-heading p { display: none !important; }
    #crmApp .app-footer { margin-left: 224px; padding: 12px 24px; width: calc(100% - 224px); }
    #crmApp .app-footer__inner { border: 0 !important; border-top: 1px solid #e1e5e6 !important; background: #fff !important; color: #697276 !important; border-radius: 0 !important; }
    #crmApp :is(.dashboard-birthday-table-wrap,.dashboard-table-shell) { max-width: 100%; overflow-x: auto; border-radius: 0 !important; }
    #crmApp .dashboard-stat-card__icon { background: #e8f1f3 !important; color: #176477 !important; border-radius: 4px !important; }
    #crmApp .dashboard-stat-card__value { color: #24292b !important; font-size: 24px !important; }
    #crmApp .dashboard-stat-card__hint { display: none !important; }
    #crmApp .dashboard-stat-card p { display: none !important; }
    #crmApp .dashboard-stat-card { min-height: 76px !important; background: #fff !important; border: 0 !important; border-right: 1px solid #e1e5e6 !important; border-radius: 0 !important; padding: 8px 12px !important; }
    #crmApp .dashboard-stat-card__icon { width: 32px !important; height: 32px !important; min-width: 32px; font-size: 18px !important; }
    #crmApp .calendar-day.is-outside .calendar-day__number { color: #697276 !important; }
    #crmApp .calendar-month-scroll { contain: inline-size; }
    #crmApp .calendar-meta { overflow-wrap: anywhere; }
    #crmApp .siz-report-header { background: #fff !important; border-radius: 0 !important; border-bottom: 1px solid #e1e5e6; padding: 12px 0 !important; }
    #crmApp:not(:has(#sidebarMenu)) .main-content { margin-left: 0 !important; width: 100% !important; }
    #crmApp :is(.crm-deal-card,.crm-sidebar-card) { border: 0 !important; border-bottom: 1px solid #e1e5e6 !important; border-radius: 0 !important; padding: 12px 0 !important; }
    #crmApp :is(.crm-deal-info-item,.crm-observer-item,.crm-link-item,.crm-description-box) { border: 0 !important; border-bottom: 1px solid #e8eced !important; border-radius: 0 !important; padding: 10px 0 !important; background: #fff !important; }
    #crmApp .crm-panel__header p { display: none !important; }
    #crmApp .crm-summary-grid { display: flex !important; flex-wrap: wrap; gap: 16px 24px; margin-top: 12px; }
    #crmApp .crm-summary-card { display: block !important; background: transparent !important; padding: 0 !important; min-height: 0 !important; border: 0 !important; }
    #crmApp :is(.crm-summary-card__icon,.crm-summary-card__hint) { display: none !important; }
    #crmApp .crm-summary-card__meta { display: flex; align-items: center; gap: 8px; }
    #crmApp .crm-summary-card__label { font-size: 12px !important; text-transform: none !important; color: #697276 !important; }
    #crmApp .crm-summary-card__value { font-size: 14px !important; color: #24292b !important; }
    #crmApp :is(.crm-observer-check,.crm-contact-check,.crm-contact-option,.task-observer-check) { border-radius: 4px !important; background: #f7f9f9 !important; font-size: 13px !important; font-weight: 400 !important; }
    #crmApp :is(.crm-deal-title,.task-title) { font-size: 13px !important; font-weight: 600 !important; }
    #crmApp :is(.crm-amount,.crm-deal-amount) { font-variant-numeric: tabular-nums; white-space: nowrap; text-align: right; font-size: 13px !important; font-weight: 600 !important; }
    #crmApp .strict-metrics { display: flex; flex-wrap: wrap; gap: 10px 24px; padding: 0 0 14px; color: #697276; font-size: 12px; }
    #crmApp .strict-metrics strong { color: #24292b; font-size: 14px; font-weight: 600; margin-left: 6px; font-variant-numeric: tabular-nums; }
    #crmApp .strict-tabs { display: flex; gap: 20px; flex-wrap: wrap; margin-bottom: 16px; border-bottom: 1px solid #e1e5e6; }
    #crmApp .strict-tabs a { color: #697276; text-decoration: none; padding: 9px 0; border-bottom: 2px solid transparent; font-size: 13px; }
    #crmApp .strict-tabs a[aria-current="page"] { color: #176477; border-bottom-color: #176477; font-weight: 600; }
    #crmApp .strict-tabs small { margin-left: 5px; color: #697276; font-variant-numeric: tabular-nums; }
    #crmApp .strict-search { max-width: 400px; margin: 0 0 16px; }
    #crmApp .strict-search .btn { width: 38px; padding: 6px; }
    #crmApp :is(.crm-active-tags,.tasks-active-tags) { display: flex !important; flex-wrap: wrap; gap: 6px; grid-column: 1 / -1; }
    #crmApp :is(.crm-active-tag,.tasks-active-tag) { border-radius: 4px !important; background: #edf3f4 !important; color: #48616a !important; border: 0 !important; font-size: 11px !important; padding: 3px 8px !important; }
    #crmApp :is(.calendar-hero,.calendar-header,.calendar-toolbar) { background: #fff !important; color: #24292b !important; }
    #crmApp :is(.calendar-panel,.calendar-review) { border: 0 !important; border-top: 1px solid #e1e5e6 !important; border-radius: 0 !important; background: #fff !important; padding: 16px 0 !important; }
    #crmApp :is(.calendar-weekday,.calendar-day) { border-radius: 0 !important; }
    #crmApp .calendar-chip { border-radius: 3px !important; font-size: 12px; }
    #crmApp .calendar-day { min-height: 100px; }
    #crmApp .calendar-month-scroll { max-width: 100%; }
    #crmApp .calendar-panel form input[type="month"] { min-width: 0; }
    #crmApp .calendar-event { min-width: 0; flex-wrap: wrap; }
    #crmApp .fc { --fc-border-color: #e1e5e6; --fc-today-bg-color: #f0f6f7; --fc-button-bg-color: #176477; --fc-button-border-color: #176477; --fc-button-hover-bg-color: #104c5b; --fc-button-hover-border-color: #104c5b; --fc-button-active-bg-color: #104c5b; --fc-button-active-border-color: #104c5b; font-size: 12px; }
    #crmApp .fc .fc-button { border-radius: 4px !important; font-size: 12px; padding: 6px 9px; }
    #crmApp .fc .fc-toolbar-title { font-size: 18px !important; }
    #crmApp .fc .fc-col-header-cell { background: #f6f7f7 !important; }
    #crmApp .fc a { text-decoration: none; }
    #crmApp :is(.auth-card,.login-card,.register-card,.verify-card) { background: #fff !important; border: 1px solid #dde3e5 !important; border-radius: 6px !important; padding: 30px !important; }
    #crmApp:is(.login-page,.register-page,.verify-page,[class*="auth-"]) { background: #f4f5f5 !important; }
    #crmApp:is(.login-page,.register-page,.verify-page)::before, #crmApp:is(.login-page,.register-page,.verify-page)::after { display: none !important; }
    #crmApp :is(.auth-kicker,.auth-card .system-subtitle) { display: none !important; }
    #crmApp :is(.auth-card,.login-card,.register-card,.verify-card) h1 { font-size: 22px !important; }
    #crmApp :is(.auth-card,.login-card,.register-card,.verify-card) .btn { min-height: 40px; }
    #crmApp .navbar-mobile { position: fixed !important; inset: 0 0 auto; height: 56px !important; background: #f4f5f5 !important; color: #24292b !important; border-bottom: 1px solid #dde3e5; z-index: 1031; }
    #crmApp .navbar-mobile .navbar-brand { display: flex; align-items: center; gap: 8px; color: #24292b !important; font-size: 14px; max-width: calc(100% - 64px); padding: 0 14px !important; }
    #crmApp .navbar-mobile .navbar-brand img { object-fit: contain; }
    #crmApp .navbar-mobile .navbar-toggler { right: 12px !important; top: 8px !important; width: 40px; height: 40px; min-width: 40px; padding: 0; border: 1px solid #d4dcde !important; color: #3e5157 !important; border-radius: 4px; }
    #crmApp .navbar-toggler .bi { font-size: 24px; }
    #crmApp .strict-menu-backdrop { position: fixed; inset: 56px 0 0; z-index: 1029; background: rgb(27 37 41 / 30%); }
    #crmApp .strict-menu-backdrop[hidden] { display: none; }
    #crmApp.strict-menu-open { overflow: hidden !important; }
    @media (min-width: 992px) {
        #crmApp .sidebar-brand-wrapper { display: flex !important; align-items: center; text-align: left; }
        #crmApp .app-page-header :is(.crm-hero__content,.tasks-hero__content) { display: grid; grid-template-columns: minmax(180px,1fr) auto; align-items: center; }
        #crmApp .app-page-header :is(.crm-hero__tags,.tasks-hero__tags) { grid-column: 1 / -1; }
        #crmApp .app-page-header :is(.crm-hero__header,.tasks-hero__header) { flex-direction: column-reverse; gap: 4px !important; }
    }
    @media (max-width: 991.98px) {
        #crmApp .app-footer { margin-left: 0; width: 100%; padding: 12px; }
        #crmApp .main-content { margin-left: 0 !important; width: 100% !important; padding: 76px 16px 24px !important; }
        #crmApp .sidebar { top: 56px !important; width: min(300px, calc(100vw - 40px)) !important; height: calc(100dvh - 56px) !important; }
        #crmApp .sidebar:not(.show):not(.collapsing) { display: none !important; }
        #crmApp .sidebar.collapsing { transition: none; }
        #crmApp .app-page-header { align-items: flex-start; gap: 10px; }
        #crmApp .app-page-header :is(h1,.h1) { font-size: 22px !important; }
        #crmApp .app-page-header :is([class$="__actions"],[class$="__toolbar"]) { justify-content: flex-start !important; }
        #crmApp :is(.crm-control-row,.tasks-control-row) { --bs-gutter-x: 16px; }
        #crmApp .fc .fc-toolbar { flex-wrap: wrap; gap: 10px; }
        #crmApp .fc .fc-toolbar-title { font-size: 16px !important; }
        #crmApp :is(.calendar-panel,.calendar-review) .d-flex { min-width: 0; }
        #crmApp .calendar-event-title { overflow-wrap: anywhere; }
        #crmApp .modal-dialog { margin: 10px; max-width: calc(100% - 20px); }
        #crmApp :is(.modal-body,.modal-header,.modal-footer) { padding: 14px !important; }
    }
    @media (max-width: 575.98px) {
        #crmApp .dashboard-stat-grid > div { width: 50%; }
        #crmApp .main-content { padding: 72px 12px 20px !important; }
        #crmApp .app-page-header :is([class$="__header"]) { flex-direction: column-reverse; align-items: flex-start; }
        #crmApp .app-page-header .btn { flex: 0 1 auto !important; width: auto !important; max-width: 100%; }
        #crmApp :is(.card-body,.custom-card:not(section):not(.app-page-header)) { padding: 12px !important; }
        #crmApp :is(.crm-table-card,.tasks-table-card) { padding: 0 !important; }
        #crmApp :is(.crm-focus-grid,.tasks-focus-grid) { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
        #crmApp .strict-metrics { gap: 8px 16px; }
        #crmApp .strict-tabs { gap: 14px; }
        #crmApp :is(.auth-card,.login-card,.register-card,.verify-card) { padding: 20px !important; }
        #crmApp :is(.nav-tabs,.nav-pills) { gap: 12px; flex-wrap: wrap; }
        #crmApp .fc .fc-button { padding: 5px 7px; }
    }
    @media (prefers-reduced-motion: reduce) {
        #crmApp *, #crmApp *::before, #crmApp *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
    }
}

@media screen {
    #crmApp .crm-disclosure { background: #fff; border: 0 !important; border-bottom: 1px solid #dfe5e9 !important; border-radius: 0 !important; padding: 0 16px !important; min-width: 0; }
    #crmApp .crm-disclosure > summary { display: flex; align-items: center; gap: 12px; list-style: none; cursor: pointer; min-height: 52px; padding: 12px 0 !important; margin: 0 !important; background: transparent !important; border: 0; }
    #crmApp .crm-disclosure > summary::-webkit-details-marker { display: none; }
    #crmApp .crm-disclosure > summary:focus-visible { outline: 2px solid #176477; outline-offset: 2px; }
    #crmApp .crm-disclosure > summary h5 { margin: 0 !important; font-size: 14px !important; }
    #crmApp .crm-disclosure > summary .employees-panel__badge { margin-left: auto; }
    #crmApp .crm-disclosure__icon { margin-left: auto; flex: 0 0 16px; }
    #crmApp .crm-disclosure[open] > summary .crm-disclosure__icon { transform: rotate(180deg); }
    #crmApp .crm-disclosure[open] > :not(summary) { padding-bottom: 16px; }
    #crmApp .employees-control-row { align-items: start; }
    #crmApp .employees-control-row details.crm-disclosure { padding: 0 12px !important; margin: 0 !important; border-radius: 0 !important; }
    #crmApp .employees-control-row details.crm-disclosure::before,
    #crmApp .employees-control-row details.crm-disclosure::after { display: none !important; }
    #crmApp .employees-control-row .crm-disclosure > summary { display: grid; grid-template-columns: minmax(0,1fr) auto 16px; width: 100%; text-align: left; }
    #crmApp .employees-control-row #employeesHealth > summary { grid-template-columns: minmax(0,1fr) 16px; }
    #crmApp .employees-control-row .crm-disclosure .employees-panel__badge { min-height: 0; border-radius: 4px; padding: 4px 6px; font-size: 11px; }
    #crmApp .crm-list-tools { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding: 12px 0; }
    #crmApp .crm-list-tools > input { flex: 1 1 240px; width: auto; min-width: 0; }
    #crmApp .crm-list-tools > select { flex: 0 1 220px; width: auto; max-width: 100%; }
    #crmApp .crm-list-tools > .btn { flex: 0 0 36px; padding: 6px; }
    #crmApp :is(.sout-report-link,#soutCardsTable tr,#catalogTabContent tr,#catalogTabContent th,#catalogTabContent td,.crm-list-tools > select)[hidden] { display: none !important; }
    #crmApp.sout-page .sout-layout { grid-template-columns: minmax(250px, 300px) minmax(0, 1fr); align-items: start; gap: 16px; }
    #crmApp.sout-page .sout-layout > * { min-width: 0; }
    #crmApp.sout-page .sout-layout :is(.card,.custom-card) { border: 0 !important; border-radius: 0 !important; padding: 0 !important; }
    #crmApp.sout-page .sout-layout .card-body { padding: 12px; }
    #crmApp.sout-page .sout-report-list { display: block; max-height: 60vh; overflow-y: auto; scrollbar-gutter: stable; }
    #crmApp.sout-page .sout-report-link { border: 0; border-bottom: 1px solid #e4e9ec; border-radius: 0; padding: 12px; font-size: 13px; }
    #crmApp.sout-page .sout-report-link:is(:hover,.active) { background: #edf6fa; border-left: 3px solid #2585aa; padding-left: 9px; }
    #crmApp.sout-page .sout-report-link .d-flex { flex-wrap: wrap; gap: 4px 12px; }
    #crmApp.sout-page .sout-upload .card-body { padding: 0 0 16px; }
    #crmApp.sout-page .sout-employee-select { min-width: 200px; }
    #crmApp.sout-page .sout-card-position { min-width: 160px; }
    #crmApp.sout-page #soutCardsTable { min-width: 720px; }
    #crmApp.catalog-page .catalog-metrics { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 32px; padding: 12px 16px; background: #fff; border-bottom: 1px solid #dfe5e9; }
    #crmApp.catalog-page .catalog-metrics > div { display: flex; align-items: center; gap: 8px; }
    #crmApp.catalog-page .catalog-metrics strong { font-size: 16px; font-variant-numeric: tabular-nums; }
    #crmApp.catalog-page #catalogTabs { background: #fff !important; padding: 0 16px; margin-bottom: 0 !important; gap: 12px 24px; }
    #crmApp.catalog-page #catalogTools { background: #fff; padding: 12px 16px; margin-bottom: 0 !important; }
    #crmApp.catalog-page #catalogPageSize { flex-basis: 90px; }
    #crmApp.catalog-page #catalogTabContent { background: #fff; }
    #crmApp.catalog-page #catalogTabContent .table { min-width: 640px; }
    #crmApp.catalog-page #catalogTabContent td:last-child { white-space: nowrap; width: 96px; }
    #crmApp.catalog-page :is(#siz td:nth-child(7),#material td:nth-child(5),#service td:nth-child(4)) { white-space: nowrap; text-align: right; font-variant-numeric: tabular-nums; }
    #crmApp.catalog-page .catalog-pagination { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px; padding: 12px 16px; background: #fff; border-top: 1px solid #dfe5e9; }
    #crmApp.catalog-page #catalogPageNumber { min-width: 52px; text-align: center; font-variant-numeric: tabular-nums; }
    #crmApp.catalog-page #catalogEmpty { background: #fff; margin: 0; padding: 16px; }
    @media (max-width: 1199.98px) {
        #crmApp.sout-page .sout-layout { grid-template-columns: 1fr; }
        #crmApp.sout-page .sout-report-list { max-height: 240px; }
        #crmApp.sout-page .sout-upload .col-lg-1 { width: 100%; }
    }
    @media (max-width: 575.98px) {
        #crmApp .crm-disclosure { padding: 0 12px !important; }
        #crmApp .crm-disclosure > summary { gap: 8px; flex-wrap: wrap; }
        #crmApp .crm-list-tools > :is(input,select) { flex: 1 1 100%; }
        #crmApp.catalog-page #catalogTabs { gap: 6px 16px; }
        #crmApp.catalog-page #catalogPageSize { flex: 1 1 auto; }
    }
}

/* Bitrix-inspired workspace: compact, static and dependency-free. */
@media screen {
    #crmApp {
        --b24-shell: #28527a;
        --b24-sidebar: #1d4167;
        --b24-sidebar-deep: #173755;
        --b24-accent: #2fc66f;
        --b24-accent-hover: #27ad60;
        --b24-accent-soft: #e6f8ed;
        --b24-link: #2475a6;
        --apple-blue: var(--b24-accent);
        --apple-blue-hover: var(--b24-accent-hover);
        --apple-blue-soft: var(--b24-accent-soft);
        --apple-text: #333333;
        --apple-muted: #6f7b82;
        --apple-page: #eef2f4;
        --apple-surface: #ffffff;
        --apple-surface-soft: #f7f9fa;
        --apple-sidebar: var(--b24-sidebar);
        --apple-separator: #e1e7ea;
        --apple-separator-strong: #cbd5da;
        --apple-success: #25a85a;
        --apple-warning: #b16d12;
        --apple-danger: #d24b57;
        --apple-radius: 8px;
        --apple-shadow: none;
        --primary-color: var(--apple-blue);
        --primary-dark: var(--apple-blue-hover);
        --primary: var(--apple-blue);
        --text-primary: var(--apple-text);
        --text-secondary: var(--apple-muted);
        --border-color: var(--apple-separator);
        --border-radius: var(--apple-radius);
        --transition: color .12s ease, background-color .12s ease, border-color .12s ease, box-shadow .12s ease;
        --bs-primary: var(--apple-blue);
        --bs-primary-rgb: 47, 198, 111;
        --bs-link-color: var(--b24-link);
        --bs-link-hover-color: #185f8b;
        --bs-border-color: var(--apple-separator);
        --bs-body-color: var(--apple-text);
        --bs-body-bg: var(--apple-page);
        --bs-border-radius: var(--apple-radius);
        --surface-soft: var(--apple-surface-soft);
        --surface-strong: var(--apple-surface);
        --surface-muted: var(--apple-page);
        --light-bg: var(--apple-page);
        color-scheme: light;
        background: var(--apple-page) !important;
        color: var(--apple-text) !important;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    }
    #crmApp :is(h1,h2,h3,h4,h5,h6,.btn,.nav-link,.form-control,.form-select,table) {
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    }
    #crmApp *, #crmApp *::before, #crmApp *::after {
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }
    #crmApp :is(h1,h2,h3,h4,h5,h6) { color: var(--apple-text) !important; }
    #crmApp .wrapper { background: var(--b24-sidebar) !important; }
    #crmApp .main-content {
        position: relative;
        isolation: isolate;
        background: var(--apple-page) !important;
        padding: 28px !important;
    }
    #crmApp .main-content::before {
        content: "";
        display: block !important;
        position: absolute;
        inset: 0 0 auto;
        height: 236px;
        background: var(--b24-shell) !important;
        z-index: 0;
        pointer-events: none;
    }
    #crmApp .main-content > .container-fluid { position: relative; z-index: 1; }

    #crmApp .sidebar {
        background: var(--apple-sidebar) !important;
        color: rgb(255 255 255 / 86%) !important;
        border-right-color: rgb(255 255 255 / 10%) !important;
    }
    #crmApp .sidebar-brand-wrapper { min-height: 72px; padding: 18px 14px !important; border-color: rgb(255 255 255 / 10%) !important; }
    #crmApp .sidebar-brand-wrapper img { width: 32px !important; height: 32px !important; }
    #crmApp .sidebar-brand-text { color: #fff !important; font-weight: 600 !important; }
    #crmApp .sidebar-menu-content { padding: 10px 8px 14px !important; }
    #crmApp .sidebar .nav-link {
        min-height: 38px;
        margin: 2px 0 !important;
        padding: 8px 10px !important;
        border-radius: var(--apple-radius) !important;
        color: rgb(255 255 255 / 82%) !important;
        transition: var(--transition) !important;
    }
    #crmApp .sidebar .nav-link:hover { background: rgb(255 255 255 / 10%) !important; color: #fff !important; }
    #crmApp .sidebar .nav-link.active { background: rgb(255 255 255 / 18%) !important; color: #fff !important; font-weight: 600 !important; }
    #crmApp .sidebar .nav-link.active > i { color: #fff !important; }
    #crmApp .sidebar .sidebar-footer { background: var(--b24-sidebar-deep) !important; border-color: rgb(255 255 255 / 10%) !important; }
    #crmApp .user-profile-btn, #crmApp .user-profile-btn.text-white { color: #fff !important; border-radius: var(--apple-radius) !important; }
    #crmApp .user-profile-btn:hover { background: rgb(255 255 255 / 10%) !important; }
    #crmApp .user-profile-btn small { color: rgb(255 255 255 / 62%) !important; }
    #crmApp .user-profile-btn img { border-color: rgb(255 255 255 / 26%) !important; }
    #crmApp .navigation-notification-badge {
        background: #f05b67 !important;
        color: #fff !important;
        border-radius: 999px !important;
        min-width: 19px;
        padding: 2px 6px;
        font-variant-numeric: tabular-nums;
    }

    #crmApp .app-page-header {
        padding: 0 0 20px !important;
        margin: 0 0 20px !important;
        background: transparent !important;
        border-bottom-color: rgb(255 255 255 / 18%) !important;
    }
    #crmApp .app-page-header :is(h1,.h1) { color: #fff !important; font-size: 26px !important; line-height: 1.2 !important; }
    #crmApp .app-page-header .breadcrumb :is(a,span,strong,.active) { color: rgb(255 255 255 / 72%) !important; }
    #crmApp .app-page-header .breadcrumb a:hover { color: #fff !important; }
    #crmApp .app-page-header :is(.dashboard-chip,[class*="-hero__tag"],[class*="-hero__meta"]) { color: rgb(255 255 255 / 76%) !important; }
    #crmApp .strict-metrics { color: rgb(255 255 255 / 72%) !important; }
    #crmApp .strict-metrics strong { color: #fff !important; }
    #crmApp .strict-tabs { border-bottom-color: rgb(255 255 255 / 18%) !important; }
    #crmApp .strict-tabs a { color: rgb(255 255 255 / 72%) !important; }
    #crmApp .strict-tabs a:hover { color: #fff !important; }
    #crmApp .strict-tabs a[aria-current="page"] { color: #fff !important; border-bottom-color: var(--b24-accent) !important; }
    #crmApp .strict-tabs small { color: rgb(255 255 255 / 60%) !important; }
    #crmApp .strict-search :is(.form-control,.input-group-text,.btn) {
        background: rgb(255 255 255 / 13%) !important;
        border-color: rgb(255 255 255 / 22%) !important;
        color: #fff !important;
    }
    #crmApp .strict-search .form-control::placeholder { color: rgb(255 255 255 / 58%); }

    #crmApp :is(.custom-card,.card) {
        background: var(--apple-surface) !important;
        border-color: var(--apple-separator) !important;
        border-radius: var(--apple-radius) !important;
        box-shadow: none !important;
    }
    #crmApp section.custom-card {
        background: transparent !important;
        border: 0 !important;
        border-bottom: 1px solid var(--apple-separator) !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }
    #crmApp section[class*="-table-card"] {
        background: var(--apple-surface) !important;
        border: 1px solid var(--apple-separator) !important;
        border-radius: var(--apple-radius) !important;
        box-shadow: none !important;
        padding: 0 !important;
        overflow: hidden;
    }
    #crmApp :is(.crm-table-card__header,.tasks-table-card__header,.companies-table-card__header) { padding: 16px 16px 8px !important; }
    #crmApp :is(.crm-bulk-toolbar,.tasks-bulk-toolbar,.companies-bulk-toolbar) { padding: 8px 16px !important; background: #fff !important; }
    #crmApp section:is(.crm-comment-alert-card,.tasks-comment-alert-card) {
        background: rgb(255 255 255 / 96%) !important;
        border: 1px solid var(--apple-separator) !important;
        border-radius: var(--apple-radius) !important;
        padding: 0 14px !important;
    }
    #crmApp :is(.card-header,.card-footer) { background: var(--apple-surface-soft) !important; color: var(--apple-text) !important; border-color: var(--apple-separator) !important; }

    #crmApp .btn {
        --bs-btn-border-radius: var(--apple-radius);
        border-radius: var(--apple-radius) !important;
        font-weight: 600 !important;
        transition: var(--transition) !important;
    }
    #crmApp :is(.btn-primary,.btn-success,.btn-gradient) { background: var(--b24-accent) !important; border-color: var(--b24-accent) !important; color: #fff !important; }
    #crmApp :is(.btn-primary,.btn-success,.btn-gradient):hover { background: var(--b24-accent-hover) !important; border-color: var(--b24-accent-hover) !important; }
    #crmApp :is(.btn-info,.btn-dark) { background: var(--b24-shell) !important; border-color: var(--b24-shell) !important; color: #fff !important; }
    #crmApp :is(.btn-info,.btn-dark):hover { background: var(--b24-sidebar) !important; border-color: var(--b24-sidebar) !important; }
    #crmApp .btn-danger { background: var(--apple-danger) !important; border-color: var(--apple-danger) !important; }
    #crmApp :is(.btn-outline-primary,.btn-outline-secondary,.btn-outline-success,.btn-outline-info,.btn-outline-dark,.btn-light,.btn-secondary) {
        background: var(--apple-surface) !important;
        border-color: var(--apple-separator-strong) !important;
        color: #3a3a3c !important;
    }
    #crmApp :is(.btn-outline-primary,.btn-outline-secondary,.btn-outline-success,.btn-outline-info,.btn-outline-dark,.btn-light,.btn-secondary):hover {
        background: #f2f2f7 !important;
        border-color: #b8b8bd !important;
        color: var(--apple-text) !important;
    }
    #crmApp .btn-check:checked + .btn, #crmApp .btn.active { background: var(--b24-accent-soft) !important; border-color: #91dcb1 !important; color: #187d45 !important; }
    #crmApp :is(a,button,input,select,textarea):focus-visible { outline: 0 !important; box-shadow: 0 0 0 3px rgb(47 198 111 / 20%) !important; }
    #crmApp .app-page-header :is(.btn-outline-primary,.btn-outline-secondary,.btn-outline-success,.btn-outline-info,.btn-outline-dark,.btn-light,.btn-secondary) {
        background: rgb(255 255 255 / 12%) !important;
        border-color: rgb(255 255 255 / 28%) !important;
        color: #fff !important;
    }
    #crmApp .app-page-header :is(.btn-outline-primary,.btn-outline-secondary,.btn-outline-success,.btn-outline-info,.btn-outline-dark,.btn-light,.btn-secondary):hover {
        background: rgb(255 255 255 / 20%) !important;
        border-color: rgb(255 255 255 / 42%) !important;
        color: #fff !important;
    }
    #crmApp .btn-close { border-radius: var(--apple-radius) !important; }

    #crmApp :is(.form-control,.form-select,.input-group-text) {
        min-height: 38px;
        border-color: var(--apple-separator-strong) !important;
        border-radius: 6px !important;
        background: var(--apple-surface) !important;
        color: var(--apple-text) !important;
        transition: var(--transition) !important;
    }
    #crmApp :is(.form-control,.form-select):focus { border-color: var(--b24-accent) !important; box-shadow: 0 0 0 3px rgb(47 198 111 / 16%) !important; }
    #crmApp :is(.form-control,.form-select):disabled { background: #f2f2f7 !important; color: var(--apple-muted) !important; }
    #crmApp :is(.form-control,.form-select).is-invalid { border-color: var(--apple-danger) !important; }
    #crmApp .form-control::placeholder { color: #8e8e93; }
    #crmApp :is(.form-label,.col-form-label) { color: #515154 !important; }
    #crmApp .form-check-input:checked { background-color: var(--b24-accent); border-color: var(--b24-accent); }
    #crmApp .input-group-text { background: #f2f2f7 !important; }

    #crmApp .table-responsive { background: var(--apple-surface) !important; }
    #crmApp :is(.table,.custom-table) { color: var(--apple-text) !important; }
    #crmApp :is(.table,.custom-table) th { background: #f2f6f8 !important; color: var(--apple-muted) !important; border-bottom-color: var(--apple-separator-strong) !important; }
    #crmApp :is(.table,.custom-table) td { border-bottom-color: var(--apple-separator) !important; }
    #crmApp :is(.table,.custom-table) tbody tr:hover > td { background: #eef8fb !important; }
    #crmApp .table a:not(.btn) { color: var(--b24-link); }

    #crmApp .badge { border-radius: 999px !important; padding: 4px 8px; }
    #crmApp .badge:is(.bg-primary,.bg-info) { background: #e5f3f8 !important; color: #216f96 !important; }
    #crmApp .badge.bg-success { background: #e8f5ec !important; color: #1f6b34 !important; }
    #crmApp .badge.bg-warning { background: #fff4d8 !important; color: #825000 !important; }
    #crmApp .badge.bg-danger { background: #ffe8eb !important; color: #b00012 !important; }
    #crmApp .badge:is(.bg-secondary,.bg-dark,.bg-light) { background: #eeeeef !important; color: #515154 !important; }
    #crmApp .text-primary { color: var(--b24-link) !important; }
    #crmApp .text-muted { color: var(--apple-muted) !important; }

    #crmApp :is(.nav-tabs,.nav-pills) { border-bottom-color: var(--apple-separator); }
    #crmApp :is(.nav-tabs,.nav-pills) .nav-link { color: var(--apple-muted) !important; }
    #crmApp :is(.nav-tabs,.nav-pills) .nav-link:hover { color: var(--apple-text) !important; }
    #crmApp :is(.nav-tabs,.nav-pills) .nav-link.active { border-bottom-color: var(--b24-accent) !important; color: #187d45 !important; }
    #crmApp .page-link { border-radius: var(--apple-radius) !important; color: #515154; border-color: var(--apple-separator); }
    #crmApp .page-item.active .page-link { background: var(--b24-accent); border-color: var(--b24-accent); }
    #crmApp .alert { border-radius: var(--apple-radius) !important; }

    #crmApp :is(.dropdown-menu,.dropdown-menu-dark) {
        background: var(--apple-surface) !important;
        color: var(--apple-text) !important;
        border-color: var(--apple-separator) !important;
        border-radius: var(--apple-radius) !important;
        box-shadow: 0 8px 24px rgb(0 0 0 / 10%) !important;
    }
    #crmApp .dropdown-item { color: var(--apple-text); border-radius: 6px; }
    #crmApp .dropdown-item:is(:hover,:focus) { background: #f2f2f7 !important; color: var(--apple-text) !important; }
    #crmApp .dropdown-item.text-danger { color: var(--apple-danger) !important; }
    #crmApp .dropdown-divider { border-color: var(--apple-separator); }
    #crmApp :is(.modal-content,.offcanvas) { border-color: var(--apple-separator) !important; border-radius: var(--apple-radius) !important; color: var(--apple-text) !important; box-shadow: 0 18px 50px rgb(0 0 0 / 16%) !important; }
    #crmApp .offcanvas { border-radius: 0 !important; }
    #crmApp :is(.modal-header,.modal-footer,.offcanvas-header) { border-color: var(--apple-separator) !important; color: var(--apple-text) !important; }
    #crmApp .modal-title { color: var(--apple-text) !important; }
    #crmApp .modal-backdrop { background: #000 !important; }
    #crmApp .modal-backdrop.show { opacity: .28 !important; }
    #crmApp .accordion-item { border-color: var(--apple-separator); border-radius: var(--apple-radius); overflow: clip; }
    #crmApp .accordion-button { background: var(--apple-surface-soft); color: var(--apple-text); }

    #crmApp :is(.crm-filter-card,.crm-focus-card,.tasks-filter-card,.tasks-focus-card,.companies-filter-card,.companies-focus-card) {
        background: var(--apple-surface) !important;
        border: 1px solid var(--apple-separator) !important;
        border-radius: var(--apple-radius) !important;
        box-shadow: none !important;
        padding: 0 14px !important;
    }
    #crmApp :is(.crm-fold-toggle,.tasks-fold-toggle,.crm-collapsible-panel__toggle,.tasks-collapsible-panel__toggle) { background: transparent !important; color: #515154 !important; }
    #crmApp :is(.crm-collapsible-panel__icon,.tasks-collapsible-panel__icon) { border-radius: 7px !important; background: #eef5f8 !important; color: var(--b24-link) !important; }
    #crmApp :is(.crm-panel__badge,.tasks-panel__badge,.crm-id-badge,.tasks-id-badge) { border-radius: 999px !important; background: #eeeeef !important; color: #515154 !important; }
    #crmApp :is(.crm-focus-card-item,.tasks-focus-card-item) { background: var(--apple-surface-soft) !important; border-color: var(--apple-separator) !important; border-radius: var(--apple-radius) !important; }
    #crmApp :is(.crm-active-tag,.tasks-active-tag) { border-radius: 999px !important; background: var(--b24-accent-soft) !important; color: #187d45 !important; }
    #crmApp :is(.crm-bulk-toolbar,.tasks-bulk-toolbar) { background: transparent !important; }
    #crmApp :is(.contacts-person-cell__avatar,.stat-icon,.crm-person-cell__avatar) { background: #e5f3f8 !important; color: var(--b24-link) !important; border-radius: var(--apple-radius) !important; }
    #crmApp .crm-payment-cell { border-radius: 6px !important; background: #eeeeef !important; color: #515154 !important; }
    #crmApp .crm-payment-cell--pending { background: #ffe8eb !important; color: #b00012 !important; }
    #crmApp .crm-payment-cell--done { background: #e8f5ec !important; color: #1f6b34 !important; }

    #crmApp .dashboard-shell { gap: 20px !important; }
    #crmApp .dashboard-chip { color: rgb(255 255 255 / 74%) !important; }
    #crmApp .dashboard-stat-card {
        min-height: 84px !important;
        background: var(--apple-surface) !important;
        border: 1px solid var(--apple-separator) !important;
        border-radius: var(--apple-radius) !important;
        box-shadow: none !important;
        padding: 12px 14px !important;
    }
    #crmApp .dashboard-stat-card__icon { background: #e5f3f8 !important; color: var(--b24-link) !important; border-radius: var(--apple-radius) !important; }
    #crmApp .dashboard-stat-card__value { color: var(--apple-text) !important; }
    #crmApp .app-footer { background: var(--apple-page); }
    #crmApp .app-footer__inner { background: transparent !important; color: var(--apple-muted) !important; border-color: var(--apple-separator) !important; }

    #crmApp :is(.calendar-panel,.calendar-review) {
        background: var(--apple-surface) !important;
        border: 1px solid var(--apple-separator) !important;
        border-radius: var(--apple-radius) !important;
        box-shadow: none !important;
        padding: 16px !important;
    }
    #crmApp .fc { --fc-border-color: var(--apple-separator); --fc-today-bg-color: #eef8f2; --fc-button-bg-color: var(--b24-accent); --fc-button-border-color: var(--b24-accent); --fc-button-hover-bg-color: var(--b24-accent-hover); --fc-button-hover-border-color: var(--b24-accent-hover); --fc-button-active-bg-color: var(--b24-accent-hover); --fc-button-active-border-color: var(--b24-accent-hover); }
    #crmApp .fc .fc-button { border-radius: var(--apple-radius) !important; }
    #crmApp .fc .fc-col-header-cell { background: #f5f5f7 !important; }

    #crmApp :is(.auth-card,.login-card,.register-card,.verify-card) {
        border-color: var(--apple-separator) !important;
        border-radius: var(--apple-radius) !important;
        box-shadow: 0 12px 36px rgb(0 0 0 / 8%) !important;
    }
    #crmApp:is(.login-page,.register-page,.verify-page,[class*="auth-"]) { background: var(--apple-page) !important; }
    #crmApp .navbar-mobile { background: var(--b24-sidebar) !important; color: #fff !important; border-color: rgb(255 255 255 / 12%); }
    #crmApp .navbar-mobile .navbar-brand { color: #fff !important; }
    #crmApp .navbar-mobile .navbar-toggler { background: rgb(255 255 255 / 10%) !important; border-color: rgb(255 255 255 / 24%) !important; color: #fff !important; border-radius: var(--apple-radius); }
    #crmApp .strict-menu-backdrop { background: rgb(0 0 0 / 24%); }

    #crmApp :is(.mot-chat,.mot-chat-dialog,.mot-chat-menu) {
        --mot-border: var(--apple-separator);
        --mot-muted: var(--apple-muted);
        --mot-accent: var(--b24-link);
        color: var(--apple-text);
    }
    #crmApp .mot-chat { border-color: var(--apple-separator); border-radius: var(--apple-radius); background: var(--apple-surface); }
    #crmApp .mot-chat-directory { background: var(--apple-surface); border-color: var(--apple-separator); }
    #crmApp .mot-chat-search { background: #f2f2f7; border-radius: var(--apple-radius); color: var(--apple-muted); }
    #crmApp .mot-chat-filters { border-color: var(--apple-separator); }
    #crmApp .mot-chat-filters button { color: var(--apple-muted); border-radius: 6px; }
    #crmApp .mot-chat-filters button.active { color: #216f96; background: #e5f3f8; }
    #crmApp .mot-chat-row { border-color: #eeeeef; }
    #crmApp .mot-chat-row:hover { background: #f5f8fc; }
    #crmApp .mot-chat-row.active { background: #e5f3f8; }
    #crmApp .mot-chat-avatar { background: #e5f3f8; color: #216f96; }
    #crmApp .mot-chat-thread { background: var(--apple-page); }
    #crmApp .mot-chat-thread-head, #crmApp .mot-chat-composer { background: var(--apple-surface); border-color: var(--apple-separator); }
    #crmApp .mot-chat-start { color: var(--apple-muted); }
    #crmApp .mot-chat-start > i { color: #79a8c1; }
    #crmApp .mot-message { border-color: var(--apple-separator); border-radius: var(--apple-radius); }
    #crmApp .mot-message.outgoing { background: var(--b24-accent-soft); border-color: #c7ead5; }
    #crmApp .mot-message-author, #crmApp .mot-message-text a, #crmApp .mot-message-file { color: var(--b24-link); }
    #crmApp .mot-chat .mot-day { background: #6e6e73; }
    #crmApp .mot-send { color: var(--b24-accent); }
    #crmApp .mot-chat-compose-row textarea:focus { box-shadow: inset 0 -1px var(--b24-accent) !important; }
    #crmApp .mot-chat-info { border-color: var(--apple-separator); }
    #crmApp .mot-chat-menu { border-color: var(--apple-separator); border-radius: var(--apple-radius); }
    #crmApp .mot-chat-menu button { color: var(--apple-text); border-radius: 6px; }
    #crmApp .mot-chat-menu button:hover, #crmApp .mot-chat-menu button:focus-visible { background: #f2f2f7; }
    #crmApp .mot-chat-dialog { border-color: var(--apple-separator); border-radius: var(--apple-radius); }

    /* Keep every page heading aligned with the Tasks registry header. */
    #crmApp section.app-page-header {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center !important;
        gap: 8px 16px !important;
        min-height: 104px !important;
        padding: 16px 0 !important;
    }
    #crmApp section.app-page-header > [class*="-hero__layout"],
    #crmApp section.app-page-header [class*="-hero__content"],
    #crmApp section.app-page-header [class*="-hero__toolbar"],
    #crmApp section.app-page-header > .d-flex {
        display: contents !important;
    }
    #crmApp section.app-page-header :is([class*="-hero__header"],.app-page-header__copy),
    #crmApp section.app-page-header.ai-hero > div:first-child,
    #crmApp section.app-page-header:is(.calendar-hero,.help-hero) > .d-flex > div:first-child {
        grid-column: 1;
        grid-row: 1;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: center !important;
        gap: 4px !important;
        width: 100%;
        min-width: 0;
        margin: 0 !important;
    }
    #crmApp section.app-page-header :is([class*="-hero__header"],.app-page-header__copy) nav[aria-label],
    #crmApp section.app-page-header.ai-hero > div:first-child > nav[aria-label],
    #crmApp section.app-page-header:is(.calendar-hero,.help-hero) > .d-flex > div:first-child > nav[aria-label] {
        order: -1;
        margin: 0 0 4px !important;
    }
    #crmApp section.app-page-header > .app-page-header__actions,
    #crmApp section.app-page-header .app-page-header__actions,
    #crmApp section.app-page-header [class*="-hero__actions"] {
        grid-column: 2;
        grid-row: 1;
        align-self: center;
        justify-self: end;
        width: auto !important;
        margin: 0 !important;
    }
    #crmApp section.app-page-header .companies-active-tags { display: none !important; }
    #crmApp section.app-page-header :is(.news-hero__stats,.dashboard-hero__tags) { display: none !important; }
    #crmApp section.app-page-header :is(.ai-muted,.calendar-subtitle,.profile-hero__description) { display: none !important; }
    #crmApp section.app-page-header :is(.crm-active-tags,.tasks-active-tags,[class*="-hero__tags"]:not(.dashboard-hero__tags)) {
        grid-column: 1 / -1;
    }

    @media (max-width: 991.98px) {
        #crmApp .main-content { padding: 78px 16px 24px !important; }
        #crmApp .main-content::before { height: 228px; }
        #crmApp .sidebar { box-shadow: 10px 0 28px rgb(0 0 0 / 20%) !important; }
        #crmApp .app-page-header :is(h1,.h1) { font-size: 25px !important; }
        #crmApp section.app-page-header {
            grid-template-columns: minmax(0, 1fr);
            min-height: 0 !important;
            padding: 14px 0 !important;
        }
        #crmApp section.app-page-header > .app-page-header__actions,
        #crmApp section.app-page-header .app-page-header__actions,
        #crmApp section.app-page-header [class*="-hero__actions"] {
            grid-column: 1;
            grid-row: auto;
            justify-self: start;
            width: 100% !important;
        }
    }
    @media (max-width: 575.98px) {
        #crmApp .main-content { padding: 74px 12px 20px !important; }
        #crmApp .app-page-header :is(h1,.h1) { font-size: 23px !important; }
        #crmApp :is(.crm-filter-card,.crm-focus-card,.tasks-filter-card,.tasks-focus-card,.companies-filter-card,.companies-focus-card) { padding: 0 12px !important; }
    }
    @media (prefers-reduced-motion: reduce) {
        #crmApp *, #crmApp *::before, #crmApp *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
    }
}

/* Operational tables only: document layouts and print keep their own rules. */
@media screen {
    #crmApp {
        --registry-text: #24292b;
        --registry-muted: #64747d;
        --registry-heading: #f2f6f8;
        --registry-divider: #e1e7ea;
        --registry-hover: #eef8fb;
    }

    #crmApp :is(.table-responsive,.leads-table-wrap,.dashboard-birthday-table-wrap) {
        min-width: 0;
        max-width: 100%;
        background: #fff;
    }
    #crmApp :is(.leads-table-wrap,.crm-table-wrap,.tasks-table-wrap,.companies-table-wrap,.contacts-table-wrap,.employees-table-wrap) {
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        overflow-x: auto !important;
    }
    #crmApp section:is([class*="-table-card"],.leads-area:has(> .leads-table-wrap)) {
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        background: #fff !important;
    }
    #crmApp :is(.crm-table-card__header,.tasks-table-card__header,.companies-table-card__header,.contacts-table-card__header,.employees-table-card__header) {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        gap: 8px 16px;
        margin: 0 !important;
        padding: 16px !important;
        text-align: left !important;
    }
    #crmApp :is(.crm-table-card__header,.tasks-table-card__header,.companies-table-card__header,.contacts-table-card__header,.employees-table-card__header) :is(h2,h3,h4,h5,h6) {
        font-size: 15px !important;
        line-height: 22px !important;
        font-weight: 600 !important;
        margin: 0 !important;
        text-align: left !important;
    }
    #crmApp :is(.crm-table-card__header,.tasks-table-card__header,.companies-table-card__header,.contacts-table-card__header,.employees-table-card__header) p {
        color: var(--registry-muted) !important;
        font-size: 12px !important;
        line-height: 18px !important;
        margin: 4px 0 0 !important;
        text-align: left !important;
    }
    #crmApp :is(.crm-bulk-toolbar,.tasks-bulk-toolbar,.companies-bulk-toolbar,.employees-bulk-toolbar) {
        padding: 0 16px 12px !important;
        margin: 0 !important;
    }

    #crmApp table:is(.table,.custom-table,.dashboard-birthday-table) {
        --bs-table-color: var(--registry-text);
        --bs-table-hover-bg: var(--registry-hover);
        color: var(--registry-text) !important;
        font-size: 13px !important;
        line-height: 20px !important;
        letter-spacing: 0 !important;
        border-collapse: collapse !important;
        border-spacing: 0 !important;
        margin-bottom: 0 !important;
    }
    #crmApp table:is(.table,.custom-table,.dashboard-birthday-table) > :is(thead,tbody,tfoot) > tr > :is(th,td) {
        padding: 10px 12px !important;
        line-height: 20px !important;
        letter-spacing: 0 !important;
        vertical-align: middle !important;
        border-bottom: 1px solid var(--registry-divider) !important;
    }
    #crmApp table:is(.table,.custom-table,.dashboard-birthday-table):not(.table-bordered) > :is(thead,tbody,tfoot) > tr > :is(th,td) {
        border-left: 0 !important;
        border-right: 0 !important;
        border-top: 0 !important;
    }
    #crmApp table:is(.table,.custom-table,.dashboard-birthday-table) > thead > tr > th {
        background: var(--registry-heading) !important;
        color: #536775 !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        text-transform: none !important;
        border-bottom-color: #cbd5da !important;
        border-radius: 0 !important;
    }
    #crmApp table:is(.table,.custom-table,.dashboard-birthday-table) > tbody > tr > td {
        height: 56px;
        font-size: 13px !important;
    }
    #crmApp table:is(.table,.custom-table,.dashboard-birthday-table) > thead > tr > th a {
        color: inherit !important;
        font-size: inherit !important;
        line-height: inherit !important;
        font-weight: inherit !important;
        letter-spacing: 0 !important;
    }
    #crmApp table.table-sm > tbody > tr > td {
        height: 44px;
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }
    #crmApp table:is(.table,.custom-table,.dashboard-birthday-table) > tbody > tr:hover > td {
        background-color: var(--registry-hover) !important;
    }

    #crmApp table:is(.table,.custom-table,.dashboard-birthday-table) :is(.lead-title-link,.lead-draft-value,.crm-title-link,.crm-company-cell__name,.tasks-title-link--main,.tasks-company-cell__name,.companies-title-link,.companies-contour-cell__title,.contacts-person-cell__name,.contacts-company-link,.employees-person-cell__name,.employees-text-strong,.employees-company-link,.employees-company-link--plain) {
        font-size: 13px !important;
        line-height: 20px !important;
        font-weight: 600 !important;
        letter-spacing: 0 !important;
    }
    #crmApp table:is(.table,.custom-table,.dashboard-birthday-table) :is(.lead-muted,.crm-cell-muted,.crm-title-cell__meta,.tasks-cell-muted,.tasks-title-cell__meta,.companies-cell-muted,.companies-title-cell__meta,.contacts-cell-muted,.contacts-person-cell__hint,.employees-cell-muted,small) {
        font-size: 12px !important;
        line-height: 18px !important;
        letter-spacing: 0 !important;
    }
    #crmApp table:is(.table,.custom-table,.dashboard-birthday-table) :is(.badge,.lead-source-pill,.lead-state-pill,.lead-draft-label,.crm-id-badge,.crm-meta-chip,.crm-funnel-pill,.crm-stage-pill,.crm-amount-pill,.tasks-id-badge,.tasks-priority-chip,.tasks-meta-chip,.tasks-deadline-pill,.tasks-links-chip,.companies-id-badge,.companies-type-pill,.companies-client-pill,.companies-metric-pill,.companies-risk-pill,.companies-code,.contacts-company-pill,.contacts-quality-pill,.employees-id-badge,.employees-date-pill,.employees-cell-code,.date-status,.date-simple,.no-data) {
        min-height: 22px !important;
        padding: 3px 6px !important;
        border-radius: 4px !important;
        font-size: 11px !important;
        line-height: 16px !important;
        font-weight: 500 !important;
        letter-spacing: 0 !important;
        vertical-align: middle;
        box-shadow: none !important;
    }
    #crmApp .employees-table .date-status small {
        font-size: 11px !important;
        line-height: 16px !important;
    }
    #crmApp .employees-table .badge {
        width: auto !important;
        max-width: none !important;
        white-space: nowrap !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
    }
    #crmApp .employees-table th .sort-icon {
        display: inline-flex !important;
        width: auto !important;
        margin: 0 0 0 4px !important;
        vertical-align: middle;
    }
    #crmApp table:is(.table,.custom-table,.dashboard-birthday-table) :is(.crm-person-cell__avatar,.tasks-person-cell__avatar,.contacts-person-cell__avatar,.employees-person-cell__avatar),
    #crmApp table:is(.table,.custom-table,.dashboard-birthday-table) :is(.crm-person-cell,.tasks-person-cell,.contacts-person-cell,.employees-person-cell) > img {
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
        max-width: 32px !important;
        max-height: 32px !important;
        flex: 0 0 32px !important;
        border-radius: 6px !important;
        object-fit: cover;
    }
    #crmApp table:is(.table,.custom-table,.dashboard-birthday-table) :is(.crm-person-cell,.tasks-person-cell,.contacts-person-cell,.employees-person-cell) { gap: 8px !important; }
    #crmApp table:is(.table,.custom-table,.dashboard-birthday-table) :is(.crm-action-group,.tasks-action-group,.companies-action-group,.contacts-action-group,.employees-action-group) {
        display: inline-flex !important;
        align-items: center;
        gap: 6px !important;
        width: auto !important;
        flex-wrap: nowrap !important;
    }
    #crmApp table:is(.table,.custom-table,.dashboard-birthday-table) td .btn {
        min-width: 32px !important;
        min-height: 32px !important;
        padding: 5px 9px !important;
        border-radius: 4px !important;
        font-size: 12px !important;
        line-height: 20px !important;
        letter-spacing: 0 !important;
    }
    #crmApp table:is(.table,.custom-table,.dashboard-birthday-table) :is(.crm-action-group,.tasks-action-group,.companies-action-group,.contacts-action-group,.employees-action-group) > .btn {
        margin: 0 !important;
        width: auto !important;
        flex: 0 0 auto !important;
    }
    #crmApp table:is(.table,.custom-table,.dashboard-birthday-table) td .btn > :is(.bi,.fas,.far,.fa) {
        font-size: 14px !important;
    }
    #crmApp table:is(.table,.custom-table,.dashboard-birthday-table) input[type="checkbox"] {
        width: 16px !important;
        height: 16px !important;
        min-width: 16px;
        vertical-align: middle;
        accent-color: #238a62;
    }
    #crmApp table:is(.table,.custom-table,.dashboard-birthday-table) :is(a,button,input,select):focus-visible {
        outline: 2px solid #216f96 !important;
        outline-offset: 2px;
    }
}

/* Static wallpaper: one cached bitmap, opaque work surfaces, no live effects. */
@media screen {
    #crmApp .main-content::before {
        position: fixed;
        inset: 0 0 0 224px;
        height: auto;
        z-index: -1;
        background: #e6edef url("../assets/backgrounds/crm-architecture-20260927-v1.webp") center / cover no-repeat !important;
    }
    #crmApp:not(:has(#sidebarMenu)) .main-content::before { left: 0; }
    #crmApp .app-page-header { border-bottom-color: #aebec5 !important; }
    #crmApp .app-page-header :is(h1,.h1) { color: #213e49 !important; }
    #crmApp .app-page-header .breadcrumb,
    #crmApp .app-page-header .breadcrumb :is(a,span,strong,.active),
    #crmApp .app-page-header .breadcrumb-item::before,
    #crmApp .app-page-header :is(.dashboard-chip,[class*="-hero__tag"],[class*="-hero__meta"]),
    #crmApp .strict-metrics,
    #crmApp .strict-tabs :is(a,small) { color: #40575f !important; }
    #crmApp .app-page-header .breadcrumb a:hover,
    #crmApp .strict-metrics strong,
    #crmApp .strict-tabs a:hover { color: #213e49 !important; }
    #crmApp .strict-tabs { border-bottom-color: #aebec5 !important; }
    #crmApp .strict-tabs a[aria-current="page"] {
        color: #176b49 !important;
        border-bottom-color: #238a62 !important;
    }
    #crmApp .app-page-header :is(.btn-outline-primary,.btn-outline-secondary,.btn-outline-success,.btn-outline-info,.btn-outline-dark,.btn-light,.btn-secondary),
    #crmApp .strict-search :is(.form-control,.input-group-text,.btn) {
        background: #fff !important;
        border-color: #b3c2c8 !important;
        color: #29464f !important;
    }
    #crmApp .app-page-header :is(.btn-outline-primary,.btn-outline-secondary,.btn-outline-success,.btn-outline-info,.btn-outline-dark,.btn-light,.btn-secondary):hover {
        background: #edf4f4 !important;
        border-color: #76969d !important;
        color: #213e49 !important;
    }
    #crmApp .strict-search .form-control::placeholder { color: #536b73 !important; }
    #crmApp section:is(.crm-comment-alert-card,.tasks-comment-alert-card) { background: #fff !important; }

    @media (max-width: 991.98px) {
        #crmApp .main-content::before {
            left: 0;
            background-image: url("../assets/backgrounds/crm-architecture-20260927-v1-mobile.webp") !important;
        }
    }
    @media (prefers-reduced-data: reduce) {
        #crmApp .main-content::before { background-image: none !important; }
    }
}

/* Shared glass heading surfaces; business content stays opaque. */
@media screen {
    #crmApp {
        --crm-glass-radius: 12px;
        --crm-glass-fill: #f0f5f6;
        --crm-glass-filter: none;
    }
    #crmApp .main-content :is(
        .app-page-header,
        .container-fluid > .d-flex:has(> h1),
        .dashboard-section-heading,
        .card > .card-header,
        .custom-card > .card-header,
        .crm-disclosure > summary,
        .crm-collapsible-panel__toggle,
        .tasks-collapsible-panel__toggle,
        .registry-collapsible-panel__toggle,
        .crm-table-card__header,
        .tasks-table-card__header,
        .companies-table-card__header,
        .contacts-table-card__header,
        .employees-table-card__header,
        .crm-process-card__header,
        .crm-panel__header,
        .help-section__header,
        .mot-chat-directory-head,
        .mot-chat-thread-head,
        .calendar-panel > .d-flex:first-child,
        .ai-card > h5
    ):not(:where(.modal *,.offcanvas *,.news-post *)) {
        background: var(--crm-glass-fill) !important;
        -webkit-backdrop-filter: var(--crm-glass-filter) !important;
        backdrop-filter: var(--crm-glass-filter) !important;
        border-bottom: 1px solid #cbdade !important;
        box-shadow: inset 0 1px 0 rgb(255 255 255 / 88%) !important;
        color: #213e49 !important;
    }
    #crmApp .main-content :is(.app-page-header,.container-fluid > .d-flex:has(> h1)) {
        padding: 16px 20px !important;
        border-radius: 0 !important;
    }
    #crmApp .main-content .dashboard-section-heading {
        align-items: center;
        min-height: 48px;
        padding: 12px 16px;
        margin: 0 !important;
        border-radius: 0;
    }
    #crmApp.dashboard-page .dashboard-section-heading h2 { color: #213e49 !important; }
    #crmApp .main-content :is(.card,.custom-card):has(> .card-header):not(:where(.modal *,.offcanvas *,.news-post,.news-post *)),
    #crmApp .main-content .help-section {
        background: transparent !important;
        padding: 0 !important;
    }
    #crmApp .main-content :is(.card,.custom-card):has(> .card-header):not(:where(.modal *,.offcanvas *,.news-post,.news-post *)) > :is(.card-body,.card-footer),
    #crmApp .main-content .help-section__body {
        background: #fff !important;
    }
    #crmApp .main-content :is(.crm-table-card,.tasks-table-card,.companies-table-card,.contacts-table-card,.employees-table-card) {
        background: transparent !important;
    }
    #crmApp .main-content :is(.crm-table-card,.tasks-table-card,.companies-table-card,.contacts-table-card,.employees-table-card) > :not([class*="-table-card__header"]) {
        background: #fff !important;
    }
    #crmApp .main-content :is(
        .crm-disclosure,
        .custom-card:has(> .crm-collapsible-panel__toggle),
        .custom-card:has(> .tasks-collapsible-panel__toggle),
        .custom-card:has(> .registry-collapsible-panel__toggle)
    ) {
        background: transparent !important;
        padding: 0 !important;
    }
    #crmApp .main-content :is(
        .crm-disclosure > summary,
        .crm-collapsible-panel__toggle,
        .tasks-collapsible-panel__toggle,
        .registry-collapsible-panel__toggle,
        .crm-table-card__header,
        .tasks-table-card__header,
        .companies-table-card__header,
        .contacts-table-card__header,
        .employees-table-card__header,
        .ai-card > h5
    ):not(:where(.modal *,.offcanvas *)) {
        padding: 12px 16px !important;
        margin: 0 !important;
        min-width: 0;
        max-width: 100%;
    }
    #crmApp .main-content :is(.crm-disclosure,.custom-card:has(> .crm-collapsible-panel__toggle),.custom-card:has(> .tasks-collapsible-panel__toggle),.custom-card:has(> .registry-collapsible-panel__toggle)) > :is(form,.collapse,.collapsing,.employees-health-summary,.employees-health-grid) {
        background: #fff !important;
        padding: 12px 16px !important;
    }
    #crmApp .main-content .crm-disclosure > :not(summary) { background-color: #fff !important; }
    #crmApp .main-content .crm-disclosure > .row {
        margin: 0 !important;
        padding: 0 8px 16px !important;
    }
    #crmApp .main-content :is(.mot-chat,.mot-chat-directory,.mot-chat-thread) { background: transparent !important; }
    #crmApp .main-content :is(.mot-chat-list,.mot-chat-filters) { background: #fff !important; }
    #crmApp .main-content :is(.mot-chat-messages,.mot-chat-start) { background: var(--apple-page) !important; }
    #crmApp .main-content .mot-chat-directory-head { border-radius: 0; }
    #crmApp.dashboard-page .dashboard-panel.custom-card {
        display: flex;
        flex-direction: column;
        padding: 0 !important;
        background: transparent !important;
    }
    #crmApp.dashboard-page .dashboard-panel > .card-header {
        flex: 0 0 auto;
        padding: 12px 16px !important;
        border-radius: 8px 8px 0 0;
    }
    #crmApp.dashboard-page .dashboard-panel > .card-body {
        flex: 1 1 auto;
        background: #fff !important;
        border-radius: 0 0 8px 8px;
    }
    @supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
        #crmApp {
            --crm-glass-fill: rgb(255 255 255 / 66%);
            --crm-glass-filter: blur(var(--crm-glass-radius));
        }
    }
    @media (max-width: 991.98px) {
        #crmApp { --crm-glass-radius: 8px; }
        #crmApp .main-content :is(.app-page-header,.container-fluid > .d-flex:has(> h1)) { padding: 14px 16px !important; }
    }
    @media (prefers-reduced-transparency: reduce), (prefers-reduced-data: reduce) {
        #crmApp {
            --crm-glass-fill: #f0f5f6;
            --crm-glass-filter: none;
        }
    }
}

/* Keep both chat headers aligned; search gutters belong to the white directory. */
@media screen {
    #crmApp.mot-chat-page { --mot-heading-height: 68px; }
    #crmApp.mot-chat-page .main-content :is(.mot-chat-directory-head,.mot-chat-thread-head) {
        box-sizing: border-box;
        height: var(--mot-heading-height);
        min-height: var(--mot-heading-height);
        flex: 0 0 var(--mot-heading-height);
    }
    #crmApp.mot-chat-page .main-content .mot-chat-directory {
        /* A hard stop leaves only the heading transparent, without changing the input. */
        background: linear-gradient(to bottom, transparent var(--mot-heading-height), #fff var(--mot-heading-height)) !important;
    }
    @media (max-width: 767px) {
        #crmApp.mot-chat-page { --mot-heading-height: 60px; }
    }
}

/* Employee details need their own layout and contrast on the light heading. */
@media screen {
    #crmApp.profile-page section.profile-hero.app-page-header {
        display: block !important;
        min-height: 0 !important;
    }
    #crmApp.profile-page .profile-hero .profile-hero__header {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        align-items: start !important;
        gap: 12px 20px !important;
    }
    #crmApp.profile-page .profile-hero__lead {
        flex: none;
        width: 100%;
        max-width: none !important;
        min-width: 0;
    }
    #crmApp.profile-page .profile-hero .profile-hero__actions {
        grid-column: 2;
        grid-row: 1;
        align-self: start;
        max-width: 100%;
    }
    #crmApp.profile-page .profile-hero__meta {
        gap: 6px 12px;
    }
    #crmApp.profile-page .profile-hero__meta span {
        min-width: 0;
        max-width: 100%;
        min-height: 0;
        padding: 2px 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        color: #40575f;
        overflow-wrap: anywhere;
    }
    #crmApp.profile-page .profile-hero__meta i {
        flex-shrink: 0;
    }
    #crmApp.profile-page .profile-hero__summary {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 8px 16px;
        padding-top: 12px;
        margin-top: 12px !important;
        border-top: 1px solid #cbdade;
    }
    #crmApp.profile-page .profile-hero__metric {
        min-width: 0;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        overflow-wrap: anywhere;
    }
    #crmApp.profile-page .profile-hero__metric-label {
        margin-bottom: 2px;
        color: #40575f;
        font-size: 12px;
        text-transform: none;
    }
    #crmApp.profile-page .profile-hero__metric strong {
        color: #213e49;
        font-size: 16px;
    }
    #crmApp.profile-page .profile-hero__chips {
        gap: 6px;
        margin-top: 12px !important;
    }
    #crmApp.profile-page :is(.profile-hero__chip,.profile-status-chip) {
        max-width: 100%;
        min-width: 0;
        min-height: 28px;
        padding: 4px 8px;
        border-radius: 4px;
        font-size: 12px;
        line-height: 1.4;
        overflow-wrap: anywhere;
        color: #40575f;
        background: #edf1f3;
        border-color: #ced8dc;
    }
    #crmApp.profile-page :is(.profile-hero__chip.is-active,.profile-status-chip--success) {
        color: #23543b;
        background: #e9f4ee;
        border-color: #c7ddcf;
    }
    #crmApp.profile-page .profile-hero__chip.is-muted {
        color: #526068;
        background: #edf0f2;
        border-color: #d1d9dd;
    }
    #crmApp.profile-page .profile-hero__chip.is-info {
        color: #295574;
        background: #e9f1f8;
        border-color: #ccdce8;
    }
    #crmApp.profile-page :is(.profile-hero__chip.is-neutral,.profile-status-chip--warning) {
        color: #6c5118;
        background: #f8f1e1;
        border-color: #e2d5b4;
    }
    #crmApp.profile-page .profile-status-chip--danger {
        color: #8b3030;
        background: #f9eaea;
        border-color: #e8c5c5;
    }
    @media (max-width: 1199.98px) {
        #crmApp.profile-page .profile-hero .profile-hero__header {
            grid-template-columns: minmax(0, 1fr) !important;
        }
        #crmApp.profile-page .profile-hero .profile-hero__actions {
            grid-column: 1;
            grid-row: auto;
            justify-self: start;
            justify-content: flex-start;
        }
    }
    @media (max-width: 575.98px) {
        #crmApp.profile-page .profile-hero__summary {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }
}