/* ═══════════════════════════════════════════════════════════════════════
   AOT CRM — LEDGER THEME STYLESHEET (data-theme="ledger")
   Lives OUTSIDE index.html on purpose: browsers cache index.html
   aggressively, so inline style changes kept "not arriving" for users
   while JS updates did. As an external file this updates exactly like
   the JS does. Edit HERE, never inline in index.html.
   ═══════════════════════════════════════════════════════════════════════ */

    /* ══════════════════════════════════════════════════════════════
       LEDGER THEME — professional, minimal, "reads like a ledger"
       Warm paper background, dark ink sidebar, hairline borders,
       one deep-green accent, monospace-flavored data (tabular nums).
       Static CSS only — no blur, no gradients, no runtime cost.
       ══════════════════════════════════════════════════════════════ */

    [data-theme="ledger"] {
        --lg-bg: #f7f5f0;
        --lg-surface: #fffefb;
        --lg-border: #e6e2d8;
        --lg-border-strong: #d8d3c6;
        --lg-text: #17191e;
        --lg-muted: #6f7480;
        --lg-faint: #9a9788;
        --lg-accent: #146c4e;
        --lg-accent-bright: #2e9d72;
        --lg-ink: #16181d;
        --lg-ink-text: #a3a7b0;
        --lg-body-font: 'Hanken Grotesk', 'Segoe UI', system-ui, sans-serif;
        --lg-display-font: 'Schibsted Grotesk', 'Segoe UI', sans-serif;
        --lg-mono: 'IBM Plex Mono', Consolas, monospace;
        background-color: var(--lg-bg) !important;
        color: var(--lg-text) !important;
        font-style: normal !important;
    }

    /* Base body */
    [data-theme="ledger"] body {
        background-color: var(--lg-bg) !important;
        color: var(--lg-text) !important;
        font-family: var(--lg-body-font) !important;
        font-variant-numeric: tabular-nums !important;
        font-style: normal !important;
    }

    /* Kill ALL italic styling globally — the ledger look is upright */
    [data-theme="ledger"] * { font-style: normal !important; }
    [data-theme="ledger"] .italic { font-style: normal !important; }

    /* Headings and heavy labels use the display face at a sane weight */
    [data-theme="ledger"] h1, [data-theme="ledger"] h2 {
        font-family: var(--lg-display-font) !important;
        letter-spacing: -0.01em !important;
    }
    [data-theme="ledger"] .font-black { font-weight: 700 !important; letter-spacing: normal !important; }
    [data-theme="ledger"] .tracking-tighter { letter-spacing: -0.01em !important; }

    /* ── SIDEBAR — dark ink panel ── */
    [data-theme="ledger"] aside {
        background: var(--lg-ink) !important;
        border-color: rgba(255,255,255,0.09) !important;
    }
    [data-theme="ledger"] aside .p-8 { color: #ffffff !important; }
    [data-theme="ledger"] aside .text-white { color: #ffffff !important; }
    [data-theme="ledger"] aside .text-slate-200, [data-theme="ledger"] aside .text-slate-300 { color: #c6c9d0 !important; }
    [data-theme="ledger"] aside .text-slate-400, [data-theme="ledger"] aside .text-slate-500 { color: #8b8f99 !important; }
    [data-theme="ledger"] aside nav button {
        border-radius: 0 !important;
        font-size: 11px !important;
        letter-spacing: 0.05em !important;
        color: var(--lg-ink-text) !important;
    }
    [data-theme="ledger"] aside nav button:hover {
        background: rgba(255,255,255,0.05) !important;
        color: #ffffff !important;
    }
    /* Active nav — thin green left rule on the ink panel */
    [data-theme="ledger"] aside nav button.bg-blue-600,
    [data-theme="ledger"] aside nav button.bg-violet-600,
    [data-theme="ledger"] aside nav button.bg-emerald-600,
    [data-theme="ledger"] aside nav button.bg-amber-600 {
        background: rgba(255,255,255,0.06) !important;
        color: #ffffff !important;
        box-shadow: inset 2px 0 0 var(--lg-accent-bright) !important;
    }

    /* ── HEADER — paper with a hairline ── */
    [data-theme="ledger"] header {
        background: var(--lg-bg) !important;
        border-color: var(--lg-border) !important;
    }
    [data-theme="ledger"] header h1 {
        color: var(--lg-text) !important;
        font-family: var(--lg-display-font) !important;
        font-size: 18px !important;
        font-weight: 700 !important;
        text-transform: none !important;
        letter-spacing: -0.01em !important;
    }

    /* ── MAIN CONTENT AREA ── */
    [data-theme="ledger"] .bg-slate-950 { background: var(--lg-bg) !important; }
    [data-theme="ledger"] main > div { background: var(--lg-bg) !important; }

    /* ── KANBAN COLUMNS — transparent wells, colored top rules kept ── */
    [data-theme="ledger"] .kanban-column {
        min-width: 264px !important;
        width: 264px !important;
        background: transparent !important;
    }
    [data-theme="ledger"] .kanban-column > div:first-child,
    [data-theme="ledger"] .border-t-2 {
        border-radius: 0 !important;
        border-top-width: 2px !important;
        padding: 8px 10px !important;
        background: transparent !important;
    }

    /* ── LEAD CARDS — flat white, hairline border, small radius ── */
    [data-theme="ledger"] .bg-slate-800 {
        background: var(--lg-surface) !important;
        border: 1px solid var(--lg-border) !important;
        border-radius: 6px !important;
        box-shadow: none !important;
    }
    [data-theme="ledger"] [draggable="true"] {
        background: var(--lg-surface) !important;
        border: 1px solid var(--lg-border) !important;
        border-radius: 6px !important;
        box-shadow: none !important;
        border-left-width: 3px !important;
    }
    [data-theme="ledger"] [draggable="true"]:hover {
        border-color: var(--lg-border-strong) !important;
        box-shadow: 0 1px 4px rgba(23,25,30,0.07) !important;
    }
    [data-theme="ledger"] [draggable="true"] h3 {
        font-size: 12.5px !important;
        font-weight: 700 !important;
        color: var(--lg-text) !important;
        text-transform: none !important;
    }

    /* ── TEXT COLORS (paper surfaces) ── */
    [data-theme="ledger"] .text-white { color: var(--lg-text) !important; }
    [data-theme="ledger"] .text-slate-200, [data-theme="ledger"] .text-slate-300 { color: #3c414b !important; }
    [data-theme="ledger"] .text-slate-400,
    [data-theme="ledger"] .text-slate-500 { color: var(--lg-muted) !important; }
    [data-theme="ledger"] .text-slate-600,
    [data-theme="ledger"] .text-slate-700 { color: var(--lg-faint) !important; }
    [data-theme="ledger"] .text-blue-400,
    [data-theme="ledger"] .text-blue-500,
    [data-theme="ledger"] .text-blue-600 { color: var(--lg-accent) !important; }

    /* ── BUTTONS inside cards — quiet ghost style ── */
    [data-theme="ledger"] [draggable="true"] button {
        background: transparent !important;
        border: 1px solid var(--lg-border) !important;
        border-radius: 5px !important;
        padding: 4px 8px !important;
        font-size: 9px !important;
        color: var(--lg-muted) !important;
    }
    [data-theme="ledger"] [draggable="true"] button:hover {
        background: #f0ede4 !important;
        color: var(--lg-text) !important;
        border-color: var(--lg-border-strong) !important;
    }

    /* ── PRIMARY / STATUS COLORS — ink primary, muted tints ── */
    [data-theme="ledger"] .bg-blue-600 {
        background: var(--lg-ink) !important;
        color: #ffffff !important;
    }
    [data-theme="ledger"] .bg-emerald-600,
    [data-theme="ledger"] .bg-emerald-500 {
        background: #e7efe9 !important;
        color: var(--lg-accent) !important;
    }
    [data-theme="ledger"] .bg-red-600,
    [data-theme="ledger"] .bg-red-500 {
        background: #f7edeb !important;
        color: #b04a42 !important;
    }
    [data-theme="ledger"] .bg-violet-600,
    [data-theme="ledger"] .bg-purple-600,
    [data-theme="ledger"] .bg-purple-500 {
        background: #efeaf7 !important;
        color: #6d5a9c !important;
    }
    [data-theme="ledger"] .bg-amber-600,
    [data-theme="ledger"] .bg-amber-500 {
        background: #f6efdf !important;
        color: #a87b23 !important;
    }
    [data-theme="ledger"] .bg-orange-600,
    [data-theme="ledger"] .bg-orange-500 {
        background: #f8f0e6 !important;
        color: #a2601a !important;
    }

    /* ── MODALS — white, small radius, quiet overlay ── */
    [data-theme="ledger"] .fixed.inset-0.bg-black\/95,
    [data-theme="ledger"] .fixed.inset-0 {
        background: rgba(23,25,30,0.45) !important;
    }
    [data-theme="ledger"] .bg-slate-900 {
        background: var(--lg-surface) !important;
        border-color: var(--lg-border) !important;
    }
    [data-theme="ledger"] .rounded-\[3rem\],
    [data-theme="ledger"] .rounded-\[4rem\],
    [data-theme="ledger"] .rounded-\[2\.5rem\] {
        border-radius: 10px !important;
    }
    [data-theme="ledger"] .rounded-3xl { border-radius: 10px !important; }
    [data-theme="ledger"] .rounded-2xl { border-radius: 8px !important; }

    /* ── INPUTS ── */
    [data-theme="ledger"] input,
    [data-theme="ledger"] select,
    [data-theme="ledger"] textarea {
        background-color: var(--lg-surface) !important;
        border-color: var(--lg-border-strong) !important;
        color: var(--lg-text) !important;
    }
    [data-theme="ledger"] input:focus,
    [data-theme="ledger"] select:focus {
        border-color: var(--lg-accent) !important;
        box-shadow: 0 0 0 2px rgba(20,108,78,0.12) !important;
    }
    [data-theme="ledger"] input::placeholder,
    [data-theme="ledger"] textarea::placeholder { color: var(--lg-faint) !important; }

    /* ── BORDERS ── */
    [data-theme="ledger"] .border-slate-800,
    [data-theme="ledger"] .border-slate-700\/50,
    [data-theme="ledger"] .border-slate-700 {
        border-color: var(--lg-border) !important;
    }

    /* ── SCROLLBAR ── */
    [data-theme="ledger"] .custom-scrollbar::-webkit-scrollbar-thumb {
        background-color: var(--lg-border-strong) !important;
    }
    [data-theme="ledger"] .custom-scrollbar::-webkit-scrollbar-track {
        background: transparent !important;
    }

    /* ── TABLE — the ledger itself ── */
    [data-theme="ledger"] table { color: var(--lg-text) !important; }
    [data-theme="ledger"] thead tr {
        background: #faf8f3 !important;
        border-color: var(--lg-border) !important;
    }
    [data-theme="ledger"] thead th {
        color: var(--lg-faint) !important;
        font-family: var(--lg-mono) !important;
        font-weight: 500 !important;
        font-size: 9.5px !important;
        letter-spacing: 0.1em !important;
    }
    [data-theme="ledger"] tbody tr:hover { background: #faf8f3 !important; }
    [data-theme="ledger"] .divide-slate-800\/50 > :not([hidden]) ~ :not([hidden]) {
        border-color: var(--lg-border) !important;
    }

    /* ── MOBILE BOTTOM NAV ── */
    [data-theme="ledger"] nav.fixed.bottom-0 {
        background: var(--lg-ink) !important;
        border-color: rgba(255,255,255,0.09) !important;
    }

    /* ── SHADOWS — hairlines do the work ── */
    [data-theme="ledger"] .shadow-2xl { box-shadow: 0 1px 3px rgba(23,25,30,0.06) !important; }
    [data-theme="ledger"] .shadow-xl { box-shadow: 0 1px 2px rgba(23,25,30,0.05) !important; }

    /* ── Dispatch tab columns ── */
    [data-theme="ledger"] .dispatch-tab-col { gap: 6px !important; }

    /* ── bg-black overlays ── */
    [data-theme="ledger"] .bg-black\/95, [data-theme="ledger"] .bg-black\/80 { background-color: rgba(23,25,30,0.45) !important; }

    /* ── SEMANTIC TEXT COLORS — money and status read in the muted
       ledger palette instead of neon Tailwind hues ── */
    [data-theme="ledger"] .text-slate-100 { color: var(--lg-text) !important; }
    [data-theme="ledger"] .text-emerald-400,
    [data-theme="ledger"] .text-emerald-500 { color: var(--lg-accent) !important; }
    [data-theme="ledger"] .text-red-400,
    [data-theme="ledger"] .text-red-500 { color: #b04a42 !important; }
    [data-theme="ledger"] .text-amber-400,
    [data-theme="ledger"] .text-yellow-400 { color: #a87b23 !important; }

    /* ── PRODUCTION FILE PAGE — ledger character for the money strip
       and section titles (hooks: file-summary-*, file-panel-title) ── */
    [data-theme="ledger"] .file-summary-lbl {
        font-family: var(--lg-mono) !important;
        font-size: 9px !important;
        letter-spacing: 0.1em !important;
        text-transform: uppercase !important;
        color: var(--lg-faint) !important;
    }
    [data-theme="ledger"] .file-summary-val {
        font-family: var(--lg-mono) !important;
        font-size: 12.5px !important;
        font-weight: 500 !important;
        font-variant-numeric: tabular-nums !important;
    }
    [data-theme="ledger"] .file-panel-title {
        font-family: var(--lg-display-font) !important;
        font-weight: 700 !important;
        font-size: 13.5px !important;
        letter-spacing: -0.01em !important;
    }
    /* Active file-family pill + focused inputs pick up the green accent */
    [data-theme="ledger"] .bg-blue-500\/15 { background: #e7efe9 !important; }
    [data-theme="ledger"] .border-blue-500\/30 { border-color: rgba(20,108,78,0.35) !important; }
    [data-theme="ledger"] .focus\:border-blue-500:focus { border-color: var(--lg-accent) !important; }

    /* ── SIDEBAR FIX — the generic .bg-slate-900 (modal/surface) rule
       out-specifies the plain `aside` rule and was painting the sidebar
       white. Re-assert the ink panel at higher specificity. ── */
    [data-theme="ledger"] aside.bg-slate-900 { background: var(--lg-ink) !important; }
    [data-theme="ledger"] aside.border-slate-800 { border-color: rgba(0,0,0,0.4) !important; }
    [data-theme="ledger"] aside .bg-slate-800,
    [data-theme="ledger"] aside .hover\:bg-slate-800:hover {
        background: rgba(255,255,255,0.06) !important;
        border-color: rgba(255,255,255,0.09) !important;
    }
    [data-theme="ledger"] aside .bg-slate-900 { background: rgba(255,255,255,0.04) !important; }

    /* ── DISPATCH BOARD COLUMNS — transparent wells with a thin colored
       top rule, like the mockup, instead of dark boxes ── */
    [data-theme="ledger"] .dispatch-tab-col,
    [data-theme="ledger"] .dispatch-tab-col.bg-slate-900 {
        background: transparent !important;
        border-radius: 0 !important;
        border-top-width: 2px !important;
    }
    [data-theme="ledger"] .dispatch-tab-col > div:first-child {
        background: transparent !important;
        border-bottom: none !important;
        color: var(--lg-text) !important;
        font-size: 10px !important;
        letter-spacing: 0.1em !important;
    }
    [data-theme="ledger"] .dispatch-tab-col > div:first-child span.bg-slate-800 {
        background: transparent !important;
        border: none !important;
        padding: 0 2px !important;
        font-family: var(--lg-mono) !important;
        font-size: 10px !important;
        color: var(--lg-faint) !important;
    }
    [data-theme="ledger"] .kanban-column.bg-slate-900 { background: transparent !important; }

    /* ── COLUMN / ACCENT BORDER COLORS — Tailwind 500 hues muted to the
       ledger palette (column top rules, card left rules) ── */
    [data-theme="ledger"] .border-blue-500 { border-color: #44618c !important; }
    [data-theme="ledger"] .border-teal-500,
    [data-theme="ledger"] .border-cyan-500 { border-color: #3e7a8a !important; }
    [data-theme="ledger"] .border-yellow-500,
    [data-theme="ledger"] .border-amber-500 { border-color: #a87b23 !important; }
    [data-theme="ledger"] .border-pink-500 { border-color: #a05577 !important; }
    [data-theme="ledger"] .border-red-500,
    [data-theme="ledger"] .border-rose-500 { border-color: #b04a42 !important; }
    [data-theme="ledger"] .border-emerald-500 { border-color: #146c4e !important; }
    [data-theme="ledger"] .border-purple-500,
    [data-theme="ledger"] .border-violet-500 { border-color: #6d5a9c !important; }
    [data-theme="ledger"] .border-orange-500 { border-color: #a2601a !important; }
    [data-theme="ledger"] .border-gray-500,
    [data-theme="ledger"] .border-slate-500 { border-color: #9a9788 !important; }

    /* ── CHIP TEXT COLORS — dark-theme pastel hues darkened so the lead
       card tags and action buttons stay legible on paper ── */
    [data-theme="ledger"] .text-amber-300,
    [data-theme="ledger"] .text-amber-500,
    [data-theme="ledger"] .text-yellow-300 { color: #a87b23 !important; }
    [data-theme="ledger"] .text-violet-300,
    [data-theme="ledger"] .text-violet-400,
    [data-theme="ledger"] .text-violet-500,
    [data-theme="ledger"] .text-purple-300,
    [data-theme="ledger"] .text-purple-400 { color: #6d5a9c !important; }
    [data-theme="ledger"] .text-indigo-400,
    [data-theme="ledger"] .text-blue-300 { color: #44618c !important; }
    [data-theme="ledger"] .text-cyan-400,
    [data-theme="ledger"] .text-cyan-500,
    [data-theme="ledger"] .text-teal-400,
    [data-theme="ledger"] .text-teal-500 { color: #3e7a8a !important; }
    [data-theme="ledger"] .text-emerald-300 { color: #146c4e !important; }
    [data-theme="ledger"] .text-orange-400,
    [data-theme="ledger"] .text-orange-500 { color: #a2601a !important; }
    [data-theme="ledger"] .text-pink-400,
    [data-theme="ledger"] .text-rose-400 { color: #a05577 !important; }
    [data-theme="ledger"] .text-red-300 { color: #b04a42 !important; }
    [data-theme="ledger"] .text-fuchsia-400 { color: #a05577 !important; }

    /* ── CARD NOTE / STATUS ROWS — the dark-theme translucent slabs
       (notes, assignee, on-site timers, reasons) become soft paper
       tints with hairline borders instead of gray blocks ── */
    [data-theme="ledger"] .bg-slate-700\/50,
    [data-theme="ledger"] .bg-slate-700\/30,
    [data-theme="ledger"] .bg-slate-700\/20,
    [data-theme="ledger"] .bg-slate-700\/10,
    [data-theme="ledger"] .bg-slate-600\/10 { background: #f2f0e9 !important; }
    [data-theme="ledger"] .border-slate-600\/20,
    [data-theme="ledger"] .border-slate-600\/15,
    [data-theme="ledger"] .border-slate-600\/10 { border-color: #e6e2d8 !important; }
    [data-theme="ledger"] .bg-blue-600\/10,
    [data-theme="ledger"] .bg-blue-700\/10 { background: #eef0f4 !important; }
    [data-theme="ledger"] .border-blue-500\/20 { border-color: #d6dce6 !important; }
    [data-theme="ledger"] .bg-emerald-600\/10,
    [data-theme="ledger"] .bg-emerald-600\/15 { background: #e7efe9 !important; }
    [data-theme="ledger"] .border-emerald-500\/20,
    [data-theme="ledger"] .border-emerald-500\/40 { border-color: #c8dcd0 !important; }
    [data-theme="ledger"] .bg-amber-600\/5,
    [data-theme="ledger"] .bg-amber-600\/10 { background: #f6efdf !important; }
    [data-theme="ledger"] .border-amber-500\/10,
    [data-theme="ledger"] .border-amber-500\/20,
    [data-theme="ledger"] .border-amber-500\/40 { border-color: #e6d8b8 !important; }
    [data-theme="ledger"] .bg-orange-600\/10,
    [data-theme="ledger"] .bg-orange-500\/10,
    [data-theme="ledger"] .bg-orange-600\/15 { background: #f8f0e6 !important; }
    [data-theme="ledger"] .bg-red-600\/10,
    [data-theme="ledger"] .bg-red-600\/20 { background: #f7edeb !important; }
    [data-theme="ledger"] .border-red-500\/10,
    [data-theme="ledger"] .border-red-500\/20,
    [data-theme="ledger"] .border-red-500\/30,
    [data-theme="ledger"] .border-red-500\/40 { border-color: #e6c8c5 !important; }
    [data-theme="ledger"] .bg-violet-600\/10,
    [data-theme="ledger"] .bg-violet-600\/15 { background: #efeaf7 !important; }
    [data-theme="ledger"] .border-violet-500\/10,
    [data-theme="ledger"] .border-violet-500\/25,
    [data-theme="ledger"] .border-violet-500\/40 { border-color: #ddd4ec !important; }
    [data-theme="ledger"] .bg-cyan-600\/10 { background: #e8f1f3 !important; }
    [data-theme="ledger"] .border-cyan-500\/10 { border-color: #cfe0e4 !important; }
    [data-theme="ledger"] .bg-fuchsia-600\/15 { background: #f5e9f0 !important; }
    [data-theme="ledger"] .border-fuchsia-500\/30 { border-color: #dcc3d1 !important; }

    /* ── CARD ICON ACTIONS — quiet ghost buttons instead of four
       colored squares (hover still fills for affordance) ── */
    [data-theme="ledger"] button.bg-violet-600\/10,
    [data-theme="ledger"] button.bg-cyan-600\/10,
    [data-theme="ledger"] button.bg-slate-700\/50,
    [data-theme="ledger"] button.bg-amber-600\/20 {
        background: transparent !important;
        border: 1px solid #e6e2d8 !important;
        color: #9a9788 !important;
        border-radius: 5px !important;
    }
    [data-theme="ledger"] button.bg-violet-600\/10:hover,
    [data-theme="ledger"] button.bg-cyan-600\/10:hover,
    [data-theme="ledger"] button.bg-slate-700\/50:hover,
    [data-theme="ledger"] button.bg-amber-600\/20:hover {
        background: #f0ede4 !important;
        color: #17191e !important;
        border-color: #d8d3c6 !important;
    }

    /* ── NOTES — no more gray slabs: quote style (thin left rule on the
       card itself) with readable dark text at a real size ── */
    [data-theme="ledger"] .bg-slate-700\/30,
    [data-theme="ledger"] .bg-slate-700\/20,
    [data-theme="ledger"] .bg-slate-700\/10 {
        background: transparent !important;
        border: none !important;
        border-left: 2px solid #d8d3c6 !important;
        border-radius: 0 !important;
        padding: 2px 4px 2px 9px !important;
        color: #3c414b !important;
        font-size: 10px !important;
        font-weight: 500 !important;
        line-height: 1.45 !important;
        letter-spacing: normal !important;
    }
    /* The tinted info rows (reminder time, assignee, product/amount,
       reasons) keep their soft tints but read at a proper size */
    [data-theme="ledger"] .bg-blue-600\/10,
    [data-theme="ledger"] .bg-emerald-600\/10,
    [data-theme="ledger"] .bg-amber-600\/10,
    [data-theme="ledger"] .bg-orange-600\/10,
    [data-theme="ledger"] .bg-red-600\/10 {
        font-size: 10px !important;
        border-radius: 6px !important;
        letter-spacing: 0.02em !important;
    }

    /* ── COLUMNS, CLEARLY — each dispatch column gets its own faint well
       with a hairline frame and a 3px colored top rule; header label is
       unmistakable with a rule under it ── */
    [data-theme="ledger"] .dispatch-tab-col,
    [data-theme="ledger"] .dispatch-tab-col.bg-slate-900 {
        background: #fbfaf6 !important;
        border-left: 1px solid #e6e2d8 !important;
        border-right: 1px solid #e6e2d8 !important;
        border-bottom: 1px solid #e6e2d8 !important;
        border-top-width: 3px !important;
        border-radius: 8px !important;
    }
    [data-theme="ledger"] .dispatch-tab-col > div:first-child {
        background: var(--lg-ink) !important;
        border-bottom: none !important;
        color: #ffffff !important;
        font-size: 11px !important;
        font-weight: 800 !important;
        letter-spacing: 0.11em !important;
        padding: 9px 11px !important;
    }

    /* ── GLOWING COLUMN HEADERS — dark ink header bar, board name glows
       in the column's hue (Today board + Future day columns) ── */
    [data-theme="ledger"] .dispatch-tab-col > div:first-child span.bg-slate-800 {
        background: rgba(255,255,255,0.1) !important;
        border: none !important;
        padding: 1px 7px !important;
        border-radius: 999px !important;
        font-family: var(--lg-mono) !important;
        font-size: 10px !important;
        color: #e8eaf0 !important;
    }
    [data-theme="ledger"] .dispatch-tab-col > div:first-child .text-slate-600,
    [data-theme="ledger"] .dispatch-tab-col > div:first-child .text-slate-500 { color: #8b8f99 !important; }
    [data-theme="ledger"] .bg-slate-900\/50.rounded-2xl {
        background: #fbfaf6 !important;
        border-left: 1px solid #e6e2d8 !important;
        border-right: 1px solid #e6e2d8 !important;
        border-bottom: 1px solid #e6e2d8 !important;
        border-top-width: 3px !important;
        border-radius: 8px !important;
    }
    [data-theme="ledger"] .bg-slate-900\/50.rounded-2xl > div:first-child {
        background: var(--lg-ink) !important;
        border-bottom: none !important;
        padding: 12px 14px !important;
    }
    [data-theme="ledger"] .bg-slate-900\/50.rounded-2xl > div:first-child h3 { color: #ffffff !important; }
    [data-theme="ledger"] .bg-slate-900\/50.rounded-2xl > div:first-child p { color: #8b8f99 !important; }
    [data-theme="ledger"] .bg-slate-900\/50.rounded-2xl > div:first-child span.bg-slate-800 {
        background: rgba(255,255,255,0.1) !important;
        color: #e8eaf0 !important;
        font-family: var(--lg-mono) !important;
        border-radius: 999px !important;
    }
    [data-theme="ledger"] .border-blue-500 > div:first-child > span:first-child,
    [data-theme="ledger"] .border-blue-500 > div:first-child h3 {
        color: #ffffff !important;
        text-shadow: 0 0 9px rgba(125,162,232,0.95), 0 0 22px rgba(125,162,232,0.5) !important;
    }
    [data-theme="ledger"] .border-indigo-500 > div:first-child > span:first-child,
    [data-theme="ledger"] .border-indigo-500 > div:first-child h3 {
        color: #ffffff !important;
        text-shadow: 0 0 9px rgba(143,159,232,0.95), 0 0 22px rgba(143,159,232,0.5) !important;
    }
    [data-theme="ledger"] .border-teal-500 > div:first-child > span:first-child,
    [data-theme="ledger"] .border-teal-500 > div:first-child h3 {
        color: #ffffff !important;
        text-shadow: 0 0 9px rgba(92,192,208,0.95), 0 0 22px rgba(92,192,208,0.5) !important;
    }
    [data-theme="ledger"] .border-cyan-500 > div:first-child > span:first-child,
    [data-theme="ledger"] .border-cyan-500 > div:first-child h3 {
        color: #ffffff !important;
        text-shadow: 0 0 9px rgba(92,192,208,0.95), 0 0 22px rgba(92,192,208,0.5) !important;
    }
    [data-theme="ledger"] .border-amber-500 > div:first-child > span:first-child,
    [data-theme="ledger"] .border-amber-500 > div:first-child h3 {
        color: #ffffff !important;
        text-shadow: 0 0 9px rgba(230,180,88,0.95), 0 0 22px rgba(230,180,88,0.5) !important;
    }
    [data-theme="ledger"] .border-yellow-500 > div:first-child > span:first-child,
    [data-theme="ledger"] .border-yellow-500 > div:first-child h3 {
        color: #ffffff !important;
        text-shadow: 0 0 9px rgba(230,192,79,0.95), 0 0 22px rgba(230,192,79,0.5) !important;
    }
    [data-theme="ledger"] .border-orange-500 > div:first-child > span:first-child,
    [data-theme="ledger"] .border-orange-500 > div:first-child h3 {
        color: #ffffff !important;
        text-shadow: 0 0 9px rgba(232,147,79,0.95), 0 0 22px rgba(232,147,79,0.5) !important;
    }
    [data-theme="ledger"] .border-pink-500 > div:first-child > span:first-child,
    [data-theme="ledger"] .border-pink-500 > div:first-child h3 {
        color: #ffffff !important;
        text-shadow: 0 0 9px rgba(224,135,176,0.95), 0 0 22px rgba(224,135,176,0.5) !important;
    }
    [data-theme="ledger"] .border-red-500 > div:first-child > span:first-child,
    [data-theme="ledger"] .border-red-500 > div:first-child h3 {
        color: #ffffff !important;
        text-shadow: 0 0 9px rgba(232,131,122,0.95), 0 0 22px rgba(232,131,122,0.5) !important;
    }
    [data-theme="ledger"] .border-rose-500 > div:first-child > span:first-child,
    [data-theme="ledger"] .border-rose-500 > div:first-child h3 {
        color: #ffffff !important;
        text-shadow: 0 0 9px rgba(232,131,122,0.95), 0 0 22px rgba(232,131,122,0.5) !important;
    }
    [data-theme="ledger"] .border-emerald-500 > div:first-child > span:first-child,
    [data-theme="ledger"] .border-emerald-500 > div:first-child h3 {
        color: #ffffff !important;
        text-shadow: 0 0 9px rgba(87,207,150,0.95), 0 0 22px rgba(87,207,150,0.5) !important;
    }
    [data-theme="ledger"] .border-purple-500 > div:first-child > span:first-child,
    [data-theme="ledger"] .border-purple-500 > div:first-child h3 {
        color: #ffffff !important;
        text-shadow: 0 0 9px rgba(173,146,224,0.95), 0 0 22px rgba(173,146,224,0.5) !important;
    }
    [data-theme="ledger"] .border-violet-500 > div:first-child > span:first-child,
    [data-theme="ledger"] .border-violet-500 > div:first-child h3 {
        color: #ffffff !important;
        text-shadow: 0 0 9px rgba(173,146,224,0.95), 0 0 22px rgba(173,146,224,0.5) !important;
    }
    [data-theme="ledger"] .border-slate-500 > div:first-child > span:first-child,
    [data-theme="ledger"] .border-slate-500 > div:first-child h3 {
        color: #ffffff !important;
        text-shadow: 0 0 9px rgba(185,190,201,0.95), 0 0 22px rgba(185,190,201,0.5) !important;
    }
    [data-theme="ledger"] .border-gray-500 > div:first-child > span:first-child,
    [data-theme="ledger"] .border-gray-500 > div:first-child h3 {
        color: #ffffff !important;
        text-shadow: 0 0 9px rgba(185,190,201,0.95), 0 0 22px rgba(185,190,201,0.5) !important;
    }

    /* Cards pop against the column well */
    [data-theme="ledger"] .dispatch-tab-col [draggable="true"] {
        background: #ffffff !important;
        box-shadow: 0 1px 2px rgba(23,25,30,0.04) !important;
    }

    /* ── ACTION BUTTONS — semantic color per action instead of flat gray:
       CNFRM green, RE SCH amber, SCHED teal, CXL red. Solid fill on
       hover/press for affordance. ── */
    [data-theme="ledger"] button.border-indigo-500\/40,
    [data-theme="ledger"] button.border-purple-500\/40,
    [data-theme="ledger"] button.border-teal-500\/40,
    [data-theme="ledger"] button.border-red-500\/40,
    [data-theme="ledger"] button.border-emerald-500\/40 {
        font-family: var(--lg-mono) !important;
        font-size: 10px !important;
        font-weight: 700 !important;
        letter-spacing: 0.07em !important;
        border: none !important;
        border-radius: 6px !important;
        padding: 6px 4px !important;
    }
    [data-theme="ledger"] button.border-indigo-500\/40 { background: #e7efe9 !important; color: #146c4e !important; }
    [data-theme="ledger"] button.border-indigo-500\/40:hover { background: #146c4e !important; color: #ffffff !important; }
    [data-theme="ledger"] button.border-purple-500\/40 { background: #f8f0e6 !important; color: #a2601a !important; }
    [data-theme="ledger"] button.border-purple-500\/40:hover { background: #a2601a !important; color: #ffffff !important; }
    [data-theme="ledger"] button.border-teal-500\/40 { background: #e2f0ee !important; color: #2f6b63 !important; }
    [data-theme="ledger"] button.border-teal-500\/40:hover { background: #2f6b63 !important; color: #ffffff !important; }
    [data-theme="ledger"] button.border-red-500\/40 { background: #f7edeb !important; color: #b04a42 !important; }
    [data-theme="ledger"] button.border-red-500\/40:hover { background: #b04a42 !important; color: #ffffff !important; }
    [data-theme="ledger"] button.border-emerald-500\/40 { background: #e7efe9 !important; color: #146c4e !important; }
    [data-theme="ledger"] button.border-emerald-500\/40:hover { background: #146c4e !important; color: #ffffff !important; }
    /* ── DISPATCH TAB CHIPS — no more gray pills: inactive tabs are quiet
       text on paper, active tabs are tinted pills in the muted palette ── */
    [data-theme="ledger"] .bg-slate-800\/50 { background: #ecebe3 !important; }
    [data-theme="ledger"] .bg-slate-800\/60 { background: transparent !important; }
    [data-theme="ledger"] .bg-blue-500 { background: #eef0f4 !important; color: #44618c !important; }
    [data-theme="ledger"] .bg-orange-500 { background: #f8f0e6 !important; color: #a2601a !important; }

    /* Solid workflow buttons (Assign Rep etc.) go muted-solid, not neon */
    [data-theme="ledger"] .bg-orange-600 { background: #a2601a !important; color: #ffffff !important; }
    [data-theme="ledger"] .hover\:bg-orange-500:hover { background: #8a5116 !important; }


    /* ── GENTLE GRADIENTS (owner sketch) — hue-tinted dark gradient on
       each column's ink header, soft vertical gradients on wells and
       cards. All static CSS. ── */
    [data-theme="ledger"] .dispatch-tab-col,
    [data-theme="ledger"] .dispatch-tab-col.bg-slate-900,
    [data-theme="ledger"] .bg-slate-900\/50.rounded-2xl {
        background: linear-gradient(180deg, #efebe0 0%, #f6f3ec 110px, #f6f3ec 100%) !important;
    }
    [data-theme="ledger"] .dispatch-tab-col .bg-slate-800,
    [data-theme="ledger"] .bg-slate-900\/50.rounded-2xl .bg-slate-800 {
        background: linear-gradient(180deg, #ffffff 0%, #fdfcf8 100%) !important;
    }
    [data-theme="ledger"] .dispatch-tab-col.border-blue-500 > div:first-child,
    [data-theme="ledger"] .bg-slate-900\/50.border-blue-500 > div:first-child {
        background: linear-gradient(100deg, rgba(125,162,232,0.32) 0%, rgba(125,162,232,0.10) 55%, rgba(255,255,255,0.02) 100%), #16181d !important;
    }
    [data-theme="ledger"] .dispatch-tab-col.border-indigo-500 > div:first-child,
    [data-theme="ledger"] .bg-slate-900\/50.border-indigo-500 > div:first-child {
        background: linear-gradient(100deg, rgba(143,159,232,0.32) 0%, rgba(143,159,232,0.10) 55%, rgba(255,255,255,0.02) 100%), #16181d !important;
    }
    [data-theme="ledger"] .dispatch-tab-col.border-teal-500 > div:first-child,
    [data-theme="ledger"] .bg-slate-900\/50.border-teal-500 > div:first-child {
        background: linear-gradient(100deg, rgba(92,192,208,0.32) 0%, rgba(92,192,208,0.10) 55%, rgba(255,255,255,0.02) 100%), #16181d !important;
    }
    [data-theme="ledger"] .dispatch-tab-col.border-cyan-500 > div:first-child,
    [data-theme="ledger"] .bg-slate-900\/50.border-cyan-500 > div:first-child {
        background: linear-gradient(100deg, rgba(92,192,208,0.32) 0%, rgba(92,192,208,0.10) 55%, rgba(255,255,255,0.02) 100%), #16181d !important;
    }
    [data-theme="ledger"] .dispatch-tab-col.border-amber-500 > div:first-child,
    [data-theme="ledger"] .bg-slate-900\/50.border-amber-500 > div:first-child {
        background: linear-gradient(100deg, rgba(230,180,88,0.32) 0%, rgba(230,180,88,0.10) 55%, rgba(255,255,255,0.02) 100%), #16181d !important;
    }
    [data-theme="ledger"] .dispatch-tab-col.border-yellow-500 > div:first-child,
    [data-theme="ledger"] .bg-slate-900\/50.border-yellow-500 > div:first-child {
        background: linear-gradient(100deg, rgba(230,192,79,0.32) 0%, rgba(230,192,79,0.10) 55%, rgba(255,255,255,0.02) 100%), #16181d !important;
    }
    [data-theme="ledger"] .dispatch-tab-col.border-orange-500 > div:first-child,
    [data-theme="ledger"] .bg-slate-900\/50.border-orange-500 > div:first-child {
        background: linear-gradient(100deg, rgba(232,147,79,0.32) 0%, rgba(232,147,79,0.10) 55%, rgba(255,255,255,0.02) 100%), #16181d !important;
    }
    [data-theme="ledger"] .dispatch-tab-col.border-pink-500 > div:first-child,
    [data-theme="ledger"] .bg-slate-900\/50.border-pink-500 > div:first-child {
        background: linear-gradient(100deg, rgba(224,135,176,0.32) 0%, rgba(224,135,176,0.10) 55%, rgba(255,255,255,0.02) 100%), #16181d !important;
    }
    [data-theme="ledger"] .dispatch-tab-col.border-red-500 > div:first-child,
    [data-theme="ledger"] .bg-slate-900\/50.border-red-500 > div:first-child {
        background: linear-gradient(100deg, rgba(232,131,122,0.32) 0%, rgba(232,131,122,0.10) 55%, rgba(255,255,255,0.02) 100%), #16181d !important;
    }
    [data-theme="ledger"] .dispatch-tab-col.border-rose-500 > div:first-child,
    [data-theme="ledger"] .bg-slate-900\/50.border-rose-500 > div:first-child {
        background: linear-gradient(100deg, rgba(232,131,122,0.32) 0%, rgba(232,131,122,0.10) 55%, rgba(255,255,255,0.02) 100%), #16181d !important;
    }
    [data-theme="ledger"] .dispatch-tab-col.border-emerald-500 > div:first-child,
    [data-theme="ledger"] .bg-slate-900\/50.border-emerald-500 > div:first-child {
        background: linear-gradient(100deg, rgba(87,207,150,0.32) 0%, rgba(87,207,150,0.10) 55%, rgba(255,255,255,0.02) 100%), #16181d !important;
    }
    [data-theme="ledger"] .dispatch-tab-col.border-purple-500 > div:first-child,
    [data-theme="ledger"] .bg-slate-900\/50.border-purple-500 > div:first-child {
        background: linear-gradient(100deg, rgba(173,146,224,0.32) 0%, rgba(173,146,224,0.10) 55%, rgba(255,255,255,0.02) 100%), #16181d !important;
    }
    [data-theme="ledger"] .dispatch-tab-col.border-violet-500 > div:first-child,
    [data-theme="ledger"] .bg-slate-900\/50.border-violet-500 > div:first-child {
        background: linear-gradient(100deg, rgba(173,146,224,0.32) 0%, rgba(173,146,224,0.10) 55%, rgba(255,255,255,0.02) 100%), #16181d !important;
    }
    [data-theme="ledger"] .dispatch-tab-col.border-slate-500 > div:first-child,
    [data-theme="ledger"] .bg-slate-900\/50.border-slate-500 > div:first-child {
        background: linear-gradient(100deg, rgba(185,190,201,0.32) 0%, rgba(185,190,201,0.10) 55%, rgba(255,255,255,0.02) 100%), #16181d !important;
    }
    [data-theme="ledger"] .dispatch-tab-col.border-gray-500 > div:first-child,
    [data-theme="ledger"] .bg-slate-900\/50.border-gray-500 > div:first-child {
        background: linear-gradient(100deg, rgba(185,190,201,0.32) 0%, rgba(185,190,201,0.10) 55%, rgba(255,255,255,0.02) 100%), #16181d !important;
    }


    /* ── v2.1.5.0 OWNER ART DIRECTION ──────────────────────────────
       Headers: each column header is its own column color, white name
       with a TIGHT embossed (inner-shadow) effect in a much darker
       shade of the same hue. Cards: floating elevation style (soft
       layered shadow, larger radius) instead of gradients. Buttons:
       soft white pills. Search: neumorphic inset. ── */
    [data-theme="ledger"] .dispatch-tab-col.border-blue-500 > div:first-child,
    [data-theme="ledger"] .bg-slate-900\/50.border-blue-500 > div:first-child {
        background: linear-gradient(180deg, #4d6c99 0%, #44618c 100%) !important;
    }
    [data-theme="ledger"] .border-blue-500 > div:first-child > span:first-child,
    [data-theme="ledger"] .border-blue-500 > div:first-child h3 {
        color: #ffffff !important;
        text-shadow: 0 1px 0 rgba(36,52,77,0.95), 0 2px 2px rgba(36,52,77,0.55) !important;
    }
    [data-theme="ledger"] .dispatch-tab-col.border-indigo-500 > div:first-child,
    [data-theme="ledger"] .bg-slate-900\/50.border-indigo-500 > div:first-child {
        background: linear-gradient(180deg, #4d6c99 0%, #44618c 100%) !important;
    }
    [data-theme="ledger"] .border-indigo-500 > div:first-child > span:first-child,
    [data-theme="ledger"] .border-indigo-500 > div:first-child h3 {
        color: #ffffff !important;
        text-shadow: 0 1px 0 rgba(36,52,77,0.95), 0 2px 2px rgba(36,52,77,0.55) !important;
    }
    [data-theme="ledger"] .dispatch-tab-col.border-teal-500 > div:first-child,
    [data-theme="ledger"] .bg-slate-900\/50.border-teal-500 > div:first-child {
        background: linear-gradient(180deg, #488a9a 0%, #3e7a8a 100%) !important;
    }
    [data-theme="ledger"] .border-teal-500 > div:first-child > span:first-child,
    [data-theme="ledger"] .border-teal-500 > div:first-child h3 {
        color: #ffffff !important;
        text-shadow: 0 1px 0 rgba(31,66,75,0.95), 0 2px 2px rgba(31,66,75,0.55) !important;
    }
    [data-theme="ledger"] .dispatch-tab-col.border-cyan-500 > div:first-child,
    [data-theme="ledger"] .bg-slate-900\/50.border-cyan-500 > div:first-child {
        background: linear-gradient(180deg, #488a9a 0%, #3e7a8a 100%) !important;
    }
    [data-theme="ledger"] .border-cyan-500 > div:first-child > span:first-child,
    [data-theme="ledger"] .border-cyan-500 > div:first-child h3 {
        color: #ffffff !important;
        text-shadow: 0 1px 0 rgba(31,66,75,0.95), 0 2px 2px rgba(31,66,75,0.55) !important;
    }
    [data-theme="ledger"] .dispatch-tab-col.border-amber-500 > div:first-child,
    [data-theme="ledger"] .bg-slate-900\/50.border-amber-500 > div:first-child {
        background: linear-gradient(180deg, #b3882f 0%, #a87b23 100%) !important;
    }
    [data-theme="ledger"] .border-amber-500 > div:first-child > span:first-child,
    [data-theme="ledger"] .border-amber-500 > div:first-child h3 {
        color: #ffffff !important;
        text-shadow: 0 1px 0 rgba(92,66,16,0.95), 0 2px 2px rgba(92,66,16,0.55) !important;
    }
    [data-theme="ledger"] .dispatch-tab-col.border-yellow-500 > div:first-child,
    [data-theme="ledger"] .bg-slate-900\/50.border-yellow-500 > div:first-child {
        background: linear-gradient(180deg, #b3882f 0%, #a87b23 100%) !important;
    }
    [data-theme="ledger"] .border-yellow-500 > div:first-child > span:first-child,
    [data-theme="ledger"] .border-yellow-500 > div:first-child h3 {
        color: #ffffff !important;
        text-shadow: 0 1px 0 rgba(92,66,16,0.95), 0 2px 2px rgba(92,66,16,0.55) !important;
    }
    [data-theme="ledger"] .dispatch-tab-col.border-orange-500 > div:first-child,
    [data-theme="ledger"] .bg-slate-900\/50.border-orange-500 > div:first-child {
        background: linear-gradient(180deg, #ad6c26 0%, #a2601a 100%) !important;
    }
    [data-theme="ledger"] .border-orange-500 > div:first-child > span:first-child,
    [data-theme="ledger"] .border-orange-500 > div:first-child h3 {
        color: #ffffff !important;
        text-shadow: 0 1px 0 rgba(87,51,13,0.95), 0 2px 2px rgba(87,51,13,0.55) !important;
    }
    [data-theme="ledger"] .dispatch-tab-col.border-pink-500 > div:first-child,
    [data-theme="ledger"] .bg-slate-900\/50.border-pink-500 > div:first-child {
        background: linear-gradient(180deg, #ab6283 0%, #a05577 100%) !important;
    }
    [data-theme="ledger"] .border-pink-500 > div:first-child > span:first-child,
    [data-theme="ledger"] .border-pink-500 > div:first-child h3 {
        color: #ffffff !important;
        text-shadow: 0 1px 0 rgba(87,46,65,0.95), 0 2px 2px rgba(87,46,65,0.55) !important;
    }
    [data-theme="ledger"] .dispatch-tab-col.border-red-500 > div:first-child,
    [data-theme="ledger"] .bg-slate-900\/50.border-red-500 > div:first-child {
        background: linear-gradient(180deg, #ba574f 0%, #b04a42 100%) !important;
    }
    [data-theme="ledger"] .border-red-500 > div:first-child > span:first-child,
    [data-theme="ledger"] .border-red-500 > div:first-child h3 {
        color: #ffffff !important;
        text-shadow: 0 1px 0 rgba(94,38,34,0.95), 0 2px 2px rgba(94,38,34,0.55) !important;
    }
    [data-theme="ledger"] .dispatch-tab-col.border-rose-500 > div:first-child,
    [data-theme="ledger"] .bg-slate-900\/50.border-rose-500 > div:first-child {
        background: linear-gradient(180deg, #ba574f 0%, #b04a42 100%) !important;
    }
    [data-theme="ledger"] .border-rose-500 > div:first-child > span:first-child,
    [data-theme="ledger"] .border-rose-500 > div:first-child h3 {
        color: #ffffff !important;
        text-shadow: 0 1px 0 rgba(94,38,34,0.95), 0 2px 2px rgba(94,38,34,0.55) !important;
    }
    [data-theme="ledger"] .dispatch-tab-col.border-emerald-500 > div:first-child,
    [data-theme="ledger"] .bg-slate-900\/50.border-emerald-500 > div:first-child {
        background: linear-gradient(180deg, #1f7a5a 0%, #146c4e 100%) !important;
    }
    [data-theme="ledger"] .border-emerald-500 > div:first-child > span:first-child,
    [data-theme="ledger"] .border-emerald-500 > div:first-child h3 {
        color: #ffffff !important;
        text-shadow: 0 1px 0 rgba(10,58,41,0.95), 0 2px 2px rgba(10,58,41,0.55) !important;
    }
    [data-theme="ledger"] .dispatch-tab-col.border-purple-500 > div:first-child,
    [data-theme="ledger"] .bg-slate-900\/50.border-purple-500 > div:first-child {
        background: linear-gradient(180deg, #7a67a8 0%, #6d5a9c 100%) !important;
    }
    [data-theme="ledger"] .border-purple-500 > div:first-child > span:first-child,
    [data-theme="ledger"] .border-purple-500 > div:first-child h3 {
        color: #ffffff !important;
        text-shadow: 0 1px 0 rgba(58,47,85,0.95), 0 2px 2px rgba(58,47,85,0.55) !important;
    }
    [data-theme="ledger"] .dispatch-tab-col.border-violet-500 > div:first-child,
    [data-theme="ledger"] .bg-slate-900\/50.border-violet-500 > div:first-child {
        background: linear-gradient(180deg, #7a67a8 0%, #6d5a9c 100%) !important;
    }
    [data-theme="ledger"] .border-violet-500 > div:first-child > span:first-child,
    [data-theme="ledger"] .border-violet-500 > div:first-child h3 {
        color: #ffffff !important;
        text-shadow: 0 1px 0 rgba(58,47,85,0.95), 0 2px 2px rgba(58,47,85,0.55) !important;
    }
    [data-theme="ledger"] .dispatch-tab-col.border-slate-500 > div:first-child,
    [data-theme="ledger"] .bg-slate-900\/50.border-slate-500 > div:first-child {
        background: linear-gradient(180deg, #a5a293 0%, #9a9788 100%) !important;
    }
    [data-theme="ledger"] .border-slate-500 > div:first-child > span:first-child,
    [data-theme="ledger"] .border-slate-500 > div:first-child h3 {
        color: #ffffff !important;
        text-shadow: 0 1px 0 rgba(79,77,69,0.95), 0 2px 2px rgba(79,77,69,0.55) !important;
    }
    [data-theme="ledger"] .dispatch-tab-col.border-gray-500 > div:first-child,
    [data-theme="ledger"] .bg-slate-900\/50.border-gray-500 > div:first-child {
        background: linear-gradient(180deg, #a5a293 0%, #9a9788 100%) !important;
    }
    [data-theme="ledger"] .border-gray-500 > div:first-child > span:first-child,
    [data-theme="ledger"] .border-gray-500 > div:first-child h3 {
        color: #ffffff !important;
        text-shadow: 0 1px 0 rgba(79,77,69,0.95), 0 2px 2px rgba(79,77,69,0.55) !important;
    }

    /* Header chrome on the colored bar */
    [data-theme="ledger"] .dispatch-tab-col > div:first-child span.bg-slate-800,
    [data-theme="ledger"] .bg-slate-900\/50.rounded-2xl > div:first-child span.bg-slate-800 {
        background: rgba(255,255,255,0.22) !important;
        color: #ffffff !important;
    }
    [data-theme="ledger"] .dispatch-tab-col > div:first-child .text-slate-600,
    [data-theme="ledger"] .dispatch-tab-col > div:first-child .text-slate-500,
    [data-theme="ledger"] .bg-slate-900\/50.rounded-2xl > div:first-child p {
        color: rgba(255,255,255,0.75) !important;
    }

    /* ── LEAD CARDS — floating elevation (no gradient) ── */
    [data-theme="ledger"] .dispatch-tab-col .bg-slate-800,
    [data-theme="ledger"] .bg-slate-900\/50.rounded-2xl .bg-slate-800 {
        background: #ffffff !important;
        /* Reference elevation style: NO visible border — the edge is the
           shadow. Longhand keeps the inline 3px heat-color LEFT edge. */
        border-top: none !important;
        border-right: none !important;
        border-bottom: none !important;
        border-radius: 16px !important;
        padding: 4px 3px !important;
        box-shadow: 0 12px 28px rgba(23,25,30,0.09), 0 4px 10px rgba(23,25,30,0.05), 0 1px 2px rgba(23,25,30,0.04) !important;
    }
    /* iPad / low-perf: ONE moderate layer — still floats, cheap to paint
       (the old guard flattened it so hard the elevation disappeared) */
    html[data-perf="low"][data-theme="ledger"] .dispatch-tab-col .bg-slate-800,
    html[data-perf="low"][data-theme="ledger"] .bg-slate-900\/50.rounded-2xl .bg-slate-800 {
        box-shadow: 0 6px 16px rgba(23,25,30,0.11) !important;
    }

    /* ── ACTION BUTTONS — soft white pills (elevation style) ── */
    [data-theme="ledger"] button.border-indigo-500\/40,
    [data-theme="ledger"] button.border-purple-500\/40,
    [data-theme="ledger"] button.border-teal-500\/40,
    [data-theme="ledger"] button.border-red-500\/40,
    [data-theme="ledger"] button.border-emerald-500\/40 {
        background: #ffffff !important;
        border: none !important;
        border-radius: 999px !important;
        box-shadow: 0 1px 2px rgba(23,25,30,0.12), 0 3px 8px rgba(23,25,30,0.07) !important;
        padding: 6px 4px !important;
    }
    [data-theme="ledger"] button.border-indigo-500\/40 { color: #146c4e !important; }
    [data-theme="ledger"] button.border-emerald-500\/40 { color: #146c4e !important; }
    [data-theme="ledger"] button.border-purple-500\/40 { color: #a2601a !important; }
    [data-theme="ledger"] button.border-teal-500\/40 { color: #2f6b63 !important; }
    [data-theme="ledger"] button.border-red-500\/40 { color: #b04a42 !important; }
    html[data-perf="low"][data-theme="ledger"] button.border-indigo-500\/40,
    html[data-perf="low"][data-theme="ledger"] button.border-purple-500\/40,
    html[data-perf="low"][data-theme="ledger"] button.border-teal-500\/40,
    html[data-perf="low"][data-theme="ledger"] button.border-red-500\/40,
    html[data-perf="low"][data-theme="ledger"] button.border-emerald-500\/40 {
        box-shadow: 0 1px 3px rgba(23,25,30,0.14) !important;
    }

    /* ── SEARCH — neumorphic inset field ── */
    [data-theme="ledger"] input[placeholder*="earch"] {
        border-radius: 999px !important;
        background: #f0eee7 !important;
        border: 1px solid rgba(216,211,198,0.5) !important;
        box-shadow: inset 2px 2px 5px rgba(23,25,30,0.09), inset -2px -2px 5px rgba(255,255,255,0.85) !important;
        padding-left: 40px !important;
    }
    [data-theme="ledger"] input[placeholder*="earch"]:focus {
        box-shadow: inset 2px 2px 5px rgba(23,25,30,0.09), inset -2px -2px 5px rgba(255,255,255,0.85), 0 0 0 2px rgba(20,108,78,0.18) !important;
        border-color: rgba(20,108,78,0.35) !important;
    }


    /* ── CARD BODY, reference-style: readable sizes, relaxed rhythm ── */
    [data-theme="ledger"] .bg-slate-700\/30,
    [data-theme="ledger"] .bg-slate-700\/20,
    [data-theme="ledger"] .bg-slate-700\/10 {
        font-size: 11px !important;
        line-height: 1.55 !important;
        padding: 3px 6px 3px 10px !important;
    }
    [data-theme="ledger"] .bg-blue-600\/10,
    [data-theme="ledger"] .bg-emerald-600\/10,
    [data-theme="ledger"] .bg-amber-600\/10,
    [data-theme="ledger"] .bg-orange-600\/10,
    [data-theme="ledger"] .bg-red-600\/10 {
        font-size: 11px !important;
        padding: 5px 10px !important;
        border-radius: 8px !important;
    }
    /* the shared lower section (notes, status rows, action buttons) lines
       up with the wider header padding */
    [data-theme="ledger"] .dispatch-tab-col .bg-slate-800 > .px-2,
    [data-theme="ledger"] .bg-slate-900\/50.rounded-2xl .bg-slate-800 > .px-2 {
        padding-left: 13px !important;
        padding-right: 13px !important;
        padding-bottom: 10px !important;
    }
    [data-theme="ledger"] button.border-indigo-500\/40,
    [data-theme="ledger"] button.border-purple-500\/40,
    [data-theme="ledger"] button.border-teal-500\/40,
    [data-theme="ledger"] button.border-red-500\/40,
    [data-theme="ledger"] button.border-emerald-500\/40 {
        padding: 7px 4px !important;
    }


    /* ── v2.1.5.5 SPEED PASS (iPad went slow after the elevation pass —
       shadows repaint on every scroll frame; see the low-perf notes
       below). LOW-PERF DEVICES ONLY: cards and buttons drop the soft
       blur shadows for hairline borders + a minimal contact shadow.
       Desktops keep the full floating effect. ── */
    html[data-perf="low"][data-theme="ledger"] .dispatch-tab-col .bg-slate-800,
    html[data-perf="low"][data-theme="ledger"] .bg-slate-900\/50.rounded-2xl .bg-slate-800 {
        box-shadow: 0 1px 2px rgba(23,25,30,0.10) !important;
        border-top: 1px solid #eceadf !important;
        border-right: 1px solid #eceadf !important;
        border-bottom: 1px solid #eceadf !important;
    }
    html[data-perf="low"][data-theme="ledger"] button.border-indigo-500\/40,
    html[data-perf="low"][data-theme="ledger"] button.border-purple-500\/40,
    html[data-perf="low"][data-theme="ledger"] button.border-teal-500\/40,
    html[data-perf="low"][data-theme="ledger"] button.border-red-500\/40,
    html[data-perf="low"][data-theme="ledger"] button.border-emerald-500\/40 {
        box-shadow: none !important;
        border: 1px solid #e6e2d8 !important;
    }
    /* neumorphic inset on the search field: two inset shadows per field —
       fine on one element, but keep it single-layer on low-perf */
    html[data-perf="low"][data-theme="ledger"] input[placeholder*="earch"] {
        box-shadow: inset 1px 1px 3px rgba(23,25,30,0.08) !important;
    }


    /* ── v2.1.6.0 LEDGER ACROSS PRODUCTION & ACCOUNTING ────────────
       The production kanban board gets the dispatch treatment (wells,
       embossed color headers, floating cards); panel pages (Money
       Flow, Invoices, Balance, Mailbox, Reports) get real elevation
       on capable devices. ── */

    /* Production kanban columns: paper wells with colored top rule */
    [data-theme="ledger"] .kanban-column,
    [data-theme="ledger"] .kanban-column.bg-slate-900 {
        background: linear-gradient(180deg, #efebe0 0%, #f6f3ec 110px, #f6f3ec 100%) !important;
        border-left: 1px solid #e6e2d8 !important;
        border-right: 1px solid #e6e2d8 !important;
        border-bottom: 1px solid #e6e2d8 !important;
        border-top-width: 3px !important;
        border-radius: 10px !important;
        box-shadow: none !important;
        min-width: 300px !important;
        width: 300px !important;
    }
    /* Kanban header: title is bare text, so the emboss lands on the
       header div itself */
    [data-theme="ledger"] .kanban-column > div:first-child {
        padding: 12px 16px !important;
        border-bottom: none !important;
        font-size: 11px !important;
        font-weight: 800 !important;
        letter-spacing: 0.11em !important;
    }
    [data-theme="ledger"] .kanban-column > div:first-child span.bg-slate-800 {
        background: rgba(255,255,255,0.22) !important;
        border: none !important;
        color: #ffffff !important;
        font-family: var(--lg-mono) !important;
        font-size: 10px !important;
        padding: 1px 8px !important;
        border-radius: 999px !important;
        text-shadow: none !important;
        letter-spacing: normal !important;
    }
    [data-theme="ledger"] .kanban-column.border-blue-500 > div:first-child {
        background: linear-gradient(180deg, #4d6c99 0%, #44618c 100%) !important;
        color: #ffffff !important;
        text-shadow: 0 1px 0 rgba(36,52,77,0.95), 0 2px 2px rgba(36,52,77,0.55) !important;
    }
    [data-theme="ledger"] .kanban-column.border-teal-500 > div:first-child {
        background: linear-gradient(180deg, #488a9a 0%, #3e7a8a 100%) !important;
        color: #ffffff !important;
        text-shadow: 0 1px 0 rgba(31,66,75,0.95), 0 2px 2px rgba(31,66,75,0.55) !important;
    }
    [data-theme="ledger"] .kanban-column.border-cyan-500 > div:first-child {
        background: linear-gradient(180deg, #488a9a 0%, #3e7a8a 100%) !important;
        color: #ffffff !important;
        text-shadow: 0 1px 0 rgba(31,66,75,0.95), 0 2px 2px rgba(31,66,75,0.55) !important;
    }
    [data-theme="ledger"] .kanban-column.border-amber-500 > div:first-child {
        background: linear-gradient(180deg, #b3882f 0%, #a87b23 100%) !important;
        color: #ffffff !important;
        text-shadow: 0 1px 0 rgba(92,66,16,0.95), 0 2px 2px rgba(92,66,16,0.55) !important;
    }
    [data-theme="ledger"] .kanban-column.border-yellow-500 > div:first-child {
        background: linear-gradient(180deg, #b3882f 0%, #a87b23 100%) !important;
        color: #ffffff !important;
        text-shadow: 0 1px 0 rgba(92,66,16,0.95), 0 2px 2px rgba(92,66,16,0.55) !important;
    }
    [data-theme="ledger"] .kanban-column.border-orange-500 > div:first-child {
        background: linear-gradient(180deg, #ad6c26 0%, #a2601a 100%) !important;
        color: #ffffff !important;
        text-shadow: 0 1px 0 rgba(87,51,13,0.95), 0 2px 2px rgba(87,51,13,0.55) !important;
    }
    [data-theme="ledger"] .kanban-column.border-pink-500 > div:first-child {
        background: linear-gradient(180deg, #ab6283 0%, #a05577 100%) !important;
        color: #ffffff !important;
        text-shadow: 0 1px 0 rgba(87,46,65,0.95), 0 2px 2px rgba(87,46,65,0.55) !important;
    }
    [data-theme="ledger"] .kanban-column.border-red-500 > div:first-child {
        background: linear-gradient(180deg, #ba574f 0%, #b04a42 100%) !important;
        color: #ffffff !important;
        text-shadow: 0 1px 0 rgba(94,38,34,0.95), 0 2px 2px rgba(94,38,34,0.55) !important;
    }
    [data-theme="ledger"] .kanban-column.border-rose-500 > div:first-child {
        background: linear-gradient(180deg, #ba574f 0%, #b04a42 100%) !important;
        color: #ffffff !important;
        text-shadow: 0 1px 0 rgba(94,38,34,0.95), 0 2px 2px rgba(94,38,34,0.55) !important;
    }
    [data-theme="ledger"] .kanban-column.border-emerald-500 > div:first-child {
        background: linear-gradient(180deg, #1f7a5a 0%, #146c4e 100%) !important;
        color: #ffffff !important;
        text-shadow: 0 1px 0 rgba(10,58,41,0.95), 0 2px 2px rgba(10,58,41,0.55) !important;
    }
    [data-theme="ledger"] .kanban-column.border-purple-500 > div:first-child {
        background: linear-gradient(180deg, #7a67a8 0%, #6d5a9c 100%) !important;
        color: #ffffff !important;
        text-shadow: 0 1px 0 rgba(58,47,85,0.95), 0 2px 2px rgba(58,47,85,0.55) !important;
    }
    [data-theme="ledger"] .kanban-column.border-violet-500 > div:first-child {
        background: linear-gradient(180deg, #7a67a8 0%, #6d5a9c 100%) !important;
        color: #ffffff !important;
        text-shadow: 0 1px 0 rgba(58,47,85,0.95), 0 2px 2px rgba(58,47,85,0.55) !important;
    }
    [data-theme="ledger"] .kanban-column.border-slate-500 > div:first-child {
        background: linear-gradient(180deg, #a5a293 0%, #9a9788 100%) !important;
        color: #ffffff !important;
        text-shadow: 0 1px 0 rgba(79,77,69,0.95), 0 2px 2px rgba(79,77,69,0.55) !important;
    }
    [data-theme="ledger"] .kanban-column.border-gray-500 > div:first-child {
        background: linear-gradient(180deg, #a5a293 0%, #9a9788 100%) !important;
        color: #ffffff !important;
        text-shadow: 0 1px 0 rgba(79,77,69,0.95), 0 2px 2px rgba(79,77,69,0.55) !important;
    }

    /* Production cards float like dispatch cards (desktop) */
    [data-theme="ledger"] .kanban-column .bg-slate-800 {
        background: #ffffff !important;
        border: none !important;
        border-radius: 16px !important;
        padding: 18px !important;
        box-shadow: 0 12px 28px rgba(23,25,30,0.09), 0 4px 10px rgba(23,25,30,0.05), 0 1px 2px rgba(23,25,30,0.04) !important;
    }
    html[data-perf="low"][data-theme="ledger"] .kanban-column .bg-slate-800 {
        box-shadow: 0 1px 2px rgba(23,25,30,0.10) !important;
        border: 1px solid #eceadf !important;
    }
    /* Empty-state dashes go hairline */
    [data-theme="ledger"] .kanban-column .border-dashed {
        border-width: 2px !important;
        border-color: #d8d3c6 !important;
        border-radius: 14px !important;
        color: #9a9788 !important;
        opacity: 1 !important;
    }

    /* Panel pages (Money Flow, Invoices, Balance, Mailbox, Reports):
       real elevation on capable devices via the shadow utilities every
       panel already carries; low-perf keeps the existing flat look */
    html[data-theme="ledger"]:not([data-perf="low"]) .shadow-2xl {
        box-shadow: 0 10px 24px rgba(23,25,30,0.08), 0 2px 6px rgba(23,25,30,0.05) !important;
    }
    html[data-theme="ledger"]:not([data-perf="low"]) .shadow-xl {
        box-shadow: 0 6px 16px rgba(23,25,30,0.07), 0 1px 3px rgba(23,25,30,0.05) !important;
    }
    html[data-theme="ledger"]:not([data-perf="low"]) .bg-slate-900.rounded-2xl,
    html[data-theme="ledger"]:not([data-perf="low"]) .bg-slate-900.rounded-3xl {
        box-shadow: 0 6px 16px rgba(23,25,30,0.06), 0 1px 3px rgba(23,25,30,0.04) !important;
    }


    /* ── FILES LIST (Production): family-group row bands were dark-theme
       translucent grays -> muddy slabs on paper. Warm paper bands, soft
       hover, muted status left-edges. ── */
    [data-theme="ledger"] .bg-slate-900\/40 { background: #ffffff !important; }
    [data-theme="ledger"] .bg-slate-800\/20 { background: #ffffff !important; }
    [data-theme="ledger"] tr.hover\:bg-slate-800\/50:hover { background: #f0ede4 !important; }
    [data-theme="ledger"] .hover\:bg-slate-800\/50:hover { background: #f0ede4 !important; }
    [data-theme="ledger"] .border-l-yellow-500\/60 { border-left-color: #a87b23 !important; }
    [data-theme="ledger"] .border-l-orange-400\/60 { border-left-color: #a2601a !important; }
    [data-theme="ledger"] .border-l-teal-400\/60 { border-left-color: #3e7a8a !important; }
    [data-theme="ledger"] .border-l-blue-400\/60 { border-left-color: #44618c !important; }
    [data-theme="ledger"] .border-l-emerald-400\/60 { border-left-color: #146c4e !important; }
    [data-theme="ledger"] .border-l-red-400\/60 { border-left-color: #b04a42 !important; }
    [data-theme="ledger"] .border-l-purple-400\/60 { border-left-color: #6d5a9c !important; }


    /* ── COMPLETE NEUTRAL MAP — audit of every dark-theme neutral
       background class used anywhere in js/** (counts in commit msg).
       Anything slate/black-based renders as a paper tint, so no page
       can ambush the Ledger theme with gray slabs again. ── */
    [data-theme="ledger"] .bg-slate-700 { background: #eceadf !important; }
    [data-theme="ledger"] .bg-slate-600 { background: #e6e2d8 !important; }
    [data-theme="ledger"] .bg-slate-500 { background: #d8d3c6 !important; }
    [data-theme="ledger"] .bg-slate-950\/40,
    [data-theme="ledger"] .bg-slate-950\/50,
    [data-theme="ledger"] .bg-slate-950\/60 { background: #f2efe6 !important; }
    [data-theme="ledger"] .bg-slate-900\/30 { background: #f6f3ec !important; }
    [data-theme="ledger"] .bg-slate-900\/60 { background: #f2efe6 !important; }
    [data-theme="ledger"] .bg-slate-800\/30 { background: #f0ede4 !important; }
    [data-theme="ledger"] .bg-slate-700\/40 { background: #eceadf !important; }
    [data-theme="ledger"] .bg-slate-500\/10 { background: #f2f0e9 !important; }
    [data-theme="ledger"] .bg-black\/70 { background: rgba(23,25,30,0.45) !important; }
    [data-theme="ledger"] .hover\:bg-slate-900:hover,
    [data-theme="ledger"] .hover\:bg-slate-800:hover,
    [data-theme="ledger"] .hover\:bg-slate-700:hover,
    [data-theme="ledger"] .hover\:bg-slate-600:hover,
    [data-theme="ledger"] .hover\:bg-slate-900\/50:hover,
    [data-theme="ledger"] .hover\:bg-slate-800\/30:hover,
    [data-theme="ledger"] .hover\:bg-slate-800\/40:hover { background: #f0ede4 !important; }
    /* The ink sidebar keeps its dark feel: neutral surfaces inside it
       become translucent white, not paper */
    [data-theme="ledger"] aside .bg-slate-950\/40,
    [data-theme="ledger"] aside .bg-slate-950\/50,
    [data-theme="ledger"] aside .bg-slate-950\/60,
    [data-theme="ledger"] aside .bg-slate-900\/30,
    [data-theme="ledger"] aside .bg-slate-900\/60,
    [data-theme="ledger"] aside .bg-slate-700,
    [data-theme="ledger"] aside .bg-slate-700\/40 { background: rgba(255,255,255,0.05) !important; }
    [data-theme="ledger"] aside .hover\:bg-slate-700:hover,
    [data-theme="ledger"] aside .hover\:bg-slate-600:hover,
    [data-theme="ledger"] aside .hover\:bg-slate-800\/30:hover { background: rgba(255,255,255,0.09) !important; }


    /* ── REP FILTER SIDEBAR (Files / Open Files) — dark ink panel with
       NEUMORPHIC pill buttons like the reference: soft raised (dark
       shadow low-right, faint light high-left), pressed inset on tap,
       green accent fill when active. ── */
    [data-theme="ledger"] .w-44.bg-slate-900 {
        background: #16181d !important;
        border-right: 1px solid rgba(0,0,0,0.45) !important;
    }
    [data-theme="ledger"] .w-44.bg-slate-900 button {
        background: linear-gradient(145deg, #1f232b, #15181e) !important;
        border: none !important;
        border-radius: 999px !important;
        color: #b6bac2 !important;
        box-shadow: 4px 4px 8px rgba(0,0,0,0.5), -3px -3px 7px rgba(255,255,255,0.055) !important;
        margin-bottom: 7px !important;
    }
    [data-theme="ledger"] .w-44.bg-slate-900 button:hover { color: #ffffff !important; background: linear-gradient(145deg, #232833, #171a21) !important; }
    [data-theme="ledger"] .w-44.bg-slate-900 button:active {
        box-shadow: inset 3px 3px 6px rgba(0,0,0,0.55), inset -2px -2px 5px rgba(255,255,255,0.04) !important;
    }
    [data-theme="ledger"] .w-44.bg-slate-900 button.bg-blue-600,
    [data-theme="ledger"] .w-44.bg-slate-900 button.bg-violet-600\/20 {
        background: linear-gradient(145deg, #1a8563, #10593f) !important;
        color: #ffffff !important;
        box-shadow: 4px 4px 8px rgba(0,0,0,0.5), -3px -3px 7px rgba(255,255,255,0.055) !important;
    }
    [data-theme="ledger"] .w-44.bg-slate-900 .text-slate-500 { color: #8b8f99 !important; }

/* ── CRISP TABLES (owner references: Sharefox / Office CRM) ─────────
   Tables are WHITE with hairline separators; a row's STATUS paints it
   a clean cool pastel (like the reference row tints), not warm beige.
   Group bands are gone - the pastel is the signal. ── */
[data-theme="ledger"] table { background: #ffffff !important; }
[data-theme="ledger"] thead tr { background: #fbfbfa !important; }
[data-theme="ledger"] tbody tr:hover { background: #f3f4f3 !important; }
[data-theme="ledger"] .divide-slate-800\/50 > :not([hidden]) ~ :not([hidden]) { border-color: #eceae6 !important; }
/* Status pastels (FilesListView row classes) */
[data-theme="ledger"] tr.bg-yellow-500\/\[0\.03\],
[data-theme="ledger"] .bg-yellow-500\/\[0\.03\] { background: #fdf9e7 !important; }
[data-theme="ledger"] tr.bg-orange-500\/\[0\.04\],
[data-theme="ledger"] .bg-orange-500\/\[0\.04\] { background: #fdf3e6 !important; }
[data-theme="ledger"] tr.bg-teal-500\/\[0\.04\],
[data-theme="ledger"] .bg-teal-500\/\[0\.04\] { background: #eaf6f5 !important; }
[data-theme="ledger"] tr.bg-blue-500\/\[0\.04\],
[data-theme="ledger"] .bg-blue-500\/\[0\.04\] { background: #edf3fb !important; }
[data-theme="ledger"] tr.bg-emerald-500\/\[0\.04\],
[data-theme="ledger"] .bg-emerald-500\/\[0\.04\] { background: #ebf6ef !important; }
[data-theme="ledger"] tr.bg-red-500\/\[0\.04\],
[data-theme="ledger"] .bg-red-500\/\[0\.04\] { background: #fdeeed !important; }
[data-theme="ledger"] tr.bg-purple-500\/\[0\.04\],
[data-theme="ledger"] .bg-purple-500\/\[0\.04\] { background: #f4f0fa !important; }
/* Hover still readable over a pastel */
[data-theme="ledger"] tr.hover\:bg-slate-800\/50:hover { background: #eff0ee !important; }

/* ── v2.1.7.2 polish ────────────────────────────────────────────── */
/* Table row outlines: light hairlines, never dark */
[data-theme="ledger"] .divide-slate-800\/30 > :not([hidden]) ~ :not([hidden]),
[data-theme="ledger"] .divide-slate-800 > :not([hidden]) ~ :not([hidden]),
[data-theme="ledger"] .divide-slate-700\/50 > :not([hidden]) ~ :not([hidden]),
[data-theme="ledger"] .divide-slate-700 > :not([hidden]) ~ :not([hidden]) {
    border-color: #eceae6 !important;
}
/* Sidebar REMINDERS: the light-theme maps painted these cards paper
   inside the ink sidebar (white text on light = invisible). Dark glass
   cards with bright, readable accents. */
[data-theme="ledger"] aside .bg-slate-800\/50 {
    background: rgba(255,255,255,0.07) !important;
}
[data-theme="ledger"] aside .hover\:bg-slate-800:hover { background: rgba(255,255,255,0.12) !important; }
[data-theme="ledger"] aside .border-slate-700\/50,
[data-theme="ledger"] aside .border-slate-700 { border-color: rgba(255,255,255,0.10) !important; }
/* Colored text inside the ink sidebar uses BRIGHT hues (the paper-theme
   darks are illegible on ink) */
[data-theme="ledger"] aside .text-amber-400 { color: #e6b458 !important; }
[data-theme="ledger"] aside .text-orange-400,
[data-theme="ledger"] aside .text-orange-500 { color: #e8934f !important; }
[data-theme="ledger"] aside .text-red-400,
[data-theme="ledger"] aside .text-red-500 { color: #e8837a !important; }
[data-theme="ledger"] aside .text-emerald-400 { color: #57cf96 !important; }
[data-theme="ledger"] aside .text-blue-400,
[data-theme="ledger"] aside .text-blue-500 { color: #7da2e8 !important; }
[data-theme="ledger"] aside .text-violet-400 { color: #ad92e0 !important; }