/* ═════════════════════════════════════════════════════════════════════════
   REALTY CHIRAG — "Warm Premium" design system.
   A full re-skin layered on crms.css (loads AFTER, wins by source order).

   Goal: share NO recognizable skeleton with the source CRM.
   - Orientation: horizontal TOP COMMAND BAR (no left sidebar).
   - Type: Plus Jakarta Sans (humanist, rounded) — not Golos Text.
   - Surfaces: warm charcoal + gold (dark = default), warm ivory + gold (light).
   - Shape language: large radii, soft tactile shadows, pill badges, round icons.
   ═════════════════════════════════════════════════════════════════════════ */

/* ── 0. Type ──────────────────────────────────────────────────────────────
   crms.css hard-codes "Golos Text" widely (incl. one !important). Repaint the
   whole surface to Plus Jakarta Sans; keep code/pre monospace. */
html.crms-theme,
html.crms-theme body,
html.crms-theme input, html.crms-theme select, html.crms-theme textarea,
html.crms-theme button, html.crms-theme .btn,
html.crms-theme h1, html.crms-theme h2, html.crms-theme h3,
html.crms-theme h4, html.crms-theme h5, html.crms-theme h6,
html.crms-theme .h1, html.crms-theme .h2, html.crms-theme .h3,
html.crms-theme .h4, html.crms-theme .h5, html.crms-theme .h6,
html.crms-theme #dashboard-ticker {
    font-family: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}
html.crms-theme code, html.crms-theme pre, html.crms-theme kbd, html.crms-theme .mono {
    font-family: "SFMono-Regular", ui-monospace, "JetBrains Mono", Menlo, monospace !important;
}
html.crms-theme body { font-size: 14.5px; line-height: 1.55; letter-spacing: -0.005em; }
html.crms-theme h1, html.crms-theme h2, html.crms-theme h3,
html.crms-theme .h1, html.crms-theme .h2, html.crms-theme .h3,
html.crms-theme .card-title, html.crms-theme .page-title,
html.crms-theme .stat-card .fs-3, html.crms-theme .fw-bold {
    letter-spacing: -0.02em;
}

/* ── 1. LIGHT — clean neutral & gold (no cream) ───────────────────────────── */
html.crms-theme {
    --primary: #A9822B;
    --primary-hover: #8F6E22;
    --secondary: #B08D57;
    --secondary-hover: #9A7A48;

    --light: #F3F4F6;            /* app canvas — cool light grey */
    --paper: #FFFFFF;           /* cards / chrome — white */
    --field: #FFFFFF;           /* inputs */
    --surface: #FFFFFF;

    /* Sidebar rail stays black in BOTH modes (brand logo is gold/white) */
    --menu-bg: #16130D; --menu-line: #2E2618; --menu-active-bg: rgba(224,190,91,0.16);
    --menu-ink: #E8E1D0; --menu-ink-soft: #A29A85;

    --border-color: #E4E7EC;
    --hair: #EDEFF2;

    --gray-100: #CBD1DA;
    --gray-400: #8A93A3;
    --gray-500: #6B7280;
    --gray-600: #4A505C;
    --gray-900: #1A1D23;
    --heading-color: #1A1D23;
    --body-color: #5A616E;
    --c-ink-soft: #3A3F48;
    --c-ink-mute: #6B7280;

    --primary-transparent: #F6EECF;   /* subtle gold tint (KPI tiles / active nav) */
    --secondary-transparent: #EEF1F5;
    --c-line: #E4E7EC;
    --c-line-strong: #E4E7EC;
    --c-gold-line: #E4E7EC;

    --box-shadow: 0 10px 30px -14px rgba(16, 24, 40, 0.14);
    --topbar-item-shadow: 0 6px 16px -8px rgba(16, 24, 40, 0.12);
    --shadow-md: 0 16px 40px -18px rgba(16, 24, 40, 0.18);

    /* Warm-premium shape language */
    --r: 12px;
    --r-sm: 11px;
    --r-lg: 18px;
    --rc-pill: 999px;

    --linear-gradient: linear-gradient(135deg, #C9A227 0%, #E6C766 100%);
    --primary-gradient-100: linear-gradient(135deg, #B8912B 0%, #E0BF57 100%);
}

/* ── 2. DARK — neutral charcoal & gold (default, no warm cast) ────────────── */
html.crms-theme.crms-dark {
    --primary: #E0BE5B;         /* gold accent */
    --primary-hover: #EBCE76;
    --secondary: #CBA96B;
    --secondary-hover: #DBBC84;

    --light: #121316;           /* neutral near-black canvas */
    --paper: #1B1C20;           /* cards */
    --field: #24262B;           /* inputs */
    --surface: #1B1C20;

    --menu-bg: #0E0F11; --menu-line: #26282D; --menu-active-bg: rgba(224,190,91,0.16);
    --menu-ink: #E7E9EE; --menu-ink-soft: #8B909B;

    --border-color: #2E3036;
    --hair: #26282D;

    --gray-100: #3A3D44;
    --gray-400: #6E747F;
    --gray-500: #939AA5;
    --gray-600: #BAC0CA;
    --gray-900: #ECEEF2;
    --heading-color: #ECEEF2;
    --body-color: #A2A8B3;
    --c-ink-soft: #C9CDD5;
    --c-ink-mute: #939AA5;

    --primary-transparent: rgba(224, 190, 91, 0.15);
    --secondary-transparent: rgba(255, 255, 255, 0.06);
    --c-line: #2E3036;
    --c-line-strong: #2E3036;
    --c-gold-line: #2E3036;

    --box-shadow: 0 14px 40px -16px rgba(0, 0, 0, 0.66);
    --topbar-item-shadow: 0 8px 22px -10px rgba(0, 0, 0, 0.6);
    --shadow-md: 0 18px 46px -18px rgba(0, 0, 0, 0.7);

    --linear-gradient: linear-gradient(135deg, #C9A227 0%, #E6C766 100%);
    --primary-gradient-100: linear-gradient(135deg, #B8912B 0%, #E0BF57 100%);
}

/* ── 3. Shell — SAME left-sidebar structure as before; black/gold skin ────── */
/* Rounder, softer icons everywhere (the source uses crisp thin strokes). */
html.crms-theme svg.icon,
html.crms-theme .icon svg,
html.crms-theme svg[class*="icon"] {
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* Keep the whole rail warm-black in BOTH modes: re-point content tokens dark
   inside the sidebar so every crms sidebar rule resolves to dark surfaces. */
html.crms-theme .sidebar, html.crms-theme .sidebar-mobile {
    --paper: #121317; --light: #1A1B20; --field: #22242A; --surface: #121317;
    --border-color: var(--menu-line); --hair: var(--menu-line);
    --gray-100: #3A3D44; --gray-500: var(--menu-ink-soft); --gray-600: #BAC0CA;
    --gray-900: var(--menu-ink); --heading-color: var(--menu-ink); --body-color: var(--menu-ink-soft);
    --primary: #E0BE5B; --primary-hover: #EBCE76;
    --primary-transparent: rgba(224,190,91,0.16); --secondary-transparent: rgba(255,255,255,0.06);
}
html.crms-theme .sidebar .brand-logo-rc, html.crms-theme .sidebar-mobile .brand-logo-rc { height: 30px; width: auto; display: block; }
html.crms-theme .brand-logo-rc-sm { height: 24px; }
html.crms-theme.sidebar-collapsed .sidebar-brand .brand-logo-rc { display: none; }

/* Active/hover nav icon tile: dark-on-gold, never white-on-gold */
html.crms-theme .sidebar-link:hover .sidebar-icon,
html.crms-theme .sidebar-link.active .sidebar-icon,
html.crms-theme .sidebar-group:hover .sidebar-icon,
html.crms-theme .sidebar-group.active .sidebar-icon,
html.crms-theme .sidebar-group[aria-expanded="true"] .sidebar-icon { color: #201404; }

/* Footer actions: crisp on the black rail (base danger-transparent reads pale) */
html.crms-theme .sidebar-action-secondary { background: #1C1810; border-color: var(--menu-line); color: var(--menu-ink); }
html.crms-theme .sidebar-action-secondary:hover { background: #241F14; border-color: rgba(224,190,91,0.4); color: var(--primary); }
html.crms-theme .sidebar-action-primary { background: rgba(229,113,78,0.13); border: 1px solid rgba(229,113,78,0.38); color: #EFA184; }
html.crms-theme .sidebar-action-primary:hover { background: #E5714E; border-color: #E5714E; color: #fff; }
html.crms-theme .sidebar-user-card:hover { border-color: rgba(224,190,91,0.4); }

/* Avatars: dark ink on gold (rail + topbar) */
html.crms-theme .sidebar-user-avatar, html.crms-theme .profile-chip-avatar { color: #201404; }

/* ── 4. TOP COMMAND BAR ───────────────────────────────────────────────────── */
html.crms-theme .cmd-bar {
    position: sticky; top: 0; z-index: 1030;
    display: flex; align-items: center; gap: 8px;
    height: 66px; padding: 0 22px;
    background: var(--paper);
    border-bottom: 1px solid var(--border-color);
    box-shadow: var(--box-shadow);
}
html.crms-theme .cmd-brand { display: inline-flex; align-items: center; margin-right: 10px; flex: 0 0 auto; }
html.crms-theme .cmd-brand .brand-logo-rc { height: 34px; width: auto; display: block; }
html.crms-theme .cmd-burger {
    display: none; border: 0; background: transparent; color: var(--gray-900);
    width: 42px; height: 42px; border-radius: 12px; align-items: center; justify-content: center;
}
html.crms-theme .cmd-burger:hover { background: var(--primary-transparent); color: var(--primary); }

html.crms-theme .cmd-nav { display: flex; align-items: center; gap: 3px; flex: 1 1 auto; min-width: 0; }
html.crms-theme .cmd-item { position: relative; }

html.crms-theme .cmd-link {
    display: inline-flex; align-items: center; gap: 8px;
    height: 42px; padding: 0 14px;
    border: 0; background: transparent; cursor: pointer;
    border-radius: 12px;
    color: var(--body-color); font-size: 14px; font-weight: 600;
    text-decoration: none; white-space: nowrap;
    transition: background .16s ease, color .16s ease;
}
html.crms-theme .cmd-link:hover { background: var(--primary-transparent); color: var(--heading-color); }
html.crms-theme .cmd-link.active { background: var(--primary-transparent); color: var(--primary); }
html.crms-theme .cmd-ico { display: inline-flex; color: currentColor; opacity: .85; }
html.crms-theme .cmd-caret { display: inline-flex; opacity: .6; margin-left: -2px; transition: transform .18s ease; }
html.crms-theme .cmd-item.open > .cmd-toggle .cmd-caret { transform: rotate(180deg); }
html.crms-theme .cmd-item.open > .cmd-link { background: var(--primary-transparent); color: var(--heading-color); }

/* Dropdown panels */
html.crms-theme .cmd-menu {
    position: absolute; top: calc(100% + 8px); left: 0; z-index: 1040;
    display: none; min-width: 232px; padding: 8px;
    background: var(--paper);
    border: 1px solid var(--border-color);
    border-radius: 16px;
    box-shadow: var(--shadow-md);
}
html.crms-theme .cmd-menu-end { left: auto; right: 0; }
html.crms-theme .cmd-item.open > .cmd-menu { display: block; }
@media (hover: hover) and (min-width: 992px) {
    html.crms-theme .cmd-item:hover > .cmd-menu { display: block; }
}
html.crms-theme .cmd-menu-head {
    display: flex; align-items: center; gap: 7px;
    padding: 8px 10px 4px; margin-top: 2px;
    font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em;
    color: var(--gray-500);
}
html.crms-theme .cmd-menu-head:first-child { margin-top: 0; }
html.crms-theme .cmd-menu-ico { display: inline-flex; opacity: .8; }
html.crms-theme .cmd-menu-link {
    display: flex; align-items: center; gap: 9px;
    padding: 9px 11px; border-radius: 11px;
    color: var(--body-color); font-size: 13.5px; font-weight: 500; text-decoration: none;
}
html.crms-theme .cmd-menu-link.cmd-menu-sub { padding-left: 22px; }
html.crms-theme .cmd-menu-link:hover { background: var(--primary-transparent); color: var(--heading-color); }
html.crms-theme .cmd-menu-link.active { background: var(--primary-transparent); color: var(--primary); font-weight: 600; }
html.crms-theme .cmd-menu-danger { color: #E5714E; }
html.crms-theme .cmd-menu-danger:hover { background: rgba(229,113,78,.14); color: #E5714E; }

/* Right cluster */
html.crms-theme .cmd-right { display: flex; align-items: center; gap: 8px; flex: 0 0 auto; margin-left: auto; }
html.crms-theme .cmd-iconbtn {
    display: inline-flex; align-items: center; justify-content: center;
    width: 42px; height: 42px; border-radius: 12px;
    border: 0; background: transparent; color: var(--gray-600); text-decoration: none;
    transition: background .16s, color .16s;
}
html.crms-theme .cmd-iconbtn:hover { background: var(--primary-transparent); color: var(--primary); }

html.crms-theme .cmd-user {
    display: inline-flex; align-items: center; gap: 10px;
    height: 46px; padding: 0 12px 0 6px; margin-left: 4px;
    border: 1px solid var(--border-color); background: var(--field);
    border-radius: 999px; cursor: pointer; color: var(--heading-color);
}
html.crms-theme .cmd-user:hover { border-color: var(--primary); }
html.crms-theme .cmd-user-avatar {
    width: 34px; height: 34px; border-radius: 50%;
    display: inline-flex; align-items: center; justify-content: center;
    background: var(--primary-gradient-100); color: #201404; font-weight: 800; font-size: 14px;
}
html.crms-theme .cmd-user-meta { display: flex; flex-direction: column; line-height: 1.1; text-align: left; }
html.crms-theme .cmd-user-name { font-size: 13px; font-weight: 700; color: var(--heading-color); }
html.crms-theme .cmd-user-role { font-size: 11px; color: var(--gray-500); }
html.crms-theme .cmd-user-item .cmd-menu { top: calc(100% + 10px); min-width: 210px; }

/* Notification dot */
html.crms-theme .notif-dot {
    position: absolute; top: 5px; right: 6px;
    min-width: 17px; height: 17px; padding: 0 4px; border-radius: 999px;
    background: #E5714E; color: #fff; font-size: 10px; font-weight: 800;
    display: inline-flex; align-items: center; justify-content: center;
    border: 2px solid var(--paper);
}

/* Content wrapper — full width, generous gutters */
html.crms-theme .cmd-content { max-width: 1400px; margin: 0 auto; padding-left: 24px; padding-right: 24px; }
@media (max-width: 575px) { html.crms-theme .cmd-content { padding-left: 14px; padding-right: 14px; } }

/* ── 5. Mobile command bar ────────────────────────────────────────────────── */
@media (max-width: 991px) {
    html.crms-theme .cmd-burger { display: inline-flex; }
    html.crms-theme .cmd-nav {
        position: fixed; top: 66px; left: 0; right: 0; bottom: 0; z-index: 1035;
        flex-direction: column; align-items: stretch; gap: 2px;
        padding: 14px; overflow-y: auto;
        background: var(--light);
        transform: translateX(-100%); transition: transform .22s ease;
    }
    html.crms-theme .cmd-bar.open .cmd-nav { transform: translateX(0); }
    html.crms-theme .cmd-link { width: 100%; height: 46px; justify-content: flex-start; }
    html.crms-theme .cmd-toggle { justify-content: space-between; }
    html.crms-theme .cmd-menu {
        position: static; display: none; box-shadow: none; border: 0;
        min-width: 0; padding: 2px 0 6px 8px; background: transparent;
    }
    html.crms-theme .cmd-item.open > .cmd-menu { display: block; }
    html.crms-theme .cmd-user-meta { display: flex; }
}

/* ═════ 6. COMPONENT RE-SKIN (pages emit crms/Bootstrap classes) ═════════════ */

/* Cards — big radii, soft shadow, warm surface */
html.crms-theme .card {
    background: var(--paper);
    border: 1px solid var(--border-color);
    border-radius: var(--r-lg);
    box-shadow: var(--box-shadow);
}
html.crms-theme .card .card,
html.crms-theme .card-body .card { box-shadow: none; }
html.crms-theme .card-header { background: transparent; border-bottom-color: var(--border-color); border-radius: var(--r-lg) var(--r-lg) 0 0; font-weight: 700; }

/* KPI / stat cards — rounded gold icon tile */
html.crms-theme .stat-card { border-radius: var(--r-lg); }
/* Uniform gold KPI tiles (the source uses a multicolor blue/sky/indigo/teal/pink
   row — collapsing to one gold accent is both on-brand and more differentiated).
   !important beats crms.css's per-variant solid backgrounds + white icon. */
html.crms-theme .stat-icon,
html.crms-theme .stat-icon.stat-blue, html.crms-theme .stat-icon.stat-sky,
html.crms-theme .stat-icon.stat-indigo, html.crms-theme .stat-icon.stat-teal,
html.crms-theme .stat-icon.stat-pink {
    width: 46px; height: 46px; border-radius: 14px;
    display: inline-flex; align-items: center; justify-content: center;
    background: var(--primary-transparent) !important; color: var(--primary) !important;
}

/* Buttons — pill-ish, soft, dark ink on gold */
html.crms-theme .btn { border-radius: 12px; font-weight: 600; }
html.crms-theme .btn-sm { border-radius: 10px; }
html.crms-theme .btn-primary,
html.crms-theme .btn-primary:hover, html.crms-theme .btn-primary:focus, html.crms-theme .btn-primary:active {
    background: var(--primary); border-color: var(--primary); color: #201404;
    box-shadow: 0 6px 16px -8px rgba(200,160,50,.5);
}
html.crms-theme .btn-primary:hover { background: var(--primary-hover); border-color: var(--primary-hover); }
html.crms-theme .btn-outline-primary { color: var(--primary); border-color: var(--primary); border-radius: 12px; }
html.crms-theme .btn-outline-primary:hover, html.crms-theme .btn-outline-primary:active {
    background: var(--primary); border-color: var(--primary); color: #201404;
}

/* Forms — larger radii, warm field, gold focus ring */
html.crms-theme .form-control, html.crms-theme .form-select {
    background: var(--field); border-color: var(--border-color); border-radius: 12px; color: var(--gray-900);
}
html.crms-theme .form-control:focus, html.crms-theme .form-select:focus {
    border-color: var(--primary); box-shadow: 0 0 0 3px var(--primary-transparent);
}
html.crms-theme.crms-dark .form-select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%239E9377' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 15px 12px;
}

/* Filter bar → warm rounded panel */
html.crms-theme .filter-bar, html.crms-theme fieldset.filter-bar {
    background: var(--paper); border: 1px solid var(--border-color); border-radius: var(--r-lg);
}

/* Tables — airy, rounded container, soft row separation */
html.crms-theme .table { --bs-table-bg: transparent; }
html.crms-theme .table > thead th,
html.crms-theme .table > thead > tr > th {
    background: transparent; border-bottom: 1px solid var(--border-color);
    color: var(--gray-500); font-size: 11px; font-weight: 700;
    text-transform: uppercase; letter-spacing: .06em; padding: 12px 14px;
}
html.crms-theme .table > tbody > tr > td { border-color: var(--hair); padding: 13px 14px; vertical-align: middle; }
html.crms-theme .table-hover > tbody > tr:hover > * { background: var(--primary-transparent); }
html.crms-theme .table-responsive, html.crms-theme .card > .table-responsive { border-radius: var(--r-lg); }

/* Badges → pill shapes */
html.crms-theme .badge,
html.crms-theme [class*="badge-st-"], html.crms-theme [class*="badge-src-"], html.crms-theme [class*="badge-type-"] {
    border-radius: 999px; font-weight: 600; letter-spacing: .01em; padding: .34em .7em;
}

/* Pagination → rounded */
html.crms-theme .page-link { border-radius: 10px; margin: 0 3px; border-color: var(--border-color); background: var(--paper); color: var(--gray-900); }
html.crms-theme .page-link:hover { background: var(--primary-transparent); color: var(--primary); border-color: var(--border-color); }
html.crms-theme .page-item.active .page-link { background: var(--primary); border-color: var(--primary); color: #201404; font-weight: 700; }
html.crms-theme .pagination-info strong { color: var(--heading-color); }

/* Modals & dropdowns → big radii, soft */
html.crms-theme .modal-content { background: var(--paper); border: 1px solid var(--border-color); border-radius: var(--r-lg); box-shadow: var(--shadow-md); }
html.crms-theme .modal-header, html.crms-theme .modal-footer { border-color: var(--border-color); }
html.crms-theme .dropdown-menu { background: var(--paper); border: 1px solid var(--border-color); border-radius: 14px; box-shadow: var(--shadow-md); }

/* Alerts → warm, rounded */
html.crms-theme .alert { border-radius: 14px; }
html.crms-theme .alert-secondary { background: var(--light); border-color: var(--border-color); color: var(--gray-600); }

/* Tabs / pills */
html.crms-theme .nav-pills .nav-link.active { background: var(--primary); color: #201404; border-radius: 999px; }

/* ── 7. Login — warm split, gold glow ─────────────────────────────────────── */
html.crms-theme body.login-shell::after {
    background:
        radial-gradient(120% 90% at 85% 8%, rgba(224,190,91,0.30) 0%, transparent 55%),
        radial-gradient(110% 120% at 10% 100%, rgba(150,112,30,0.36) 0%, transparent 60%),
        linear-gradient(160deg, #16130D 0%, #211A0C 52%, #2E2408 100%);
    border: 1px solid rgba(224,190,91,0.28);
    border-radius: 22px;
}
html.crms-theme .login-card { border-radius: var(--r-lg); }
html.crms-theme .brand-logo-rc { height: 36px; width: auto; }
html.crms-theme .brand-logo-rc-lg { height: 62px; }
/* Light mode: logo is white+gold → sits on a black chip on the login page */
html.crms-theme:not(.crms-dark) .login-brand .brand-wordmark {
    background: #16130D; padding: 12px 20px; border-radius: 14px; border: 1px solid rgba(224,190,91,0.30);
}

/* ── 8. Carry-over fixes: Bootstrap blue leaks, ink-on-gold, doc pages ─────── */
html.crms-theme { --bs-primary: #A9822B; --bs-primary-rgb: 169,130,43; --bs-body-bg: #F1EAD9; }
html.crms-theme.crms-dark {
    --bs-primary: #E0BE5B; --bs-primary-rgb: 224,190,91; --bs-body-bg: #16130D;
    --bs-body-color: #ABA087; --bs-body-color-rgb: 171,160,135;
    --bs-secondary-color: #9E9377; --bs-tertiary-color: #7A7057; --bs-border-color: #3A2F1D;
}
html.crms-theme .badge.bg-primary { color: #201404 !important; }
html.crms-theme ::selection { background: var(--primary); color: #201404; }
html.crms-theme [style*="linear-gradient(180deg,#2563EB"] { background: var(--primary-gradient-100) !important; color: #201404 !important; }
html.crms-theme [style*="border-left:4px solid #0B1D33"] { border-left-color: var(--primary) !important; }
html.crms-theme [style*="rgba(59,130,246"] { background: var(--primary-transparent) !important; }
html.crms-theme [style*="1px solid #cde"] { border-color: #D8CFAF !important; }
html.crms-theme [style*="color:#0B1D33"] { color: #201404 !important; }
html.crms-theme [style*="background:#EEF1F5"] { background: #EAE1CC !important; }
html.crms-theme.crms-dark [style*="background:#EEF1F5"] { background: #2A2418 !important; }
html.crms-theme [style*="background:#3B82F6"] { background: var(--gray-600) !important; }
html.crms-theme #dashboard-ticker {
    background: linear-gradient(90deg, #16130D 0%, #2A2109 55%, #7A5E18 100%) !important;
    border-bottom: 1px solid rgba(224,190,91,0.35);
}
/* /doc pages carry a trust-navy inline <style> block */
html.crms-theme .doc h2, html.crms-theme .doc h3 { color: var(--heading-color); }
html.crms-theme .doc h2 { border-bottom-color: var(--primary); }
html.crms-theme .doc pre { background: #201B13; color: #F2EBDA; }
html.crms-theme .doc-banner { background: linear-gradient(135deg, #16130D, #2E2408); border: 1px solid rgba(224,190,91,.28); }
html.crms-theme .doc-toc a { color: var(--body-color); }
html.crms-theme .doc-toc a:hover { background: var(--light); color: var(--heading-color); }
html.crms-theme .doc table th, html.crms-theme .doc code { background: var(--field); }
html.crms-theme .doc .callout { background: var(--secondary-transparent); }

/* Scrollbars */
html.crms-theme ::-webkit-scrollbar-thumb { background: #D8CEB6; border-radius: 999px; }
html.crms-theme.crms-dark ::-webkit-scrollbar-thumb { background: #453923; }