/*
 * Alternative looks for the admin panel (picked via the palette switcher in the top bar).
 * Each look sets Tabler variables on <html data-theme="..."> and sits on a light or dark base
 * (data-bs-theme is set by resources/views/vendor/backpack/theme-tabler/layouts/partials/light_dark_mode_logic.blade.php).
 * Keep the keys in sync with $looks in config/backpack/theme-tabler.php.
 */

/* Slate Corporate uses Inter (body) and Sora (headings) */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Sora:wght@600;700&display=swap');

html[data-theme=warm-paper]      { --lk-acc-2:#e0a06a; --lk-bg:#f6f0e6; --lk-surface:#fffaf1; --lk-side:#efe6d6; --lk-line:#e8dcc6; --lk-text:#33291d; --lk-mut:#8a7a62; --lk-acc:#c0623f; --lk-acc-rgb:192,98,63;   --lk-accfg:#ffffff; --lk-input:#f8f1e4; --lk-r:16px; }
html[data-theme=slate-corporate] { --lk-bg:#eef2f6; --lk-surface:#ffffff; --lk-side:#0e2a33; --lk-line:#e3e9ef; --lk-text:#14262e; --lk-mut:#6b7c88; --lk-acc:#1d8f9a; --lk-acc-rgb:29,143,154; --lk-accfg:#ffffff; --lk-input:#f4f7fa; --lk-r:16px; }
/* ---------- map the palette onto Tabler / Bootstrap variables ---------- */
html[data-theme=warm-paper],
html[data-theme=slate-corporate] {
    --tblr-body-bg: var(--lk-bg);
    --tblr-body-color: var(--lk-text);
    --tblr-emphasis-color: var(--lk-text);
    --tblr-secondary-color: var(--lk-mut);
    --tblr-muted: var(--lk-mut);
    --tblr-bg-surface: var(--lk-surface);
    --tblr-bg-surface-secondary: var(--lk-bg);
    --tblr-card-bg: var(--lk-surface);
    --tblr-bg-forms: var(--lk-input);
    --tblr-border-color: var(--lk-line);
    --tblr-border-color-translucent: var(--lk-line);
    --tblr-border-radius: var(--lk-r);
    --tblr-border-radius-sm: calc(var(--lk-r) / 1.6);
    --tblr-border-radius-lg: var(--lk-r);
    --tblr-primary: var(--lk-acc) !important;
    --tblr-primary-rgb: var(--lk-acc-rgb) !important;
    --tblr-primary-hover: var(--lk-acc) !important;
    --tblr-primary-active: var(--lk-acc) !important;
    --tblr-btn-primary-color: var(--lk-accfg) !important;
    --tblr-link-color: var(--lk-acc);
    --tblr-link-color-rgb: var(--lk-acc-rgb);
    --tblr-link-hover-color: var(--lk-acc);
    --tblr-light-text: var(--lk-mut);
    --tblr-dark-text: var(--lk-text);
    background: var(--lk-bg);
}
/* ---------- shared component rules ---------- */
html[data-theme] body { background: var(--lk-bg); color: var(--lk-text); }
html[data-theme] .page-wrapper, html[data-theme] .page-body { background: transparent; }
html[data-theme] .card { background: var(--lk-surface); border-color: var(--lk-line); border-radius: var(--lk-r); }
html[data-theme] .card-header, html[data-theme] .card-footer { background: transparent; border-color: var(--lk-line) !important; }
html[data-theme] .form-control, html[data-theme] .form-select,
html[data-theme] .select2-container--bootstrap .select2-selection,
html[data-theme] .select2-container--default .select2-selection--single,
html[data-theme] .select2-container--default .select2-selection--multiple {
    background-color: var(--lk-input); border-color: var(--lk-line); color: var(--lk-text);
    border-radius: calc(var(--lk-r) / 1.6);
}
html[data-theme] .form-control:focus, html[data-theme] .form-select:focus { border-color: var(--lk-acc); box-shadow: 0 0 0 .2rem rgba(var(--lk-acc-rgb), .2); }
html[data-theme] .form-label, html[data-theme] label { color: var(--lk-mut); }
html[data-theme] .btn { border-radius: calc(var(--lk-r) / 2); }
html[data-theme] .btn-primary { background-color: var(--lk-acc); border-color: var(--lk-acc); color: var(--lk-accfg); }
html[data-theme] .form-check-input:checked { background-color: var(--lk-acc); border-color: var(--lk-acc); }
html[data-theme] .nav-tabs .nav-link.active { background: var(--lk-surface); color: var(--lk-acc); border-color: var(--lk-line); border-bottom-color: var(--lk-surface); }
html[data-theme] .dropdown-menu { background: var(--lk-surface); border-color: var(--lk-line); color: var(--lk-text); }
html[data-theme] .dropdown-item { color: var(--lk-text); }
html[data-theme] .dropdown-item:hover, html[data-theme] .dropdown-item.active { background: rgba(var(--lk-acc-rgb), .15); color: var(--lk-text); }
html[data-theme] .dropdown-header { color: var(--lk-mut); }
html[data-theme] .table { --tblr-table-bg: transparent; color: var(--lk-text); border-color: var(--lk-line); }
/* sidebar */
html[data-theme] .navbar-vertical { background: var(--lk-side) !important; border-color: var(--lk-line); }
html[data-theme] .navbar-vertical .nav-link { color: var(--lk-mut); }
html[data-theme] .navbar-vertical .nav-link:hover { color: var(--lk-text); }
html[data-theme] .navbar-vertical .nav-item.active > .nav-link,
html[data-theme] .navbar-vertical .nav-link.active { color: var(--lk-text); background: rgba(var(--lk-acc-rgb), .18); box-shadow: inset 3px 0 var(--lk-acc); }
html[data-theme] header.topbar-transparent, html[data-theme] .navbar-transparent { background: transparent; }
/* ---------- Warm Paper: sidebar becomes a top menu bar (desktop only; mobile keeps the collapsible menu) ---------- */
@media (min-width: 992px) {
    html[data-theme=warm-paper] aside.navbar-vertical.navbar-expand-lg {
        position: relative !important; width: 100%; height: auto; bottom: auto; padding: 0 240px 0 24px; z-index: 1030;
        background: var(--lk-surface) !important; border: 0; box-shadow: 0 2px 12px rgba(0,0,0,.08);
    }
    html[data-theme=warm-paper] aside.navbar-vertical.navbar-expand-lg::after {
        content: ''; position: absolute; left: 0; right: 0; bottom: -4px; height: 4px;
        background: linear-gradient(90deg, var(--lk-acc), var(--lk-acc-2));
    }
    html[data-theme=warm-paper] aside.navbar-vertical.navbar-expand-lg ~ .page-wrapper { margin-left: 0; }
    html[data-theme=warm-paper] aside.navbar-vertical.navbar-expand-lg > [class^=container] {
        flex-direction: row; align-items: center; justify-content: flex-start; min-height: 72px; padding: 0; gap: 28px;
    }
    html[data-theme=warm-paper] aside.navbar-vertical.navbar-expand-lg .navbar-brand { margin: 0 !important; padding: 6px 0; flex: none; }
    html[data-theme=warm-paper] aside.navbar-vertical.navbar-expand-lg .navbar-brand img { height: 56px; width: auto; max-width: none; }
    html[data-theme=warm-paper] aside.navbar-vertical.navbar-expand-lg .navbar-collapse { flex-direction: row !important; align-items: center; flex: 1; width: auto; }
    html[data-theme=warm-paper] aside.navbar-vertical.navbar-expand-lg .navbar-nav { flex-direction: row !important; align-items: center; gap: 4px; padding-top: 0 !important; }
    html[data-theme=warm-paper] aside.navbar-vertical.navbar-expand-lg .navbar-nav .nav-link { padding: 8px 16px; margin: 0; white-space: nowrap; }
    html[data-theme=warm-paper] aside.navbar-vertical.navbar-expand-lg .nav-item.dropdown { position: relative; }
    html[data-theme=warm-paper] aside.navbar-vertical.navbar-expand-lg .dropdown-menu {
        position: absolute !important; top: 100% !important; bottom: auto !important; left: 0 !important; right: auto !important; transform: none !important; margin-top: 6px;
        min-width: 15rem; padding: 6px; background: var(--lk-surface) !important; border: 1px solid var(--lk-line) !important;
        border-radius: 14px; box-shadow: 0 8px 28px rgba(0,0,0,.15); z-index: 1050;
    }
    html[data-theme=warm-paper] aside.navbar-vertical.navbar-expand-lg .dropdown-menu:not(.show) { display: none; }
    html[data-theme=warm-paper] aside.navbar-vertical.navbar-expand-lg .dropdown-item { border-radius: 10px; padding: 8px 12px; }
    /* user menu / switcher live in the page header: float it over the right end of the bar */
    html[data-theme=warm-paper] .page { position: relative; }
    html[data-theme=warm-paper] .page-wrapper > div > header {
        position: absolute; top: 0; right: 0; height: 76px; padding-right: 24px; display: flex !important; align-items: center; z-index: 1040;
    }
}
@media (min-width: 992px) {
    html[data-theme=warm-paper] aside.navbar-vertical.navbar-expand-lg .nav-item.active > .nav-link,
    html[data-theme=warm-paper] aside.navbar-vertical.navbar-expand-lg .nav-link.active { box-shadow: none !important; }
}
@media (min-width: 992px) {
    html[data-theme=warm-paper] aside.navbar-vertical.navbar-expand-lg .navbar-nav .nav-item.active > .nav-link,
    html[data-theme=warm-paper] aside.navbar-vertical.navbar-expand-lg .navbar-nav .nav-link.active { background: var(--lk-acc); color: var(--lk-accfg); border-radius: 999px; }
}
/* ---------- Slate Corporate: highly stylised, modern, professional ---------- */
html[data-theme=slate-corporate] {
    --tblr-font-sans-serif: 'Inter', 'Segoe UI Variable Text', 'Segoe UI', system-ui, sans-serif;
    --sc-teal: #2bb3a6;
    --sc-teal-2: #1d8f9a;
    --sc-ink: #0e2a33;
    --sc-shadow: 0 1px 2px rgba(14,42,51,.05), 0 18px 50px -12px rgba(14,42,51,.16);
}
html[data-theme=slate-corporate] body {
    font-family: var(--tblr-font-sans-serif); font-size: .84rem;
    background:
        radial-gradient(900px 500px at 85% -5%, rgba(43,179,166,.14), transparent 60%),
        radial-gradient(700px 500px at 20% 110%, rgba(22,65,76,.10), transparent 60%),
        var(--lk-bg);
    background-attachment: fixed;
}
html[data-theme=slate-corporate] h1, html[data-theme=slate-corporate] h2, html[data-theme=slate-corporate] h3,
html[data-theme=slate-corporate] .page-title, html[data-theme=slate-corporate] .card-title {
    font-family: 'Sora', 'Segoe UI Variable Display', 'Segoe UI', sans-serif; font-weight: 700; letter-spacing: -.02em; color: var(--sc-ink);
}
html[data-theme=slate-corporate] .header-operation h1 { font-size: 1.9rem; }
/* sidebar */
html[data-theme=slate-corporate] aside.navbar-vertical {
    background:
        radial-gradient(420px 260px at 0% 0%, rgba(43,179,166,.28), transparent 65%),
        linear-gradient(180deg, #0e2a33 0%, #0b1f26 100%) !important;
    border: 0; position: relative;
}
html[data-theme=slate-corporate] aside.navbar-vertical::after {
    content: ''; position: absolute; right: 0; top: 0; bottom: 0; width: 1px;
    background: linear-gradient(180deg, transparent, rgba(255,255,255,.18), transparent); pointer-events: none;
}
html[data-theme=slate-corporate] aside .navbar-brand {
    background: rgba(255,255,255,.96); border-radius: 18px; padding: 12px 10px; margin: 10px 4px 18px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.6);
}
html[data-theme=slate-corporate] aside .navbar-brand img { width: 150px; max-width: 100%; display: block; margin: 0 auto; }
html[data-theme=slate-corporate] aside.navbar-vertical .navbar-nav { padding-top: 6px; }
html[data-theme=slate-corporate] aside.navbar-vertical .nav-link {
    color: #a9c7c9; font-weight: 500; font-size: .88rem; border-radius: 12px; padding: 10px 14px; margin: 2px 0;
    display: flex; align-items: center; gap: 12px; position: relative; transition: background .15s, color .15s;
}
html[data-theme=slate-corporate] aside.navbar-vertical .nav-link:hover { color: #fff; background: rgba(255,255,255,.06); }
html[data-theme=slate-corporate] aside.navbar-vertical .nav-link .nav-icon {
    width: 26px; height: 26px; border-radius: 8px; background: rgba(255,255,255,.07); margin: 0 !important;
    display: inline-grid !important; place-items: center; font-size: 15px; flex: none;
}
html[data-theme=slate-corporate] aside.navbar-vertical .nav-item.active > .nav-link,
html[data-theme=slate-corporate] aside.navbar-vertical .nav-link.active {
    color: #fff; background: linear-gradient(90deg, rgba(43,179,166,.30), rgba(43,179,166,.04));
    box-shadow: inset 0 0 0 1px rgba(43,179,166,.35);
}
html[data-theme=slate-corporate] aside.navbar-vertical .nav-item.active > .nav-link .nav-icon,
html[data-theme=slate-corporate] aside.navbar-vertical .nav-link.active .nav-icon {
    background: var(--sc-teal); color: #04211f; box-shadow: 0 0 14px rgba(43,179,166,.8);
}
html[data-theme=slate-corporate] aside.navbar-vertical .nav-item.active > .nav-link::before,
html[data-theme=slate-corporate] aside.navbar-vertical .nav-link.active::before {
    content: ''; position: absolute; left: -12px; top: 10px; bottom: 10px; width: 4px; border-radius: 0 4px 4px 0;
    background: var(--sc-teal); box-shadow: 0 0 14px var(--sc-teal);
}
/* cards */
html[data-theme=slate-corporate] .card {
    border: 0; border-radius: 22px; position: relative; box-shadow: var(--sc-shadow), inset 0 0 0 1px rgba(227,233,239,.9);
}
html[data-theme=slate-corporate] .card:not([class*="bg-"])::before {
    content: ''; position: absolute; left: 26px; right: 26px; top: 0; height: 3px; border-radius: 0 0 4px 4px; z-index: 1;
    background: linear-gradient(90deg, var(--sc-teal), var(--sc-teal-2) 60%, transparent);
}
html[data-theme=slate-corporate] .card-body { padding: 1.4rem 1.6rem; }
/* tabs: segmented control above a floating panel */
html[data-theme=slate-corporate] .nav-tabs-custom > .nav-tabs {
    display: inline-flex; flex-wrap: wrap; gap: 4px; padding: 5px; border: 0; border-radius: 16px; margin: 4px 0 16px;
    background: #e9eef3; box-shadow: inset 0 1px 2px rgba(14,42,51,.08);
}
html[data-theme=slate-corporate] .nav-tabs .nav-link {
    border: 0; border-radius: 12px; padding: 9px 16px; color: var(--lk-mut); font-weight: 600; font-size: .86rem; background: transparent;
}
html[data-theme=slate-corporate] .nav-tabs .nav-link:hover { color: var(--sc-ink); }
html[data-theme=slate-corporate] .nav-tabs .nav-link.active { background: #fff; color: var(--sc-ink); box-shadow: 0 2px 8px rgba(14,42,51,.14); border: 0; }
html[data-theme=slate-corporate] .nav-tabs-custom > .tab-content {
    background: #fff; border-radius: 22px; padding: 1.4rem 1.6rem; position: relative; box-shadow: var(--sc-shadow), inset 0 0 0 1px rgba(227,233,239,.9);
}
/* fields */
html[data-theme=slate-corporate] .form-label, html[data-theme=slate-corporate] label:not(.fw-normal):not(.form-check-label) {
    font-weight: 600; font-size: .7rem; letter-spacing: .07em; text-transform: uppercase; color: var(--lk-mut);
}
html[data-theme=slate-corporate] .form-control, html[data-theme=slate-corporate] .form-select,
html[data-theme=slate-corporate] .select2-container--bootstrap .select2-selection,
html[data-theme=slate-corporate] .select2-container--default .select2-selection--single,
html[data-theme=slate-corporate] .select2-container--default .select2-selection--multiple {
    min-height: 44px; border: 0; border-radius: 12px; background-color: var(--lk-input); box-shadow: inset 0 0 0 1px var(--lk-line); font-weight: 500;
}
html[data-theme=slate-corporate] .form-control:focus, html[data-theme=slate-corporate] .form-select:focus {
    background-color: #fff; box-shadow: inset 0 0 0 1.5px var(--sc-teal), 0 0 0 4px rgba(43,179,166,.15);
}
html[data-theme=slate-corporate] .form-control:disabled, html[data-theme=slate-corporate] .form-control[readonly] { background-color: #f1f4f7; color: #8a99a3; }
html[data-theme=slate-corporate] .form-check-input:checked { background-color: var(--sc-teal-2); border-color: var(--sc-teal-2); }
/* buttons */
html[data-theme=slate-corporate] .btn { border-radius: 12px; font-weight: 600; border: 0; letter-spacing: .01em; }
html[data-theme=slate-corporate] .btn-primary, html[data-theme=slate-corporate] .btn-success, html[data-theme=slate-corporate] .btn-info {
    color: #fff; background: linear-gradient(135deg, var(--sc-teal), var(--sc-teal-2)); box-shadow: 0 8px 20px -6px rgba(29,143,154,.7);
}
html[data-theme=slate-corporate] .btn-primary:hover, html[data-theme=slate-corporate] .btn-success:hover, html[data-theme=slate-corporate] .btn-info:hover { filter: brightness(1.06); color: #fff; }
html[data-theme=slate-corporate] .finalise-mediation-btn:not(:disabled) {
    background: linear-gradient(135deg, #16414c, #0e2a33); box-shadow: 0 8px 20px -6px rgba(14,42,51,.6);
}
html[data-theme=slate-corporate] .btn-danger { color: #c4373d; background: #fff; box-shadow: inset 0 0 0 1.5px #f2c4c6; }
html[data-theme=slate-corporate] .btn-danger:hover { color: #fff; background: #c4373d; box-shadow: none; }
html[data-theme=slate-corporate] .btn-secondary { color: var(--lk-mut); background: #fff; box-shadow: inset 0 0 0 1.5px var(--lk-line); }
/* status pills: one consistent shape, each status keeps its own colour */
html[data-theme=slate-corporate] .badge {
    display: inline-flex; align-items: center; gap: 7px; padding: 6px 12px; margin-right: 8px; border-radius: 999px;
    font-weight: 700; font-size: .66rem; letter-spacing: .08em; text-transform: uppercase;
}
html[data-theme=slate-corporate] .badge::before {
    content: ''; width: 7px; height: 7px; border-radius: 50%; background: currentColor; box-shadow: 0 0 0 3px rgba(255,255,255,.25);
}
/* tables */
html[data-theme=slate-corporate] .table thead th {
    font-size: .68rem; letter-spacing: .1em; text-transform: uppercase; color: var(--lk-mut); border-bottom: 1px solid var(--lk-line);
}
html[data-theme=slate-corporate] .table tbody tr:hover > * { background: rgba(43,179,166,.06); }
html[data-theme=slate-corporate] .avatar { border-radius: 12px; }
html[data-theme=slate-corporate] .table > :not(caption) > * > * { border-bottom-color: var(--lk-line); box-shadow: none; }
html[data-theme=slate-corporate] .table-striped > tbody > tr:nth-of-type(odd) > * { --tblr-table-accent-bg: rgba(14,42,51,.025); }
/* ---------- Slate Corporate: rounded look-switcher button in the top bar (desktop) ---------- */
@media (min-width: 992px) {
    html[data-theme=slate-corporate] header .look-switcher > button {
        position: relative; width: 42px; height: 42px; padding: 0 !important; border-radius: 14px; background: #fff !important; color: var(--lk-mut) !important;
        display: grid; place-items: center; box-shadow: 0 1px 2px rgba(14,42,51,.06), inset 0 0 0 1px var(--lk-line); transition: color .15s, box-shadow .15s;
    }
    html[data-theme=slate-corporate] header .look-switcher > button:hover { color: var(--sc-teal-2) !important; box-shadow: 0 6px 16px -6px rgba(14,42,51,.25), inset 0 0 0 1px var(--lk-line); }
}
/* ---------- Slate Corporate: match the approved mockup (layout, headings, toggle, menu) ---------- */

/* page title: heading on its own line, muted subtitle + back link below */
html[data-theme=slate-corporate] .header-operation { flex-wrap: wrap; align-items: baseline; }
html[data-theme=slate-corporate] .header-operation h1 { flex: 0 0 100%; margin-bottom: 2px !important; }
html[data-theme=slate-corporate] .header-operation p { margin-left: 0 !important; color: var(--lk-mut); }
html[data-theme=slate-corporate] .header-operation p[bp-section=page-subheading-back-button]::before { content: '\00b7'; margin: 0 .5rem; color: var(--lk-mut); }
/* sidebar: "Workspace" caption above the menu, and the current page highlighted */
@media (min-width: 992px) {
    html[data-theme=slate-corporate] #mobile-menu .navbar-nav::before {
        content: 'Workspace'; display: block; font-size: .62rem; font-weight: 600; letter-spacing: .18em; text-transform: uppercase;
        color: #6f9aa0; margin: 16px 12px 10px;
    }
}
html[data-theme=slate-corporate] aside.navbar-vertical .nav-link.sc-current {
    color: #fff; background: linear-gradient(90deg, rgba(43,179,166,.30), rgba(43,179,166,.04)); box-shadow: inset 0 0 0 1px rgba(43,179,166,.35);
}
html[data-theme=slate-corporate] aside.navbar-vertical .nav-link.sc-current .nav-icon { background: var(--sc-teal); color: #04211f; box-shadow: 0 0 14px rgba(43,179,166,.8); }
html[data-theme=slate-corporate] aside.navbar-vertical .nav-link.sc-current::before {
    content: ''; position: absolute; left: -12px; top: 10px; bottom: 10px; width: 4px; border-radius: 0 4px 4px 0; background: var(--sc-teal); box-shadow: 0 0 14px var(--sc-teal);
}
/* top bar: breadcrumb sits in the bar, left of the look switcher + user (offset set by script) */
@media (min-width: 992px) {
    html[data-theme=slate-corporate] header.topbar-transparent { height: 76px; display: flex !important; align-items: center; }
    html[data-theme=slate-corporate] .page-wrapper { position: relative; }
    html[data-theme=slate-corporate] .page-body nav[aria-label=breadcrumb] { position: absolute; top: 28px; right: calc(var(--sc-cluster-w, 220px) + 52px); z-index: 5; }
    html[data-theme=slate-corporate] .page-body nav[aria-label=breadcrumb] .breadcrumb { margin: 0 !important; font-size: .8rem; }
    html[data-theme=slate-corporate] .header-operation { margin-top: 0; }
}
/* one card: header row + segmented tabs + content share a single panel */
html[data-theme=slate-corporate] .card:has(+ .tab-container) {
    border-radius: 22px 22px 0 0; margin-bottom: 0 !important; box-shadow: none; background: #fff;
}
html[data-theme=slate-corporate] .card:has(+ .tab-container) .card-body { padding-bottom: 1rem; }
html[data-theme=slate-corporate] .card + .tab-container {
    margin: 0 !important; background: #fff; border-radius: 0 0 22px 22px; padding: 0 1.6rem 1.4rem; position: relative;
    box-shadow: 0 18px 50px -14px rgba(14,42,51,.16);
}
html[data-theme=slate-corporate] .card + .tab-container .nav-tabs-custom > .tab-content {
    background: transparent; box-shadow: none; border-radius: 0; padding: .4rem 0 0;
}
html[data-theme=slate-corporate] .card + .tab-container .nav-tabs-custom > .nav-tabs { margin: 0 0 14px; }
html[data-theme=slate-corporate] .card:has(+ .tab-container)::before { z-index: 2; }
/* header action buttons: full-size, as in the mockup */
html[data-theme=slate-corporate] .btn-sm { padding: .55rem 1.05rem; font-size: .78rem; border-radius: 12px; line-height: 1.2; }
html[data-theme=slate-corporate] .start-mediation-container .btn-group, html[data-theme=slate-corporate] .start-mediation-container > div { gap: 8px; display: flex; align-items: center; }
/* section headings: small teal caps with a fading rule */
html[data-theme=slate-corporate] [bp-field-name=case_details_header] h4,
html[data-theme=slate-corporate] [bp-field-name=mediator_header_html] b {
    display: flex; align-items: center; gap: 10px; font-size: .66rem !important; font-weight: 600; letter-spacing: .16em; text-transform: uppercase;
    color: var(--lk-teal-2, #5a9e9b) !important; margin: 4px 0 6px !important;
}
html[data-theme=slate-corporate] [bp-field-name=case_details_header] h4 i { display: none; }
html[data-theme=slate-corporate] [bp-field-name=case_details_header] h4::after,
html[data-theme=slate-corporate] [bp-field-name=mediator_header_html] b::after {
    content: ''; flex: 1; height: 1px; background: linear-gradient(90deg, var(--lk-line), transparent);
}
html[data-theme=slate-corporate] [bp-field-name=mediator_header_html] br { display: none; }
/* mediation type: teal-outlined field with its own caption */
html[data-theme=slate-corporate] [bp-field-name=case_type_display]::before {
    content: 'Mediation type'; display: block; font-size: .7rem; font-weight: 600; letter-spacing: .07em; text-transform: uppercase; color: var(--lk-mut); margin-bottom: .45rem;
}
html[data-theme=slate-corporate] [bp-field-name=case_type_display] br { display: none; }
html[data-theme=slate-corporate] [bp-field-name=case_type_display] > div {
    background: #effaf8 !important; border: 0 !important; box-shadow: inset 0 0 0 1.5px var(--sc-teal); color: #0d6b62 !important;
    border-radius: 12px !important; min-height: 44px !important; padding: 0 14px !important; display: flex; align-items: center; font-weight: 500;
}
/* checkboxes inside forms become toggle switches (Co-mediation, Accept Case ...) */
html[data-theme=slate-corporate] form .form-check-input[type=checkbox] {
    appearance: none; -webkit-appearance: none; flex: none; width: 38px; height: 22px; border: 0; border-radius: 999px; margin-top: 0;
    background-color: #cdd6dc; background-repeat: no-repeat; background-size: 16px 16px; background-position: 3px center; box-shadow: none; cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='7.5' fill='%23fff'/%3E%3C/svg%3E");
    transition: background-color .15s, background-position .15s;
}
html[data-theme=slate-corporate] form .form-check-input[type=checkbox]:checked {
    background-color: var(--sc-teal-2); background-position: calc(100% - 3px) center; box-shadow: 0 4px 10px -2px rgba(29,143,154,.6);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='7.5' fill='%23fff'/%3E%3C/svg%3E");
}
html[data-theme=slate-corporate] form .form-check-input[type=checkbox]:focus { box-shadow: 0 0 0 4px rgba(43,179,166,.2); }
html[data-theme=slate-corporate] form .form-check-input[type=checkbox]:disabled { opacity: .55; cursor: not-allowed; }
html[data-theme=slate-corporate] form .form-check label { font-size: .85rem; font-weight: 600; letter-spacing: 0; text-transform: none; color: var(--lk-text); }
/* Slate Corporate: the read-only (show) screen follows the same layout as edit */
html[data-theme=slate-corporate] [bp-section=crud-operation-show] > [class*=col-] { flex: 0 0 100%; max-width: 100%; }
html[data-theme=slate-corporate] .case-section-title {
    display: flex; align-items: center; gap: 10px; font-family: var(--tblr-font-sans-serif); font-size: .66rem; font-weight: 600; letter-spacing: .16em;
    text-transform: uppercase; color: #5a9e9b; margin: 1.2rem 0 .6rem !important;
}
html[data-theme=slate-corporate] .case-section-title::after { content: ''; flex: 1; height: 1px; background: linear-gradient(90deg, var(--lk-line), transparent); }
html[data-theme=slate-corporate] .case-type-box {
    background: #effaf8 !important; border: 0 !important; box-shadow: inset 0 0 0 1.5px var(--sc-teal); color: #0d6b62 !important;
    border-radius: 12px !important; min-height: 44px !important; padding: 0 14px !important; font-weight: 500;
}
html[data-theme=slate-corporate] [bp-section=crud-operation-show] .form-check-input[type=checkbox] {
    appearance: none; -webkit-appearance: none; flex: none; width: 38px; height: 22px; border: 0; border-radius: 999px; margin-top: 0;
    background-color: #cdd6dc; background-repeat: no-repeat; background-size: 16px 16px; background-position: 3px center; box-shadow: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='7.5' fill='%23fff'/%3E%3C/svg%3E");
}
html[data-theme=slate-corporate] [bp-section=crud-operation-show] .form-check-input[type=checkbox]:checked {
    background-color: var(--sc-teal-2); background-position: calc(100% - 3px) center; opacity: .85;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='7.5' fill='%23fff'/%3E%3C/svg%3E");
}
html[data-theme=slate-corporate] [bp-section=crud-operation-show] .form-check-label { font-size: .85rem; font-weight: 600; letter-spacing: 0; text-transform: none; color: var(--lk-text); }
html[data-theme=slate-corporate] [bp-section=crud-operation-show] .form-check { display: flex; align-items: center; gap: .6rem; padding-left: 0; }
/* Slate Corporate: breathing room between the look switcher and the user menu */
@media (min-width: 992px) {
    html[data-theme=slate-corporate] header .navbar-nav .nav-item + .nav-item { margin-left: 22px; }
}
/* ---------- Warm Paper: element look shared with Slate Corporate (generated from the Slate rules) ---------- */
/* Warm Paper element rules */
html[data-theme=warm-paper] {
    --tblr-font-sans-serif: 'Inter', 'Segoe UI Variable Text', 'Segoe UI', system-ui, sans-serif;
    --sc-teal: #d2714b;
    --sc-teal-2: #b4532f;
    --sc-ink: #4a3526;
    --sc-shadow: 0 1px 2px rgba(74,53,38,.05), 0 18px 50px -12px rgba(74,53,38,.16);
}
html[data-theme=warm-paper] body {
    font-family: var(--tblr-font-sans-serif); font-size: .84rem;
    background:
        radial-gradient(900px 500px at 85% -5%, rgba(210,113,75,.14), transparent 60%),
        radial-gradient(700px 500px at 20% 110%, rgba(192,98,63,.10), transparent 60%),
        var(--lk-bg);
    background-attachment: fixed;
}
html[data-theme=warm-paper] h1, html[data-theme=warm-paper] h2, html[data-theme=warm-paper] h3,
html[data-theme=warm-paper] .page-title, html[data-theme=warm-paper] .card-title {
    font-family: 'Sora', 'Segoe UI Variable Display', 'Segoe UI', sans-serif; font-weight: 700; letter-spacing: -.02em; color: var(--sc-ink);
}
html[data-theme=warm-paper] .header-operation h1 { font-size: 1.9rem; }
/* cards */
html[data-theme=warm-paper] .card {
    border: 0; border-radius: 22px; position: relative; box-shadow: var(--sc-shadow), inset 0 0 0 1px rgba(232,220,198,.9);
}
html[data-theme=warm-paper] .card:not([class*="bg-"])::before {
    content: ''; position: absolute; left: 26px; right: 26px; top: 0; height: 3px; border-radius: 0 0 4px 4px; z-index: 1;
    background: linear-gradient(90deg, var(--sc-teal), var(--sc-teal-2) 60%, transparent);
}
html[data-theme=warm-paper] .card-body { padding: 1.4rem 1.6rem; }
/* tabs: segmented control above a floating panel */
html[data-theme=warm-paper] .nav-tabs-custom > .nav-tabs {
    display: inline-flex; flex-wrap: wrap; gap: 4px; padding: 5px; border: 0; border-radius: 16px; margin: 4px 0 16px;
    background: #efe5d2; box-shadow: inset 0 1px 2px rgba(74,53,38,.08);
}
html[data-theme=warm-paper] .nav-tabs .nav-link {
    border: 0; border-radius: 12px; padding: 9px 16px; color: var(--lk-mut); font-weight: 600; font-size: .86rem; background: transparent;
}
html[data-theme=warm-paper] .nav-tabs .nav-link:hover { color: var(--sc-ink); }
html[data-theme=warm-paper] .nav-tabs .nav-link.active { background: var(--lk-surface); color: var(--sc-ink); box-shadow: 0 2px 8px rgba(74,53,38,.14); border: 0; }
html[data-theme=warm-paper] .nav-tabs-custom > .tab-content {
    background: var(--lk-surface); border-radius: 22px; padding: 1.4rem 1.6rem; position: relative; box-shadow: var(--sc-shadow), inset 0 0 0 1px rgba(232,220,198,.9);
}
/* fields */
html[data-theme=warm-paper] .form-label, html[data-theme=warm-paper] label:not(.fw-normal):not(.form-check-label) {
    font-weight: 600; font-size: .7rem; letter-spacing: .07em; text-transform: uppercase; color: var(--lk-mut);
}
html[data-theme=warm-paper] .form-control, html[data-theme=warm-paper] .form-select,
html[data-theme=warm-paper] .select2-container--bootstrap .select2-selection,
html[data-theme=warm-paper] .select2-container--default .select2-selection--single,
html[data-theme=warm-paper] .select2-container--default .select2-selection--multiple {
    min-height: 44px; border: 0; border-radius: 12px; background-color: var(--lk-input); box-shadow: inset 0 0 0 1px var(--lk-line); font-weight: 500;
}
html[data-theme=warm-paper] .form-control:focus, html[data-theme=warm-paper] .form-select:focus {
    background-color: #fff; box-shadow: inset 0 0 0 1.5px var(--sc-teal), 0 0 0 4px rgba(210,113,75,.15);
}
html[data-theme=warm-paper] .form-control:disabled, html[data-theme=warm-paper] .form-control[readonly] { background-color: #f3ebdb; color: #a39577; }
html[data-theme=warm-paper] .form-check-input:checked { background-color: var(--sc-teal-2); border-color: var(--sc-teal-2); }
/* buttons */
html[data-theme=warm-paper] .btn { border-radius: 12px; font-weight: 600; border: 0; letter-spacing: .01em; }
html[data-theme=warm-paper] .btn-primary, html[data-theme=warm-paper] .btn-success, html[data-theme=warm-paper] .btn-info {
    color: #fff; background: linear-gradient(135deg, var(--sc-teal), var(--sc-teal-2)); box-shadow: 0 8px 20px -6px rgba(180,83,47,.7);
}
html[data-theme=warm-paper] .btn-primary:hover, html[data-theme=warm-paper] .btn-success:hover, html[data-theme=warm-paper] .btn-info:hover { filter: brightness(1.06); color: #fff; }
html[data-theme=warm-paper] .finalise-mediation-btn:not(:disabled) {
    background: linear-gradient(135deg, #5a4130, #33291d); box-shadow: 0 8px 20px -6px rgba(74,53,38,.6);
}
html[data-theme=warm-paper] .btn-danger { color: #c4373d; background: var(--lk-surface); box-shadow: inset 0 0 0 1.5px #f0c3bf; }
html[data-theme=warm-paper] .btn-danger:hover { color: #fff; background: #c4373d; box-shadow: none; }
html[data-theme=warm-paper] .btn-secondary { color: var(--lk-mut); background: var(--lk-surface); box-shadow: inset 0 0 0 1.5px var(--lk-line); }
/* status pills: one consistent shape, each status keeps its own colour */
html[data-theme=warm-paper] .badge {
    display: inline-flex; align-items: center; gap: 7px; padding: 6px 12px; margin-right: 8px; border-radius: 999px;
    font-weight: 700; font-size: .66rem; letter-spacing: .08em; text-transform: uppercase;
}
html[data-theme=warm-paper] .badge::before {
    content: ''; width: 7px; height: 7px; border-radius: 50%; background: currentColor; box-shadow: 0 0 0 3px rgba(255,255,255,.25);
}
/* tables */
html[data-theme=warm-paper] .table thead th {
    font-size: .68rem; letter-spacing: .1em; text-transform: uppercase; color: var(--lk-mut); border-bottom: 1px solid var(--lk-line);
}
html[data-theme=warm-paper] .table tbody tr:hover > * { background: rgba(210,113,75,.06); }
html[data-theme=warm-paper] .avatar { border-radius: 12px; }
html[data-theme=warm-paper] .table > :not(caption) > * > * { border-bottom-color: var(--lk-line); box-shadow: none; }
html[data-theme=warm-paper] .table-striped > tbody > tr:nth-of-type(odd) > * { --tblr-table-accent-bg: rgba(74,53,38,.025); }
/* ---------- Warm Paper: rounded look-switcher button in the top bar (desktop) ---------- */
@media (min-width: 992px) {
    html[data-theme=warm-paper] header .look-switcher > button {
        position: relative; width: 42px; height: 42px; padding: 0 !important; border-radius: 14px; background: #fff !important; color: var(--lk-mut) !important;
        display: grid; place-items: center; box-shadow: 0 1px 2px rgba(74,53,38,.06), inset 0 0 0 1px var(--lk-line); transition: color .15s, box-shadow .15s;
    }
    html[data-theme=warm-paper] header .look-switcher > button:hover { color: var(--sc-teal-2) !important; box-shadow: 0 6px 16px -6px rgba(74,53,38,.25), inset 0 0 0 1px var(--lk-line); }
}
/* ---------- Warm Paper: match the approved mockup (layout, headings, toggle, menu) ---------- */

/* page title: heading on its own line, muted subtitle + back link below */
html[data-theme=warm-paper] .header-operation { flex-wrap: wrap; align-items: baseline; }
html[data-theme=warm-paper] .header-operation h1 { flex: 0 0 100%; margin-bottom: 2px !important; }
html[data-theme=warm-paper] .header-operation p { margin-left: 0 !important; color: var(--lk-mut); }
html[data-theme=warm-paper] .header-operation p[bp-section=page-subheading-back-button]::before { content: '\00b7'; margin: 0 .5rem; color: var(--lk-mut); }
/* top bar: breadcrumb sits in the bar, left of the look switcher + user (offset set by script) */
@media (min-width: 992px) {
    html[data-theme=warm-paper] .header-operation { margin-top: 0; }
}
/* one card: header row + segmented tabs + content share a single panel */
html[data-theme=warm-paper] .card:has(+ .tab-container) {
    border-radius: 22px 22px 0 0; margin-bottom: 0 !important; box-shadow: none; background: var(--lk-surface);
}
html[data-theme=warm-paper] .card:has(+ .tab-container) .card-body { padding-bottom: 1rem; }
html[data-theme=warm-paper] .card + .tab-container {
    margin: 0 !important; background: var(--lk-surface); border-radius: 0 0 22px 22px; padding: 0 1.6rem 1.4rem; position: relative;
    box-shadow: 0 18px 50px -14px rgba(74,53,38,.16);
}
html[data-theme=warm-paper] .card + .tab-container .nav-tabs-custom > .tab-content {
    background: transparent; box-shadow: none; border-radius: 0; padding: .4rem 0 0;
}
html[data-theme=warm-paper] .card + .tab-container .nav-tabs-custom > .nav-tabs { margin: 0 0 14px; }
html[data-theme=warm-paper] .card:has(+ .tab-container)::before { z-index: 2; }
/* header action buttons: full-size, as in the mockup */
html[data-theme=warm-paper] .btn-sm { padding: .55rem 1.05rem; font-size: .78rem; border-radius: 12px; line-height: 1.2; }
html[data-theme=warm-paper] .start-mediation-container .btn-group, html[data-theme=warm-paper] .start-mediation-container > div { gap: 8px; display: flex; align-items: center; }
/* section headings: small terracotta caps with a fading rule */
html[data-theme=warm-paper] [bp-field-name=case_details_header] h4,
html[data-theme=warm-paper] [bp-field-name=mediator_header_html] b {
    display: flex; align-items: center; gap: 10px; font-size: .66rem !important; font-weight: 600; letter-spacing: .16em; text-transform: uppercase;
    color: var(--lk-terracotta-2, #b9774f) !important; margin: 4px 0 6px !important;
}
html[data-theme=warm-paper] [bp-field-name=case_details_header] h4 i { display: none; }
html[data-theme=warm-paper] [bp-field-name=case_details_header] h4::after,
html[data-theme=warm-paper] [bp-field-name=mediator_header_html] b::after {
    content: ''; flex: 1; height: 1px; background: linear-gradient(90deg, var(--lk-line), transparent);
}
html[data-theme=warm-paper] [bp-field-name=mediator_header_html] br { display: none; }
/* mediation type: terracotta-outlined field with its own caption */
html[data-theme=warm-paper] [bp-field-name=case_type_display]::before {
    content: 'Mediation type'; display: block; font-size: .7rem; font-weight: 600; letter-spacing: .07em; text-transform: uppercase; color: var(--lk-mut); margin-bottom: .45rem;
}
html[data-theme=warm-paper] [bp-field-name=case_type_display] br { display: none; }
html[data-theme=warm-paper] [bp-field-name=case_type_display] > div {
    background: #fdf1ea !important; border: 0 !important; box-shadow: inset 0 0 0 1.5px var(--sc-teal); color: #8a3f22 !important;
    border-radius: 12px !important; min-height: 44px !important; padding: 0 14px !important; display: flex; align-items: center; font-weight: 500;
}
/* checkboxes inside forms become toggle switches (Co-mediation, Accept Case ...) */
html[data-theme=warm-paper] form .form-check-input[type=checkbox] {
    appearance: none; -webkit-appearance: none; flex: none; width: 38px; height: 22px; border: 0; border-radius: 999px; margin-top: 0;
    background-color: #d9ccb4; background-repeat: no-repeat; background-size: 16px 16px; background-position: 3px center; box-shadow: none; cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='7.5' fill='%23fff'/%3E%3C/svg%3E");
    transition: background-color .15s, background-position .15s;
}
html[data-theme=warm-paper] form .form-check-input[type=checkbox]:checked {
    background-color: var(--sc-teal-2); background-position: calc(100% - 3px) center; box-shadow: 0 4px 10px -2px rgba(180,83,47,.6);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='7.5' fill='%23fff'/%3E%3C/svg%3E");
}
html[data-theme=warm-paper] form .form-check-input[type=checkbox]:focus { box-shadow: 0 0 0 4px rgba(210,113,75,.2); }
html[data-theme=warm-paper] form .form-check-input[type=checkbox]:disabled { opacity: .55; cursor: not-allowed; }
html[data-theme=warm-paper] form .form-check label { font-size: .85rem; font-weight: 600; letter-spacing: 0; text-transform: none; color: var(--lk-text); }
/* Warm Paper: the read-only (show) screen follows the same layout as edit */
html[data-theme=warm-paper] [bp-section=crud-operation-show] > [class*=col-] { flex: 0 0 100%; max-width: 100%; }
html[data-theme=warm-paper] .case-section-title {
    display: flex; align-items: center; gap: 10px; font-family: var(--tblr-font-sans-serif); font-size: .66rem; font-weight: 600; letter-spacing: .16em;
    text-transform: uppercase; color: #b9774f; margin: 1.2rem 0 .6rem !important;
}
html[data-theme=warm-paper] .case-section-title::after { content: ''; flex: 1; height: 1px; background: linear-gradient(90deg, var(--lk-line), transparent); }
html[data-theme=warm-paper] .case-type-box {
    background: #fdf1ea !important; border: 0 !important; box-shadow: inset 0 0 0 1.5px var(--sc-teal); color: #8a3f22 !important;
    border-radius: 12px !important; min-height: 44px !important; padding: 0 14px !important; font-weight: 500;
}
html[data-theme=warm-paper] [bp-section=crud-operation-show] .form-check-input[type=checkbox] {
    appearance: none; -webkit-appearance: none; flex: none; width: 38px; height: 22px; border: 0; border-radius: 999px; margin-top: 0;
    background-color: #d9ccb4; background-repeat: no-repeat; background-size: 16px 16px; background-position: 3px center; box-shadow: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='7.5' fill='%23fff'/%3E%3C/svg%3E");
}
html[data-theme=warm-paper] [bp-section=crud-operation-show] .form-check-input[type=checkbox]:checked {
    background-color: var(--sc-teal-2); background-position: calc(100% - 3px) center; opacity: .85;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='7.5' fill='%23fff'/%3E%3C/svg%3E");
}
html[data-theme=warm-paper] [bp-section=crud-operation-show] .form-check-label { font-size: .85rem; font-weight: 600; letter-spacing: 0; text-transform: none; color: var(--lk-text); }
html[data-theme=warm-paper] [bp-section=crud-operation-show] .form-check { display: flex; align-items: center; gap: .6rem; padding-left: 0; }
/* Warm Paper: breathing room between the look switcher and the user menu */
@media (min-width: 992px) {
    html[data-theme=warm-paper] header .navbar-nav .nav-item + .nav-item { margin-left: 22px; }
}
/* ---------- Warm Paper: top menu restyled to match the element look (nav chips + gradient current page) ---------- */
@media (min-width: 992px) {
    html[data-theme=warm-paper] aside.navbar-vertical.navbar-expand-lg .navbar-nav .nav-link {
        display: flex; align-items: center; gap: 10px; border-radius: 999px; padding: 8px 16px 8px 10px; margin: 0;
        color: #7a6a52; font-weight: 600; font-size: .86rem; white-space: nowrap; transition: color .15s, background .15s;
    }
    html[data-theme=warm-paper] aside.navbar-vertical.navbar-expand-lg .navbar-nav .nav-link:hover { color: var(--sc-ink); background: rgba(74,53,38,.05); }
    html[data-theme=warm-paper] aside.navbar-vertical.navbar-expand-lg .navbar-nav .nav-link .nav-icon {
        width: 24px; height: 24px; border-radius: 8px; margin: 0 !important; display: inline-grid !important; place-items: center; font-size: 14px; flex: none;
        background: rgba(74,53,38,.06);
    }
    html[data-theme=warm-paper] aside.navbar-vertical.navbar-expand-lg .navbar-nav .nav-item.active > .nav-link,
    html[data-theme=warm-paper] aside.navbar-vertical.navbar-expand-lg .navbar-nav .nav-link.active,
    html[data-theme=warm-paper] aside.navbar-vertical.navbar-expand-lg .navbar-nav .nav-link.sc-current {
        color: #fff !important; background: linear-gradient(135deg, #d2714b, #b4532f) !important; box-shadow: 0 8px 20px -6px rgba(180,83,47,.7) !important;
    }
    html[data-theme=warm-paper] aside.navbar-vertical.navbar-expand-lg .navbar-nav .nav-item.active > .nav-link .nav-icon,
    html[data-theme=warm-paper] aside.navbar-vertical.navbar-expand-lg .navbar-nav .nav-link.active .nav-icon,
    html[data-theme=warm-paper] aside.navbar-vertical.navbar-expand-lg .navbar-nav .nav-link.sc-current .nav-icon { background: rgba(255,255,255,.22); color: #fff; }
}
/* read-only date field carries Bootstrap's bg-light: keep it on-palette */
html[data-theme=warm-paper] .form-control.bg-light { background-color: #f3ebdb !important; }
html[data-theme=slate-corporate] .form-control.bg-light { background-color: #f1f4f7 !important; }
/* ---------- Warm Paper + Slate Corporate: dashboard widgets, Messages folder bar, alerts ---------- */
/* The dashboard view injects a blue background (#4A7BC3, !important) and white text on every .card, plus inline blue buttons;
   bring all of it onto the look's palette. */
:is(html[data-theme=warm-paper], html[data-theme=slate-corporate]) .card {
    background-color: var(--lk-surface) !important; color: var(--lk-text);
}
:is(html[data-theme=warm-paper], html[data-theme=slate-corporate]) .card .card-body,
:is(html[data-theme=warm-paper], html[data-theme=slate-corporate]) .card .card-title,
:is(html[data-theme=warm-paper], html[data-theme=slate-corporate]) .card .card-text,
:is(html[data-theme=warm-paper], html[data-theme=slate-corporate]) .card .text-white { color: var(--lk-text) !important; }
:is(html[data-theme=warm-paper], html[data-theme=slate-corporate]) .card .card-header {
    background: transparent !important; color: var(--sc-ink) !important; border-bottom: 1px solid var(--lk-line);
    font-family: 'Sora', 'Segoe UI Variable Display', 'Segoe UI', sans-serif; font-weight: 700; letter-spacing: -.01em;
}
:is(html[data-theme=warm-paper], html[data-theme=slate-corporate]) h4,
:is(html[data-theme=warm-paper], html[data-theme=slate-corporate]) h5,
:is(html[data-theme=warm-paper], html[data-theme=slate-corporate]) h6 {
    font-family: 'Sora', 'Segoe UI Variable Display', 'Segoe UI', sans-serif; letter-spacing: -.01em;
}
/* stat tiles: accent number, quiet label, soft accent bar */
:is(html[data-theme=warm-paper], html[data-theme=slate-corporate]) .card-body > .h1:first-child {
    font-family: 'Sora', 'Segoe UI Variable Display', 'Segoe UI', sans-serif; font-weight: 700; font-size: 2.1rem; letter-spacing: -.03em;
    color: var(--sc-teal) !important; margin-bottom: .4rem !important;
}
:is(html[data-theme=warm-paper], html[data-theme=slate-corporate]) .card-text .h1 {
    font-size: .98rem; font-weight: 600; letter-spacing: 0; color: var(--lk-text) !important;
}
:is(html[data-theme=warm-paper], html[data-theme=slate-corporate]) .card .progress { background-color: var(--lk-line); height: .4rem; border-radius: 999px; }
:is(html[data-theme=warm-paper], html[data-theme=slate-corporate]) .card .progress.progress-xs .progress-bar,
:is(html[data-theme=warm-paper], html[data-theme=slate-corporate]) .card .progress-bar.bg-info.progress-bar-striped { background: linear-gradient(90deg, var(--sc-teal), var(--sc-teal-2)) !important; }
:is(html[data-theme=warm-paper], html[data-theme=slate-corporate]) .card .progress-xs .progress-bar { background: linear-gradient(90deg, var(--sc-teal), var(--sc-teal-2)) !important; }
:is(html[data-theme=warm-paper], html[data-theme=slate-corporate]) .card small,
:is(html[data-theme=warm-paper], html[data-theme=slate-corporate]) .card .small,
:is(html[data-theme=warm-paper], html[data-theme=slate-corporate]) .card .text-muted { color: var(--lk-mut) !important; }
/* status overview: tall rounded bars with readable labels (each status keeps its own colour) */
:is(html[data-theme=warm-paper], html[data-theme=slate-corporate]) .card .progress[style*="height: 20px"] { height: 22px !important; background-color: var(--lk-input); }
:is(html[data-theme=warm-paper], html[data-theme=slate-corporate]) .card .progress[style*="height: 20px"] .progress-bar { font-weight: 700; font-size: .68rem; }
:is(html[data-theme=warm-paper], html[data-theme=slate-corporate]) .card .table { --tblr-table-color: var(--lk-text); color: var(--lk-text); }
/* inline-blue buttons from the dashboard view */
:is(html[data-theme=warm-paper], html[data-theme=slate-corporate]) a.btn[style*="4A7BC3" i] {
    color: var(--sc-teal-2) !important; border: 0 !important; border-radius: 10px !important; background: rgba(var(--lk-acc-rgb), .10) !important; box-shadow: none !important;
}
:is(html[data-theme=warm-paper], html[data-theme=slate-corporate]) a.btn[style*="4A7BC3" i]:hover { background: rgba(var(--lk-acc-rgb), .18) !important; }
:is(html[data-theme=warm-paper], html[data-theme=slate-corporate]) a.btn.btn-outline-primary[style*="4A7BC3" i] {
    color: #fff !important; background: linear-gradient(135deg, var(--sc-teal), var(--sc-teal-2)) !important; border-radius: 12px !important;
    box-shadow: 0 8px 20px -6px rgba(var(--lk-acc-rgb), .6) !important; font-size: .95rem !important; padding: .65rem 1.4rem !important;
}
:is(html[data-theme=warm-paper], html[data-theme=slate-corporate]) .card h1[style] {
    font-family: 'Sora', 'Segoe UI Variable Display', 'Segoe UI', sans-serif; color: var(--sc-ink) !important; font-weight: 700; letter-spacing: -.02em;
}
/* transparent wrapper cards on the dashboard (welcome text, create button) stay see-through */
:is(html[data-theme=warm-paper], html[data-theme=slate-corporate]) .card[style*="background-color: transparent"] {
    background-color: transparent !important; box-shadow: none !important; border: 0 !important;
}
:is(html[data-theme=warm-paper], html[data-theme=slate-corporate]) .card[style*="background-color: transparent"]::before { display: none; }
/* Messages: folder bar (alert-info with inline blue) + generic info alerts */
:is(html[data-theme=warm-paper], html[data-theme=slate-corporate]) .alert-info,
:is(html[data-theme=warm-paper], html[data-theme=slate-corporate]) #folder-indicator {
    background-color: var(--lk-surface) !important; color: var(--lk-text); border: 0 !important; border-radius: 18px;
    box-shadow: 0 1px 2px rgba(0,0,0,.04), 0 10px 30px -12px rgba(0,0,0,.12), inset 4px 0 0 var(--sc-teal);
}
:is(html[data-theme=warm-paper], html[data-theme=slate-corporate]) #folder-indicator { padding: 1rem 1.3rem; }
:is(html[data-theme=warm-paper], html[data-theme=slate-corporate]) #folder-indicator i.la { color: var(--sc-teal); }
:is(html[data-theme=warm-paper], html[data-theme=slate-corporate]) #folder-indicator strong { font-size: .72rem; letter-spacing: .08em; text-transform: uppercase; color: var(--lk-mut); }
:is(html[data-theme=warm-paper], html[data-theme=slate-corporate]) #folder-label { font-weight: 700; color: var(--sc-ink); }
:is(html[data-theme=warm-paper], html[data-theme=slate-corporate]) #folder-indicator .btn-group {
    background: var(--lk-input); padding: 4px; border-radius: 14px; gap: 4px; box-shadow: inset 0 1px 2px rgba(0,0,0,.06);
}
:is(html[data-theme=warm-paper], html[data-theme=slate-corporate]) #folder-indicator .btn-group > .btn { border-radius: 10px !important; margin: 0 !important; }
:is(html[data-theme=warm-paper], html[data-theme=slate-corporate]) #folder-indicator .btn-outline-primary {
    background: transparent !important; color: var(--lk-mut) !important; box-shadow: none !important; border: 0 !important;
}
:is(html[data-theme=warm-paper], html[data-theme=slate-corporate]) #folder-indicator .btn-outline-primary:hover { color: var(--sc-ink) !important; background: rgba(var(--lk-acc-rgb), .08) !important; }
/* Warm Paper top menu: let dropdowns extend past the bar instead of being clipped by it */
@media (min-width: 992px) {
    html[data-theme=warm-paper] aside.navbar-vertical.navbar-expand-lg,
    html[data-theme=warm-paper] aside.navbar-vertical.navbar-expand-lg > [class^=container],
    html[data-theme=warm-paper] aside.navbar-vertical.navbar-expand-lg .navbar-collapse,
    html[data-theme=warm-paper] aside.navbar-vertical.navbar-expand-lg .navbar-nav {
        overflow: visible !important; max-height: none;
    }
    html[data-theme=warm-paper] aside.navbar-vertical.navbar-expand-lg .dropdown-menu { max-height: none !important; overflow: visible; }
}
/* status bars: the "info" colour becomes a calm on-palette teal */
html[data-theme=warm-paper] .progress-bar.bg-info { background-color: #4f938f !important; }
html[data-theme=slate-corporate] .progress-bar.bg-info { background-color: #3b8fa8 !important; }
/* Slate Corporate: keep the longest menu label ("Access") inside the sidebar */
html[data-theme=slate-corporate] aside.navbar-vertical .nav-link { gap: 10px; padding: 10px 10px; font-size: .84rem; }
/* Slate Corporate: expanded sidebar submenus (Access, Parties, Settings) stay readable on the dark sidebar */
html[data-theme=slate-corporate] aside.navbar-vertical .dropdown-menu {
    background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 2px 0 8px 14px; margin: 0;
}
html[data-theme=slate-corporate] aside.navbar-vertical .dropdown-item {
    display: flex; align-items: center; gap: 10px; color: #a9c7c9 !important; font-weight: 500; font-size: .84rem; border-radius: 10px; padding: 8px 12px; background: transparent;
}
html[data-theme=slate-corporate] aside.navbar-vertical .dropdown-item:hover,
html[data-theme=slate-corporate] aside.navbar-vertical .dropdown-item:focus { color: #fff !important; background: rgba(255,255,255,.07); }
html[data-theme=slate-corporate] aside.navbar-vertical .dropdown-item.active,
html[data-theme=slate-corporate] aside.navbar-vertical .dropdown-item:active { color: #fff !important; background: rgba(43,179,166,.22); box-shadow: inset 0 0 0 1px rgba(43,179,166,.35); }
html[data-theme=slate-corporate] aside.navbar-vertical .dropdown-item .nav-icon,
html[data-theme=slate-corporate] aside.navbar-vertical .dropdown-item i { color: #7fa6aa; margin: 0 !important; width: 18px; text-align: center; }
html[data-theme=slate-corporate] aside.navbar-vertical .dropdown-divider { border-color: rgba(255,255,255,.1); }

/* ---------- Dark looks: structure inherited from the light looks (generated copy, selectors renamed to *-dark) ---------- */
html[data-theme=warm-paper-dark]      { --lk-acc-2:#e0a06a; --lk-bg:#f6f0e6; --lk-surface:#fffaf1; --lk-side:#efe6d6; --lk-line:#e8dcc6; --lk-text:#33291d; --lk-mut:#8a7a62; --lk-acc:#c0623f; --lk-acc-rgb:192,98,63;   --lk-accfg:#ffffff; --lk-input:#f8f1e4; --lk-r:16px; }
html[data-theme=slate-corporate-dark] { --lk-bg:#eef2f6; --lk-surface:#ffffff; --lk-side:#0e2a33; --lk-line:#e3e9ef; --lk-text:#14262e; --lk-mut:#6b7c88; --lk-acc:#1d8f9a; --lk-acc-rgb:29,143,154; --lk-accfg:#ffffff; --lk-input:#f4f7fa; --lk-r:16px; }
/* ---------- map the palette onto Tabler / Bootstrap variables ---------- */
html[data-theme=warm-paper-dark],
html[data-theme=slate-corporate-dark] {
    --tblr-body-bg: var(--lk-bg);
    --tblr-body-color: var(--lk-text);
    --tblr-emphasis-color: var(--lk-text);
    --tblr-secondary-color: var(--lk-mut);
    --tblr-muted: var(--lk-mut);
    --tblr-bg-surface: var(--lk-surface);
    --tblr-bg-surface-secondary: var(--lk-bg);
    --tblr-card-bg: var(--lk-surface);
    --tblr-bg-forms: var(--lk-input);
    --tblr-border-color: var(--lk-line);
    --tblr-border-color-translucent: var(--lk-line);
    --tblr-border-radius: var(--lk-r);
    --tblr-border-radius-sm: calc(var(--lk-r) / 1.6);
    --tblr-border-radius-lg: var(--lk-r);
    --tblr-primary: var(--lk-acc) !important;
    --tblr-primary-rgb: var(--lk-acc-rgb) !important;
    --tblr-primary-hover: var(--lk-acc) !important;
    --tblr-primary-active: var(--lk-acc) !important;
    --tblr-btn-primary-color: var(--lk-accfg) !important;
    --tblr-link-color: var(--lk-acc);
    --tblr-link-color-rgb: var(--lk-acc-rgb);
    --tblr-link-hover-color: var(--lk-acc);
    --tblr-light-text: var(--lk-mut);
    --tblr-dark-text: var(--lk-text);
    background: var(--lk-bg);
}
/* ---------- Warm Paper: sidebar becomes a top menu bar (desktop only; mobile keeps the collapsible menu) ---------- */
@media (min-width: 992px) {
    html[data-theme=warm-paper-dark] aside.navbar-vertical.navbar-expand-lg {
        position: relative !important; width: 100%; height: auto; bottom: auto; padding: 0 240px 0 24px; z-index: 1030;
        background: var(--lk-surface) !important; border: 0; box-shadow: 0 2px 12px rgba(0,0,0,.08);
    }
    html[data-theme=warm-paper-dark] aside.navbar-vertical.navbar-expand-lg::after {
        content: ''; position: absolute; left: 0; right: 0; bottom: -4px; height: 4px;
        background: linear-gradient(90deg, var(--lk-acc), var(--lk-acc-2));
    }
    html[data-theme=warm-paper-dark] aside.navbar-vertical.navbar-expand-lg ~ .page-wrapper { margin-left: 0; }
    html[data-theme=warm-paper-dark] aside.navbar-vertical.navbar-expand-lg > [class^=container] {
        flex-direction: row; align-items: center; justify-content: flex-start; min-height: 72px; padding: 0; gap: 28px;
    }
    html[data-theme=warm-paper-dark] aside.navbar-vertical.navbar-expand-lg .navbar-brand { margin: 0 !important; padding: 6px 0; flex: none; }
    html[data-theme=warm-paper-dark] aside.navbar-vertical.navbar-expand-lg .navbar-brand img { height: 56px; width: auto; max-width: none; }
    html[data-theme=warm-paper-dark] aside.navbar-vertical.navbar-expand-lg .navbar-collapse { flex-direction: row !important; align-items: center; flex: 1; width: auto; }
    html[data-theme=warm-paper-dark] aside.navbar-vertical.navbar-expand-lg .navbar-nav { flex-direction: row !important; align-items: center; gap: 4px; padding-top: 0 !important; }
    html[data-theme=warm-paper-dark] aside.navbar-vertical.navbar-expand-lg .navbar-nav .nav-link { padding: 8px 16px; margin: 0; white-space: nowrap; }
    html[data-theme=warm-paper-dark] aside.navbar-vertical.navbar-expand-lg .nav-item.dropdown { position: relative; }
    html[data-theme=warm-paper-dark] aside.navbar-vertical.navbar-expand-lg .dropdown-menu {
        position: absolute !important; top: 100% !important; bottom: auto !important; left: 0 !important; right: auto !important; transform: none !important; margin-top: 6px;
        min-width: 15rem; padding: 6px; background: var(--lk-surface) !important; border: 1px solid var(--lk-line) !important;
        border-radius: 14px; box-shadow: 0 8px 28px rgba(0,0,0,.15); z-index: 1050;
    }
    html[data-theme=warm-paper-dark] aside.navbar-vertical.navbar-expand-lg .dropdown-menu:not(.show) { display: none; }
    html[data-theme=warm-paper-dark] aside.navbar-vertical.navbar-expand-lg .dropdown-item { border-radius: 10px; padding: 8px 12px; }
    /* user menu / switcher live in the page header: float it over the right end of the bar */
    html[data-theme=warm-paper-dark] .page { position: relative; }
    html[data-theme=warm-paper-dark] .page-wrapper > div > header {
        position: absolute; top: 0; right: 0; height: 76px; padding-right: 24px; display: flex !important; align-items: center; z-index: 1040;
    }
}
@media (min-width: 992px) {
    html[data-theme=warm-paper-dark] aside.navbar-vertical.navbar-expand-lg .nav-item.active > .nav-link,
    html[data-theme=warm-paper-dark] aside.navbar-vertical.navbar-expand-lg .nav-link.active { box-shadow: none !important; }
}
@media (min-width: 992px) {
    html[data-theme=warm-paper-dark] aside.navbar-vertical.navbar-expand-lg .navbar-nav .nav-item.active > .nav-link,
    html[data-theme=warm-paper-dark] aside.navbar-vertical.navbar-expand-lg .navbar-nav .nav-link.active { background: var(--lk-acc); color: var(--lk-accfg); border-radius: 999px; }
}
/* ---------- Slate Corporate: highly stylised, modern, professional ---------- */
html[data-theme=slate-corporate-dark] {
    --tblr-font-sans-serif: 'Inter', 'Segoe UI Variable Text', 'Segoe UI', system-ui, sans-serif;
    --sc-teal: #2bb3a6;
    --sc-teal-2: #1d8f9a;
    --sc-ink: #0e2a33;
    --sc-shadow: 0 1px 2px rgba(14,42,51,.05), 0 18px 50px -12px rgba(14,42,51,.16);
}
html[data-theme=slate-corporate-dark] body {
    font-family: var(--tblr-font-sans-serif); font-size: .84rem;
    background:
        radial-gradient(900px 500px at 85% -5%, rgba(43,179,166,.14), transparent 60%),
        radial-gradient(700px 500px at 20% 110%, rgba(22,65,76,.10), transparent 60%),
        var(--lk-bg);
    background-attachment: fixed;
}
html[data-theme=slate-corporate-dark] h1, html[data-theme=slate-corporate-dark] h2, html[data-theme=slate-corporate-dark] h3,
html[data-theme=slate-corporate-dark] .page-title, html[data-theme=slate-corporate-dark] .card-title {
    font-family: 'Sora', 'Segoe UI Variable Display', 'Segoe UI', sans-serif; font-weight: 700; letter-spacing: -.02em; color: var(--sc-ink);
}
html[data-theme=slate-corporate-dark] .header-operation h1 { font-size: 1.9rem; }
/* sidebar */
html[data-theme=slate-corporate-dark] aside.navbar-vertical {
    background:
        radial-gradient(420px 260px at 0% 0%, rgba(43,179,166,.28), transparent 65%),
        linear-gradient(180deg, #0e2a33 0%, #0b1f26 100%) !important;
    border: 0; position: relative;
}
html[data-theme=slate-corporate-dark] aside.navbar-vertical::after {
    content: ''; position: absolute; right: 0; top: 0; bottom: 0; width: 1px;
    background: linear-gradient(180deg, transparent, rgba(255,255,255,.18), transparent); pointer-events: none;
}
html[data-theme=slate-corporate-dark] aside .navbar-brand {
    background: rgba(255,255,255,.96); border-radius: 18px; padding: 12px 10px; margin: 10px 4px 18px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.6);
}
html[data-theme=slate-corporate-dark] aside .navbar-brand img { width: 150px; max-width: 100%; display: block; margin: 0 auto; }
html[data-theme=slate-corporate-dark] aside.navbar-vertical .navbar-nav { padding-top: 6px; }
html[data-theme=slate-corporate-dark] aside.navbar-vertical .nav-link {
    color: #a9c7c9; font-weight: 500; font-size: .88rem; border-radius: 12px; padding: 10px 14px; margin: 2px 0;
    display: flex; align-items: center; gap: 12px; position: relative; transition: background .15s, color .15s;
}
html[data-theme=slate-corporate-dark] aside.navbar-vertical .nav-link:hover { color: #fff; background: rgba(255,255,255,.06); }
html[data-theme=slate-corporate-dark] aside.navbar-vertical .nav-link .nav-icon {
    width: 26px; height: 26px; border-radius: 8px; background: rgba(255,255,255,.07); margin: 0 !important;
    display: inline-grid !important; place-items: center; font-size: 15px; flex: none;
}
html[data-theme=slate-corporate-dark] aside.navbar-vertical .nav-item.active > .nav-link,
html[data-theme=slate-corporate-dark] aside.navbar-vertical .nav-link.active {
    color: #fff; background: linear-gradient(90deg, rgba(43,179,166,.30), rgba(43,179,166,.04));
    box-shadow: inset 0 0 0 1px rgba(43,179,166,.35);
}
html[data-theme=slate-corporate-dark] aside.navbar-vertical .nav-item.active > .nav-link .nav-icon,
html[data-theme=slate-corporate-dark] aside.navbar-vertical .nav-link.active .nav-icon {
    background: var(--sc-teal); color: #04211f; box-shadow: 0 0 14px rgba(43,179,166,.8);
}
html[data-theme=slate-corporate-dark] aside.navbar-vertical .nav-item.active > .nav-link::before,
html[data-theme=slate-corporate-dark] aside.navbar-vertical .nav-link.active::before {
    content: ''; position: absolute; left: -12px; top: 10px; bottom: 10px; width: 4px; border-radius: 0 4px 4px 0;
    background: var(--sc-teal); box-shadow: 0 0 14px var(--sc-teal);
}
/* cards */
html[data-theme=slate-corporate-dark] .card {
    border: 0; border-radius: 22px; position: relative; box-shadow: var(--sc-shadow), inset 0 0 0 1px rgba(227,233,239,.9);
}
html[data-theme=slate-corporate-dark] .card:not([class*="bg-"])::before {
    content: ''; position: absolute; left: 26px; right: 26px; top: 0; height: 3px; border-radius: 0 0 4px 4px; z-index: 1;
    background: linear-gradient(90deg, var(--sc-teal), var(--sc-teal-2) 60%, transparent);
}
html[data-theme=slate-corporate-dark] .card-body { padding: 1.4rem 1.6rem; }
/* tabs: segmented control above a floating panel */
html[data-theme=slate-corporate-dark] .nav-tabs-custom > .nav-tabs {
    display: inline-flex; flex-wrap: wrap; gap: 4px; padding: 5px; border: 0; border-radius: 16px; margin: 4px 0 16px;
    background: #e9eef3; box-shadow: inset 0 1px 2px rgba(14,42,51,.08);
}
html[data-theme=slate-corporate-dark] .nav-tabs .nav-link {
    border: 0; border-radius: 12px; padding: 9px 16px; color: var(--lk-mut); font-weight: 600; font-size: .86rem; background: transparent;
}
html[data-theme=slate-corporate-dark] .nav-tabs .nav-link:hover { color: var(--sc-ink); }
html[data-theme=slate-corporate-dark] .nav-tabs .nav-link.active { background: #fff; color: var(--sc-ink); box-shadow: 0 2px 8px rgba(14,42,51,.14); border: 0; }
html[data-theme=slate-corporate-dark] .nav-tabs-custom > .tab-content {
    background: #fff; border-radius: 22px; padding: 1.4rem 1.6rem; position: relative; box-shadow: var(--sc-shadow), inset 0 0 0 1px rgba(227,233,239,.9);
}
/* fields */
html[data-theme=slate-corporate-dark] .form-label, html[data-theme=slate-corporate-dark] label:not(.fw-normal):not(.form-check-label) {
    font-weight: 600; font-size: .7rem; letter-spacing: .07em; text-transform: uppercase; color: var(--lk-mut);
}
html[data-theme=slate-corporate-dark] .form-control, html[data-theme=slate-corporate-dark] .form-select,
html[data-theme=slate-corporate-dark] .select2-container--bootstrap .select2-selection,
html[data-theme=slate-corporate-dark] .select2-container--default .select2-selection--single,
html[data-theme=slate-corporate-dark] .select2-container--default .select2-selection--multiple {
    min-height: 44px; border: 0; border-radius: 12px; background-color: var(--lk-input); box-shadow: inset 0 0 0 1px var(--lk-line); font-weight: 500;
}
html[data-theme=slate-corporate-dark] .form-control:focus, html[data-theme=slate-corporate-dark] .form-select:focus {
    background-color: #fff; box-shadow: inset 0 0 0 1.5px var(--sc-teal), 0 0 0 4px rgba(43,179,166,.15);
}
html[data-theme=slate-corporate-dark] .form-control:disabled, html[data-theme=slate-corporate-dark] .form-control[readonly] { background-color: #f1f4f7; color: #8a99a3; }
html[data-theme=slate-corporate-dark] .form-check-input:checked { background-color: var(--sc-teal-2); border-color: var(--sc-teal-2); }
/* buttons */
html[data-theme=slate-corporate-dark] .btn { border-radius: 12px; font-weight: 600; border: 0; letter-spacing: .01em; }
html[data-theme=slate-corporate-dark] .btn-primary, html[data-theme=slate-corporate-dark] .btn-success, html[data-theme=slate-corporate-dark] .btn-info {
    color: #fff; background: linear-gradient(135deg, var(--sc-teal), var(--sc-teal-2)); box-shadow: 0 8px 20px -6px rgba(29,143,154,.7);
}
html[data-theme=slate-corporate-dark] .btn-primary:hover, html[data-theme=slate-corporate-dark] .btn-success:hover, html[data-theme=slate-corporate-dark] .btn-info:hover { filter: brightness(1.06); color: #fff; }
html[data-theme=slate-corporate-dark] .finalise-mediation-btn:not(:disabled) {
    background: linear-gradient(135deg, #16414c, #0e2a33); box-shadow: 0 8px 20px -6px rgba(14,42,51,.6);
}
html[data-theme=slate-corporate-dark] .btn-danger { color: #c4373d; background: #fff; box-shadow: inset 0 0 0 1.5px #f2c4c6; }
html[data-theme=slate-corporate-dark] .btn-danger:hover { color: #fff; background: #c4373d; box-shadow: none; }
html[data-theme=slate-corporate-dark] .btn-secondary { color: var(--lk-mut); background: #fff; box-shadow: inset 0 0 0 1.5px var(--lk-line); }
/* status pills: one consistent shape, each status keeps its own colour */
html[data-theme=slate-corporate-dark] .badge {
    display: inline-flex; align-items: center; gap: 7px; padding: 6px 12px; margin-right: 8px; border-radius: 999px;
    font-weight: 700; font-size: .66rem; letter-spacing: .08em; text-transform: uppercase;
}
html[data-theme=slate-corporate-dark] .badge::before {
    content: ''; width: 7px; height: 7px; border-radius: 50%; background: currentColor; box-shadow: 0 0 0 3px rgba(255,255,255,.25);
}
/* tables */
html[data-theme=slate-corporate-dark] .table thead th {
    font-size: .68rem; letter-spacing: .1em; text-transform: uppercase; color: var(--lk-mut); border-bottom: 1px solid var(--lk-line);
}
html[data-theme=slate-corporate-dark] .table tbody tr:hover > * { background: rgba(43,179,166,.06); }
html[data-theme=slate-corporate-dark] .avatar { border-radius: 12px; }
html[data-theme=slate-corporate-dark] .table > :not(caption) > * > * { border-bottom-color: var(--lk-line); box-shadow: none; }
html[data-theme=slate-corporate-dark] .table-striped > tbody > tr:nth-of-type(odd) > * { --tblr-table-accent-bg: rgba(14,42,51,.025); }
/* ---------- Slate Corporate: rounded look-switcher button in the top bar (desktop) ---------- */
@media (min-width: 992px) {
    html[data-theme=slate-corporate-dark] header .look-switcher > button {
        position: relative; width: 42px; height: 42px; padding: 0 !important; border-radius: 14px; background: #fff !important; color: var(--lk-mut) !important;
        display: grid; place-items: center; box-shadow: 0 1px 2px rgba(14,42,51,.06), inset 0 0 0 1px var(--lk-line); transition: color .15s, box-shadow .15s;
    }
    html[data-theme=slate-corporate-dark] header .look-switcher > button:hover { color: var(--sc-teal-2) !important; box-shadow: 0 6px 16px -6px rgba(14,42,51,.25), inset 0 0 0 1px var(--lk-line); }
}
/* ---------- Slate Corporate: match the approved mockup (layout, headings, toggle, menu) ---------- */

/* page title: heading on its own line, muted subtitle + back link below */
html[data-theme=slate-corporate-dark] .header-operation { flex-wrap: wrap; align-items: baseline; }
html[data-theme=slate-corporate-dark] .header-operation h1 { flex: 0 0 100%; margin-bottom: 2px !important; }
html[data-theme=slate-corporate-dark] .header-operation p { margin-left: 0 !important; color: var(--lk-mut); }
html[data-theme=slate-corporate-dark] .header-operation p[bp-section=page-subheading-back-button]::before { content: '\00b7'; margin: 0 .5rem; color: var(--lk-mut); }
/* sidebar: "Workspace" caption above the menu, and the current page highlighted */
@media (min-width: 992px) {
    html[data-theme=slate-corporate-dark] #mobile-menu .navbar-nav::before {
        content: 'Workspace'; display: block; font-size: .62rem; font-weight: 600; letter-spacing: .18em; text-transform: uppercase;
        color: #6f9aa0; margin: 16px 12px 10px;
    }
}
html[data-theme=slate-corporate-dark] aside.navbar-vertical .nav-link.sc-current {
    color: #fff; background: linear-gradient(90deg, rgba(43,179,166,.30), rgba(43,179,166,.04)); box-shadow: inset 0 0 0 1px rgba(43,179,166,.35);
}
html[data-theme=slate-corporate-dark] aside.navbar-vertical .nav-link.sc-current .nav-icon { background: var(--sc-teal); color: #04211f; box-shadow: 0 0 14px rgba(43,179,166,.8); }
html[data-theme=slate-corporate-dark] aside.navbar-vertical .nav-link.sc-current::before {
    content: ''; position: absolute; left: -12px; top: 10px; bottom: 10px; width: 4px; border-radius: 0 4px 4px 0; background: var(--sc-teal); box-shadow: 0 0 14px var(--sc-teal);
}
/* top bar: breadcrumb sits in the bar, left of the look switcher + user (offset set by script) */
@media (min-width: 992px) {
    html[data-theme=slate-corporate-dark] header.topbar-transparent { height: 76px; display: flex !important; align-items: center; }
    html[data-theme=slate-corporate-dark] .page-wrapper { position: relative; }
    html[data-theme=slate-corporate-dark] .page-body nav[aria-label=breadcrumb] { position: absolute; top: 28px; right: calc(var(--sc-cluster-w, 220px) + 52px); z-index: 5; }
    html[data-theme=slate-corporate-dark] .page-body nav[aria-label=breadcrumb] .breadcrumb { margin: 0 !important; font-size: .8rem; }
    html[data-theme=slate-corporate-dark] .header-operation { margin-top: 0; }
}
/* one card: header row + segmented tabs + content share a single panel */
html[data-theme=slate-corporate-dark] .card:has(+ .tab-container) {
    border-radius: 22px 22px 0 0; margin-bottom: 0 !important; box-shadow: none; background: #fff;
}
html[data-theme=slate-corporate-dark] .card:has(+ .tab-container) .card-body { padding-bottom: 1rem; }
html[data-theme=slate-corporate-dark] .card + .tab-container {
    margin: 0 !important; background: #fff; border-radius: 0 0 22px 22px; padding: 0 1.6rem 1.4rem; position: relative;
    box-shadow: 0 18px 50px -14px rgba(14,42,51,.16);
}
html[data-theme=slate-corporate-dark] .card + .tab-container .nav-tabs-custom > .tab-content {
    background: transparent; box-shadow: none; border-radius: 0; padding: .4rem 0 0;
}
html[data-theme=slate-corporate-dark] .card + .tab-container .nav-tabs-custom > .nav-tabs { margin: 0 0 14px; }
html[data-theme=slate-corporate-dark] .card:has(+ .tab-container)::before { z-index: 2; }
/* header action buttons: full-size, as in the mockup */
html[data-theme=slate-corporate-dark] .btn-sm { padding: .55rem 1.05rem; font-size: .78rem; border-radius: 12px; line-height: 1.2; }
html[data-theme=slate-corporate-dark] .start-mediation-container .btn-group, html[data-theme=slate-corporate-dark] .start-mediation-container > div { gap: 8px; display: flex; align-items: center; }
/* section headings: small teal caps with a fading rule */
html[data-theme=slate-corporate-dark] [bp-field-name=case_details_header] h4,
html[data-theme=slate-corporate-dark] [bp-field-name=mediator_header_html] b {
    display: flex; align-items: center; gap: 10px; font-size: .66rem !important; font-weight: 600; letter-spacing: .16em; text-transform: uppercase;
    color: var(--lk-teal-2, #5a9e9b) !important; margin: 4px 0 6px !important;
}
html[data-theme=slate-corporate-dark] [bp-field-name=case_details_header] h4 i { display: none; }
html[data-theme=slate-corporate-dark] [bp-field-name=case_details_header] h4::after,
html[data-theme=slate-corporate-dark] [bp-field-name=mediator_header_html] b::after {
    content: ''; flex: 1; height: 1px; background: linear-gradient(90deg, var(--lk-line), transparent);
}
html[data-theme=slate-corporate-dark] [bp-field-name=mediator_header_html] br { display: none; }
/* mediation type: teal-outlined field with its own caption */
html[data-theme=slate-corporate-dark] [bp-field-name=case_type_display]::before {
    content: 'Mediation type'; display: block; font-size: .7rem; font-weight: 600; letter-spacing: .07em; text-transform: uppercase; color: var(--lk-mut); margin-bottom: .45rem;
}
html[data-theme=slate-corporate-dark] [bp-field-name=case_type_display] br { display: none; }
html[data-theme=slate-corporate-dark] [bp-field-name=case_type_display] > div {
    background: #effaf8 !important; border: 0 !important; box-shadow: inset 0 0 0 1.5px var(--sc-teal); color: #0d6b62 !important;
    border-radius: 12px !important; min-height: 44px !important; padding: 0 14px !important; display: flex; align-items: center; font-weight: 500;
}
/* checkboxes inside forms become toggle switches (Co-mediation, Accept Case ...) */
html[data-theme=slate-corporate-dark] form .form-check-input[type=checkbox] {
    appearance: none; -webkit-appearance: none; flex: none; width: 38px; height: 22px; border: 0; border-radius: 999px; margin-top: 0;
    background-color: #cdd6dc; background-repeat: no-repeat; background-size: 16px 16px; background-position: 3px center; box-shadow: none; cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='7.5' fill='%23fff'/%3E%3C/svg%3E");
    transition: background-color .15s, background-position .15s;
}
html[data-theme=slate-corporate-dark] form .form-check-input[type=checkbox]:checked {
    background-color: var(--sc-teal-2); background-position: calc(100% - 3px) center; box-shadow: 0 4px 10px -2px rgba(29,143,154,.6);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='7.5' fill='%23fff'/%3E%3C/svg%3E");
}
html[data-theme=slate-corporate-dark] form .form-check-input[type=checkbox]:focus { box-shadow: 0 0 0 4px rgba(43,179,166,.2); }
html[data-theme=slate-corporate-dark] form .form-check-input[type=checkbox]:disabled { opacity: .55; cursor: not-allowed; }
html[data-theme=slate-corporate-dark] form .form-check label { font-size: .85rem; font-weight: 600; letter-spacing: 0; text-transform: none; color: var(--lk-text); }
/* Slate Corporate: the read-only (show) screen follows the same layout as edit */
html[data-theme=slate-corporate-dark] [bp-section=crud-operation-show] > [class*=col-] { flex: 0 0 100%; max-width: 100%; }
html[data-theme=slate-corporate-dark] .case-section-title {
    display: flex; align-items: center; gap: 10px; font-family: var(--tblr-font-sans-serif); font-size: .66rem; font-weight: 600; letter-spacing: .16em;
    text-transform: uppercase; color: #5a9e9b; margin: 1.2rem 0 .6rem !important;
}
html[data-theme=slate-corporate-dark] .case-section-title::after { content: ''; flex: 1; height: 1px; background: linear-gradient(90deg, var(--lk-line), transparent); }
html[data-theme=slate-corporate-dark] .case-type-box {
    background: #effaf8 !important; border: 0 !important; box-shadow: inset 0 0 0 1.5px var(--sc-teal); color: #0d6b62 !important;
    border-radius: 12px !important; min-height: 44px !important; padding: 0 14px !important; font-weight: 500;
}
html[data-theme=slate-corporate-dark] [bp-section=crud-operation-show] .form-check-input[type=checkbox] {
    appearance: none; -webkit-appearance: none; flex: none; width: 38px; height: 22px; border: 0; border-radius: 999px; margin-top: 0;
    background-color: #cdd6dc; background-repeat: no-repeat; background-size: 16px 16px; background-position: 3px center; box-shadow: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='7.5' fill='%23fff'/%3E%3C/svg%3E");
}
html[data-theme=slate-corporate-dark] [bp-section=crud-operation-show] .form-check-input[type=checkbox]:checked {
    background-color: var(--sc-teal-2); background-position: calc(100% - 3px) center; opacity: .85;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='7.5' fill='%23fff'/%3E%3C/svg%3E");
}
html[data-theme=slate-corporate-dark] [bp-section=crud-operation-show] .form-check-label { font-size: .85rem; font-weight: 600; letter-spacing: 0; text-transform: none; color: var(--lk-text); }
html[data-theme=slate-corporate-dark] [bp-section=crud-operation-show] .form-check { display: flex; align-items: center; gap: .6rem; padding-left: 0; }
/* Slate Corporate: breathing room between the look switcher and the user menu */
@media (min-width: 992px) {
    html[data-theme=slate-corporate-dark] header .navbar-nav .nav-item + .nav-item { margin-left: 22px; }
}
/* ---------- Warm Paper: element look shared with Slate Corporate (generated from the Slate rules) ---------- */
/* Warm Paper element rules */
html[data-theme=warm-paper-dark] {
    --tblr-font-sans-serif: 'Inter', 'Segoe UI Variable Text', 'Segoe UI', system-ui, sans-serif;
    --sc-teal: #d2714b;
    --sc-teal-2: #b4532f;
    --sc-ink: #4a3526;
    --sc-shadow: 0 1px 2px rgba(74,53,38,.05), 0 18px 50px -12px rgba(74,53,38,.16);
}
html[data-theme=warm-paper-dark] body {
    font-family: var(--tblr-font-sans-serif); font-size: .84rem;
    background:
        radial-gradient(900px 500px at 85% -5%, rgba(210,113,75,.14), transparent 60%),
        radial-gradient(700px 500px at 20% 110%, rgba(192,98,63,.10), transparent 60%),
        var(--lk-bg);
    background-attachment: fixed;
}
html[data-theme=warm-paper-dark] h1, html[data-theme=warm-paper-dark] h2, html[data-theme=warm-paper-dark] h3,
html[data-theme=warm-paper-dark] .page-title, html[data-theme=warm-paper-dark] .card-title {
    font-family: 'Sora', 'Segoe UI Variable Display', 'Segoe UI', sans-serif; font-weight: 700; letter-spacing: -.02em; color: var(--sc-ink);
}
html[data-theme=warm-paper-dark] .header-operation h1 { font-size: 1.9rem; }
/* cards */
html[data-theme=warm-paper-dark] .card {
    border: 0; border-radius: 22px; position: relative; box-shadow: var(--sc-shadow), inset 0 0 0 1px rgba(232,220,198,.9);
}
html[data-theme=warm-paper-dark] .card:not([class*="bg-"])::before {
    content: ''; position: absolute; left: 26px; right: 26px; top: 0; height: 3px; border-radius: 0 0 4px 4px; z-index: 1;
    background: linear-gradient(90deg, var(--sc-teal), var(--sc-teal-2) 60%, transparent);
}
html[data-theme=warm-paper-dark] .card-body { padding: 1.4rem 1.6rem; }
/* tabs: segmented control above a floating panel */
html[data-theme=warm-paper-dark] .nav-tabs-custom > .nav-tabs {
    display: inline-flex; flex-wrap: wrap; gap: 4px; padding: 5px; border: 0; border-radius: 16px; margin: 4px 0 16px;
    background: #efe5d2; box-shadow: inset 0 1px 2px rgba(74,53,38,.08);
}
html[data-theme=warm-paper-dark] .nav-tabs .nav-link {
    border: 0; border-radius: 12px; padding: 9px 16px; color: var(--lk-mut); font-weight: 600; font-size: .86rem; background: transparent;
}
html[data-theme=warm-paper-dark] .nav-tabs .nav-link:hover { color: var(--sc-ink); }
html[data-theme=warm-paper-dark] .nav-tabs .nav-link.active { background: var(--lk-surface); color: var(--sc-ink); box-shadow: 0 2px 8px rgba(74,53,38,.14); border: 0; }
html[data-theme=warm-paper-dark] .nav-tabs-custom > .tab-content {
    background: var(--lk-surface); border-radius: 22px; padding: 1.4rem 1.6rem; position: relative; box-shadow: var(--sc-shadow), inset 0 0 0 1px rgba(232,220,198,.9);
}
/* fields */
html[data-theme=warm-paper-dark] .form-label, html[data-theme=warm-paper-dark] label:not(.fw-normal):not(.form-check-label) {
    font-weight: 600; font-size: .7rem; letter-spacing: .07em; text-transform: uppercase; color: var(--lk-mut);
}
html[data-theme=warm-paper-dark] .form-control, html[data-theme=warm-paper-dark] .form-select,
html[data-theme=warm-paper-dark] .select2-container--bootstrap .select2-selection,
html[data-theme=warm-paper-dark] .select2-container--default .select2-selection--single,
html[data-theme=warm-paper-dark] .select2-container--default .select2-selection--multiple {
    min-height: 44px; border: 0; border-radius: 12px; background-color: var(--lk-input); box-shadow: inset 0 0 0 1px var(--lk-line); font-weight: 500;
}
html[data-theme=warm-paper-dark] .form-control:focus, html[data-theme=warm-paper-dark] .form-select:focus {
    background-color: #fff; box-shadow: inset 0 0 0 1.5px var(--sc-teal), 0 0 0 4px rgba(210,113,75,.15);
}
html[data-theme=warm-paper-dark] .form-control:disabled, html[data-theme=warm-paper-dark] .form-control[readonly] { background-color: #f3ebdb; color: #a39577; }
html[data-theme=warm-paper-dark] .form-check-input:checked { background-color: var(--sc-teal-2); border-color: var(--sc-teal-2); }
/* buttons */
html[data-theme=warm-paper-dark] .btn { border-radius: 12px; font-weight: 600; border: 0; letter-spacing: .01em; }
html[data-theme=warm-paper-dark] .btn-primary, html[data-theme=warm-paper-dark] .btn-success, html[data-theme=warm-paper-dark] .btn-info {
    color: #fff; background: linear-gradient(135deg, var(--sc-teal), var(--sc-teal-2)); box-shadow: 0 8px 20px -6px rgba(180,83,47,.7);
}
html[data-theme=warm-paper-dark] .btn-primary:hover, html[data-theme=warm-paper-dark] .btn-success:hover, html[data-theme=warm-paper-dark] .btn-info:hover { filter: brightness(1.06); color: #fff; }
html[data-theme=warm-paper-dark] .finalise-mediation-btn:not(:disabled) {
    background: linear-gradient(135deg, #5a4130, #33291d); box-shadow: 0 8px 20px -6px rgba(74,53,38,.6);
}
html[data-theme=warm-paper-dark] .btn-danger { color: #c4373d; background: var(--lk-surface); box-shadow: inset 0 0 0 1.5px #f0c3bf; }
html[data-theme=warm-paper-dark] .btn-danger:hover { color: #fff; background: #c4373d; box-shadow: none; }
html[data-theme=warm-paper-dark] .btn-secondary { color: var(--lk-mut); background: var(--lk-surface); box-shadow: inset 0 0 0 1.5px var(--lk-line); }
/* status pills: one consistent shape, each status keeps its own colour */
html[data-theme=warm-paper-dark] .badge {
    display: inline-flex; align-items: center; gap: 7px; padding: 6px 12px; margin-right: 8px; border-radius: 999px;
    font-weight: 700; font-size: .66rem; letter-spacing: .08em; text-transform: uppercase;
}
html[data-theme=warm-paper-dark] .badge::before {
    content: ''; width: 7px; height: 7px; border-radius: 50%; background: currentColor; box-shadow: 0 0 0 3px rgba(255,255,255,.25);
}
/* tables */
html[data-theme=warm-paper-dark] .table thead th {
    font-size: .68rem; letter-spacing: .1em; text-transform: uppercase; color: var(--lk-mut); border-bottom: 1px solid var(--lk-line);
}
html[data-theme=warm-paper-dark] .table tbody tr:hover > * { background: rgba(210,113,75,.06); }
html[data-theme=warm-paper-dark] .avatar { border-radius: 12px; }
html[data-theme=warm-paper-dark] .table > :not(caption) > * > * { border-bottom-color: var(--lk-line); box-shadow: none; }
html[data-theme=warm-paper-dark] .table-striped > tbody > tr:nth-of-type(odd) > * { --tblr-table-accent-bg: rgba(74,53,38,.025); }
/* ---------- Warm Paper: rounded look-switcher button in the top bar (desktop) ---------- */
@media (min-width: 992px) {
    html[data-theme=warm-paper-dark] header .look-switcher > button {
        position: relative; width: 42px; height: 42px; padding: 0 !important; border-radius: 14px; background: #fff !important; color: var(--lk-mut) !important;
        display: grid; place-items: center; box-shadow: 0 1px 2px rgba(74,53,38,.06), inset 0 0 0 1px var(--lk-line); transition: color .15s, box-shadow .15s;
    }
    html[data-theme=warm-paper-dark] header .look-switcher > button:hover { color: var(--sc-teal-2) !important; box-shadow: 0 6px 16px -6px rgba(74,53,38,.25), inset 0 0 0 1px var(--lk-line); }
}
/* ---------- Warm Paper: match the approved mockup (layout, headings, toggle, menu) ---------- */

/* page title: heading on its own line, muted subtitle + back link below */
html[data-theme=warm-paper-dark] .header-operation { flex-wrap: wrap; align-items: baseline; }
html[data-theme=warm-paper-dark] .header-operation h1 { flex: 0 0 100%; margin-bottom: 2px !important; }
html[data-theme=warm-paper-dark] .header-operation p { margin-left: 0 !important; color: var(--lk-mut); }
html[data-theme=warm-paper-dark] .header-operation p[bp-section=page-subheading-back-button]::before { content: '\00b7'; margin: 0 .5rem; color: var(--lk-mut); }
/* top bar: breadcrumb sits in the bar, left of the look switcher + user (offset set by script) */
@media (min-width: 992px) {
    html[data-theme=warm-paper-dark] .header-operation { margin-top: 0; }
}
/* one card: header row + segmented tabs + content share a single panel */
html[data-theme=warm-paper-dark] .card:has(+ .tab-container) {
    border-radius: 22px 22px 0 0; margin-bottom: 0 !important; box-shadow: none; background: var(--lk-surface);
}
html[data-theme=warm-paper-dark] .card:has(+ .tab-container) .card-body { padding-bottom: 1rem; }
html[data-theme=warm-paper-dark] .card + .tab-container {
    margin: 0 !important; background: var(--lk-surface); border-radius: 0 0 22px 22px; padding: 0 1.6rem 1.4rem; position: relative;
    box-shadow: 0 18px 50px -14px rgba(74,53,38,.16);
}
html[data-theme=warm-paper-dark] .card + .tab-container .nav-tabs-custom > .tab-content {
    background: transparent; box-shadow: none; border-radius: 0; padding: .4rem 0 0;
}
html[data-theme=warm-paper-dark] .card + .tab-container .nav-tabs-custom > .nav-tabs { margin: 0 0 14px; }
html[data-theme=warm-paper-dark] .card:has(+ .tab-container)::before { z-index: 2; }
/* header action buttons: full-size, as in the mockup */
html[data-theme=warm-paper-dark] .btn-sm { padding: .55rem 1.05rem; font-size: .78rem; border-radius: 12px; line-height: 1.2; }
html[data-theme=warm-paper-dark] .start-mediation-container .btn-group, html[data-theme=warm-paper-dark] .start-mediation-container > div { gap: 8px; display: flex; align-items: center; }
/* section headings: small terracotta caps with a fading rule */
html[data-theme=warm-paper-dark] [bp-field-name=case_details_header] h4,
html[data-theme=warm-paper-dark] [bp-field-name=mediator_header_html] b {
    display: flex; align-items: center; gap: 10px; font-size: .66rem !important; font-weight: 600; letter-spacing: .16em; text-transform: uppercase;
    color: var(--lk-terracotta-2, #b9774f) !important; margin: 4px 0 6px !important;
}
html[data-theme=warm-paper-dark] [bp-field-name=case_details_header] h4 i { display: none; }
html[data-theme=warm-paper-dark] [bp-field-name=case_details_header] h4::after,
html[data-theme=warm-paper-dark] [bp-field-name=mediator_header_html] b::after {
    content: ''; flex: 1; height: 1px; background: linear-gradient(90deg, var(--lk-line), transparent);
}
html[data-theme=warm-paper-dark] [bp-field-name=mediator_header_html] br { display: none; }
/* mediation type: terracotta-outlined field with its own caption */
html[data-theme=warm-paper-dark] [bp-field-name=case_type_display]::before {
    content: 'Mediation type'; display: block; font-size: .7rem; font-weight: 600; letter-spacing: .07em; text-transform: uppercase; color: var(--lk-mut); margin-bottom: .45rem;
}
html[data-theme=warm-paper-dark] [bp-field-name=case_type_display] br { display: none; }
html[data-theme=warm-paper-dark] [bp-field-name=case_type_display] > div {
    background: #fdf1ea !important; border: 0 !important; box-shadow: inset 0 0 0 1.5px var(--sc-teal); color: #8a3f22 !important;
    border-radius: 12px !important; min-height: 44px !important; padding: 0 14px !important; display: flex; align-items: center; font-weight: 500;
}
/* checkboxes inside forms become toggle switches (Co-mediation, Accept Case ...) */
html[data-theme=warm-paper-dark] form .form-check-input[type=checkbox] {
    appearance: none; -webkit-appearance: none; flex: none; width: 38px; height: 22px; border: 0; border-radius: 999px; margin-top: 0;
    background-color: #d9ccb4; background-repeat: no-repeat; background-size: 16px 16px; background-position: 3px center; box-shadow: none; cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='7.5' fill='%23fff'/%3E%3C/svg%3E");
    transition: background-color .15s, background-position .15s;
}
html[data-theme=warm-paper-dark] form .form-check-input[type=checkbox]:checked {
    background-color: var(--sc-teal-2); background-position: calc(100% - 3px) center; box-shadow: 0 4px 10px -2px rgba(180,83,47,.6);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='7.5' fill='%23fff'/%3E%3C/svg%3E");
}
html[data-theme=warm-paper-dark] form .form-check-input[type=checkbox]:focus { box-shadow: 0 0 0 4px rgba(210,113,75,.2); }
html[data-theme=warm-paper-dark] form .form-check-input[type=checkbox]:disabled { opacity: .55; cursor: not-allowed; }
html[data-theme=warm-paper-dark] form .form-check label { font-size: .85rem; font-weight: 600; letter-spacing: 0; text-transform: none; color: var(--lk-text); }
/* Warm Paper: the read-only (show) screen follows the same layout as edit */
html[data-theme=warm-paper-dark] [bp-section=crud-operation-show] > [class*=col-] { flex: 0 0 100%; max-width: 100%; }
html[data-theme=warm-paper-dark] .case-section-title {
    display: flex; align-items: center; gap: 10px; font-family: var(--tblr-font-sans-serif); font-size: .66rem; font-weight: 600; letter-spacing: .16em;
    text-transform: uppercase; color: #b9774f; margin: 1.2rem 0 .6rem !important;
}
html[data-theme=warm-paper-dark] .case-section-title::after { content: ''; flex: 1; height: 1px; background: linear-gradient(90deg, var(--lk-line), transparent); }
html[data-theme=warm-paper-dark] .case-type-box {
    background: #fdf1ea !important; border: 0 !important; box-shadow: inset 0 0 0 1.5px var(--sc-teal); color: #8a3f22 !important;
    border-radius: 12px !important; min-height: 44px !important; padding: 0 14px !important; font-weight: 500;
}
html[data-theme=warm-paper-dark] [bp-section=crud-operation-show] .form-check-input[type=checkbox] {
    appearance: none; -webkit-appearance: none; flex: none; width: 38px; height: 22px; border: 0; border-radius: 999px; margin-top: 0;
    background-color: #d9ccb4; background-repeat: no-repeat; background-size: 16px 16px; background-position: 3px center; box-shadow: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='7.5' fill='%23fff'/%3E%3C/svg%3E");
}
html[data-theme=warm-paper-dark] [bp-section=crud-operation-show] .form-check-input[type=checkbox]:checked {
    background-color: var(--sc-teal-2); background-position: calc(100% - 3px) center; opacity: .85;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='7.5' fill='%23fff'/%3E%3C/svg%3E");
}
html[data-theme=warm-paper-dark] [bp-section=crud-operation-show] .form-check-label { font-size: .85rem; font-weight: 600; letter-spacing: 0; text-transform: none; color: var(--lk-text); }
html[data-theme=warm-paper-dark] [bp-section=crud-operation-show] .form-check { display: flex; align-items: center; gap: .6rem; padding-left: 0; }
/* Warm Paper: breathing room between the look switcher and the user menu */
@media (min-width: 992px) {
    html[data-theme=warm-paper-dark] header .navbar-nav .nav-item + .nav-item { margin-left: 22px; }
}
/* ---------- Warm Paper: top menu restyled to match the element look (nav chips + gradient current page) ---------- */
@media (min-width: 992px) {
    html[data-theme=warm-paper-dark] aside.navbar-vertical.navbar-expand-lg .navbar-nav .nav-link {
        display: flex; align-items: center; gap: 10px; border-radius: 999px; padding: 8px 16px 8px 10px; margin: 0;
        color: #7a6a52; font-weight: 600; font-size: .86rem; white-space: nowrap; transition: color .15s, background .15s;
    }
    html[data-theme=warm-paper-dark] aside.navbar-vertical.navbar-expand-lg .navbar-nav .nav-link:hover { color: var(--sc-ink); background: rgba(74,53,38,.05); }
    html[data-theme=warm-paper-dark] aside.navbar-vertical.navbar-expand-lg .navbar-nav .nav-link .nav-icon {
        width: 24px; height: 24px; border-radius: 8px; margin: 0 !important; display: inline-grid !important; place-items: center; font-size: 14px; flex: none;
        background: rgba(74,53,38,.06);
    }
    html[data-theme=warm-paper-dark] aside.navbar-vertical.navbar-expand-lg .navbar-nav .nav-item.active > .nav-link,
    html[data-theme=warm-paper-dark] aside.navbar-vertical.navbar-expand-lg .navbar-nav .nav-link.active,
    html[data-theme=warm-paper-dark] aside.navbar-vertical.navbar-expand-lg .navbar-nav .nav-link.sc-current {
        color: #fff !important; background: linear-gradient(135deg, #d2714b, #b4532f) !important; box-shadow: 0 8px 20px -6px rgba(180,83,47,.7) !important;
    }
    html[data-theme=warm-paper-dark] aside.navbar-vertical.navbar-expand-lg .navbar-nav .nav-item.active > .nav-link .nav-icon,
    html[data-theme=warm-paper-dark] aside.navbar-vertical.navbar-expand-lg .navbar-nav .nav-link.active .nav-icon,
    html[data-theme=warm-paper-dark] aside.navbar-vertical.navbar-expand-lg .navbar-nav .nav-link.sc-current .nav-icon { background: rgba(255,255,255,.22); color: #fff; }
}
/* read-only date field carries Bootstrap's bg-light: keep it on-palette */
html[data-theme=warm-paper-dark] .form-control.bg-light { background-color: #f3ebdb !important; }
html[data-theme=slate-corporate-dark] .form-control.bg-light { background-color: #f1f4f7 !important; }
/* ---------- Warm Paper + Slate Corporate: dashboard widgets, Messages folder bar, alerts ---------- */
/* The dashboard view injects a blue background (#4A7BC3, !important) and white text on every .card, plus inline blue buttons;
   bring all of it onto the look's palette. */
:is(html[data-theme=warm-paper-dark], html[data-theme=slate-corporate-dark]) .card {
    background-color: var(--lk-surface) !important; color: var(--lk-text);
}
:is(html[data-theme=warm-paper-dark], html[data-theme=slate-corporate-dark]) .card .card-body,
:is(html[data-theme=warm-paper-dark], html[data-theme=slate-corporate-dark]) .card .card-title,
:is(html[data-theme=warm-paper-dark], html[data-theme=slate-corporate-dark]) .card .card-text,
:is(html[data-theme=warm-paper-dark], html[data-theme=slate-corporate-dark]) .card .text-white { color: var(--lk-text) !important; }
:is(html[data-theme=warm-paper-dark], html[data-theme=slate-corporate-dark]) .card .card-header {
    background: transparent !important; color: var(--sc-ink) !important; border-bottom: 1px solid var(--lk-line);
    font-family: 'Sora', 'Segoe UI Variable Display', 'Segoe UI', sans-serif; font-weight: 700; letter-spacing: -.01em;
}
:is(html[data-theme=warm-paper-dark], html[data-theme=slate-corporate-dark]) h4,
:is(html[data-theme=warm-paper-dark], html[data-theme=slate-corporate-dark]) h5,
:is(html[data-theme=warm-paper-dark], html[data-theme=slate-corporate-dark]) h6 {
    font-family: 'Sora', 'Segoe UI Variable Display', 'Segoe UI', sans-serif; letter-spacing: -.01em;
}
/* stat tiles: accent number, quiet label, soft accent bar */
:is(html[data-theme=warm-paper-dark], html[data-theme=slate-corporate-dark]) .card-body > .h1:first-child {
    font-family: 'Sora', 'Segoe UI Variable Display', 'Segoe UI', sans-serif; font-weight: 700; font-size: 2.1rem; letter-spacing: -.03em;
    color: var(--sc-teal) !important; margin-bottom: .4rem !important;
}
:is(html[data-theme=warm-paper-dark], html[data-theme=slate-corporate-dark]) .card-text .h1 {
    font-size: .98rem; font-weight: 600; letter-spacing: 0; color: var(--lk-text) !important;
}
:is(html[data-theme=warm-paper-dark], html[data-theme=slate-corporate-dark]) .card .progress { background-color: var(--lk-line); height: .4rem; border-radius: 999px; }
:is(html[data-theme=warm-paper-dark], html[data-theme=slate-corporate-dark]) .card .progress.progress-xs .progress-bar,
:is(html[data-theme=warm-paper-dark], html[data-theme=slate-corporate-dark]) .card .progress-bar.bg-info.progress-bar-striped { background: linear-gradient(90deg, var(--sc-teal), var(--sc-teal-2)) !important; }
:is(html[data-theme=warm-paper-dark], html[data-theme=slate-corporate-dark]) .card .progress-xs .progress-bar { background: linear-gradient(90deg, var(--sc-teal), var(--sc-teal-2)) !important; }
:is(html[data-theme=warm-paper-dark], html[data-theme=slate-corporate-dark]) .card small,
:is(html[data-theme=warm-paper-dark], html[data-theme=slate-corporate-dark]) .card .small,
:is(html[data-theme=warm-paper-dark], html[data-theme=slate-corporate-dark]) .card .text-muted { color: var(--lk-mut) !important; }
/* status overview: tall rounded bars with readable labels (each status keeps its own colour) */
:is(html[data-theme=warm-paper-dark], html[data-theme=slate-corporate-dark]) .card .progress[style*="height: 20px"] { height: 22px !important; background-color: var(--lk-input); }
:is(html[data-theme=warm-paper-dark], html[data-theme=slate-corporate-dark]) .card .progress[style*="height: 20px"] .progress-bar { font-weight: 700; font-size: .68rem; }
:is(html[data-theme=warm-paper-dark], html[data-theme=slate-corporate-dark]) .card .table { --tblr-table-color: var(--lk-text); color: var(--lk-text); }
/* inline-blue buttons from the dashboard view */
:is(html[data-theme=warm-paper-dark], html[data-theme=slate-corporate-dark]) a.btn[style*="4A7BC3" i] {
    color: var(--sc-teal-2) !important; border: 0 !important; border-radius: 10px !important; background: rgba(var(--lk-acc-rgb), .10) !important; box-shadow: none !important;
}
:is(html[data-theme=warm-paper-dark], html[data-theme=slate-corporate-dark]) a.btn[style*="4A7BC3" i]:hover { background: rgba(var(--lk-acc-rgb), .18) !important; }
:is(html[data-theme=warm-paper-dark], html[data-theme=slate-corporate-dark]) a.btn.btn-outline-primary[style*="4A7BC3" i] {
    color: #fff !important; background: linear-gradient(135deg, var(--sc-teal), var(--sc-teal-2)) !important; border-radius: 12px !important;
    box-shadow: 0 8px 20px -6px rgba(var(--lk-acc-rgb), .6) !important; font-size: .95rem !important; padding: .65rem 1.4rem !important;
}
:is(html[data-theme=warm-paper-dark], html[data-theme=slate-corporate-dark]) .card h1[style] {
    font-family: 'Sora', 'Segoe UI Variable Display', 'Segoe UI', sans-serif; color: var(--sc-ink) !important; font-weight: 700; letter-spacing: -.02em;
}
/* transparent wrapper cards on the dashboard (welcome text, create button) stay see-through */
:is(html[data-theme=warm-paper-dark], html[data-theme=slate-corporate-dark]) .card[style*="background-color: transparent"] {
    background-color: transparent !important; box-shadow: none !important; border: 0 !important;
}
:is(html[data-theme=warm-paper-dark], html[data-theme=slate-corporate-dark]) .card[style*="background-color: transparent"]::before { display: none; }
/* Messages: folder bar (alert-info with inline blue) + generic info alerts */
:is(html[data-theme=warm-paper-dark], html[data-theme=slate-corporate-dark]) .alert-info,
:is(html[data-theme=warm-paper-dark], html[data-theme=slate-corporate-dark]) #folder-indicator {
    background-color: var(--lk-surface) !important; color: var(--lk-text); border: 0 !important; border-radius: 18px;
    box-shadow: 0 1px 2px rgba(0,0,0,.04), 0 10px 30px -12px rgba(0,0,0,.12), inset 4px 0 0 var(--sc-teal);
}
:is(html[data-theme=warm-paper-dark], html[data-theme=slate-corporate-dark]) #folder-indicator { padding: 1rem 1.3rem; }
:is(html[data-theme=warm-paper-dark], html[data-theme=slate-corporate-dark]) #folder-indicator i.la { color: var(--sc-teal); }
:is(html[data-theme=warm-paper-dark], html[data-theme=slate-corporate-dark]) #folder-indicator strong { font-size: .72rem; letter-spacing: .08em; text-transform: uppercase; color: var(--lk-mut); }
:is(html[data-theme=warm-paper-dark], html[data-theme=slate-corporate-dark]) #folder-label { font-weight: 700; color: var(--sc-ink); }
:is(html[data-theme=warm-paper-dark], html[data-theme=slate-corporate-dark]) #folder-indicator .btn-group {
    background: var(--lk-input); padding: 4px; border-radius: 14px; gap: 4px; box-shadow: inset 0 1px 2px rgba(0,0,0,.06);
}
:is(html[data-theme=warm-paper-dark], html[data-theme=slate-corporate-dark]) #folder-indicator .btn-group > .btn { border-radius: 10px !important; margin: 0 !important; }
:is(html[data-theme=warm-paper-dark], html[data-theme=slate-corporate-dark]) #folder-indicator .btn-outline-primary {
    background: transparent !important; color: var(--lk-mut) !important; box-shadow: none !important; border: 0 !important;
}
:is(html[data-theme=warm-paper-dark], html[data-theme=slate-corporate-dark]) #folder-indicator .btn-outline-primary:hover { color: var(--sc-ink) !important; background: rgba(var(--lk-acc-rgb), .08) !important; }
/* Warm Paper top menu: let dropdowns extend past the bar instead of being clipped by it */
@media (min-width: 992px) {
    html[data-theme=warm-paper-dark] aside.navbar-vertical.navbar-expand-lg,
    html[data-theme=warm-paper-dark] aside.navbar-vertical.navbar-expand-lg > [class^=container],
    html[data-theme=warm-paper-dark] aside.navbar-vertical.navbar-expand-lg .navbar-collapse,
    html[data-theme=warm-paper-dark] aside.navbar-vertical.navbar-expand-lg .navbar-nav {
        overflow: visible !important; max-height: none;
    }
    html[data-theme=warm-paper-dark] aside.navbar-vertical.navbar-expand-lg .dropdown-menu { max-height: none !important; overflow: visible; }
}
/* status bars: the "info" colour becomes a calm on-palette teal */
html[data-theme=warm-paper-dark] .progress-bar.bg-info { background-color: #4f938f !important; }
html[data-theme=slate-corporate-dark] .progress-bar.bg-info { background-color: #3b8fa8 !important; }
/* Slate Corporate: keep the longest menu label ("Access") inside the sidebar */
html[data-theme=slate-corporate-dark] aside.navbar-vertical .nav-link { gap: 10px; padding: 10px 10px; font-size: .84rem; }
/* Slate Corporate: expanded sidebar submenus (Access, Parties, Settings) stay readable on the dark sidebar */
html[data-theme=slate-corporate-dark] aside.navbar-vertical .dropdown-menu {
    background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 2px 0 8px 14px; margin: 0;
}
html[data-theme=slate-corporate-dark] aside.navbar-vertical .dropdown-item {
    display: flex; align-items: center; gap: 10px; color: #a9c7c9 !important; font-weight: 500; font-size: .84rem; border-radius: 10px; padding: 8px 12px; background: transparent;
}
html[data-theme=slate-corporate-dark] aside.navbar-vertical .dropdown-item:hover,
html[data-theme=slate-corporate-dark] aside.navbar-vertical .dropdown-item:focus { color: #fff !important; background: rgba(255,255,255,.07); }
html[data-theme=slate-corporate-dark] aside.navbar-vertical .dropdown-item.active,
html[data-theme=slate-corporate-dark] aside.navbar-vertical .dropdown-item:active { color: #fff !important; background: rgba(43,179,166,.22); box-shadow: inset 0 0 0 1px rgba(43,179,166,.35); }
html[data-theme=slate-corporate-dark] aside.navbar-vertical .dropdown-item .nav-icon,
html[data-theme=slate-corporate-dark] aside.navbar-vertical .dropdown-item i { color: #7fa6aa; margin: 0 !important; width: 18px; text-align: center; }
html[data-theme=slate-corporate-dark] aside.navbar-vertical .dropdown-divider { border-color: rgba(255,255,255,.1); }

/* ---------- Dark looks: palettes and dark-specific colour overrides (structure is inherited from the light looks above) ---------- */
html[data-theme=warm-paper-dark] {
    --lk-acc-2:#e0a06a; --lk-bg:#1a130f; --lk-surface:#261d17; --lk-side:#20180f; --lk-line:#3b2e24; --lk-text:#f1e6d6; --lk-mut:#a89880;
    --lk-acc:#e0835c; --lk-acc-rgb:224,131,92; --lk-accfg:#ffffff; --lk-input:#1d1510; --lk-r:16px;
    --sc-teal:#e0835c; --sc-teal-2:#b4532f; --sc-ink:#f6ebdb;
    --dk-track:#17100c; --dk-pill:#3b2e24; --dk-well:#1d1510; --dk-dis:#18110d; --dk-dis-text:#7d6e5a;
    --dk-fee-bg:rgba(224,131,92,.12); --dk-fee-text:#f2b79a; --dk-cancel:#ff9a8f; --dk-cancel-ring:rgba(255,140,125,.4);
    --dk-final-from:#5a4130; --dk-final-to:#3b2c20; --dk-sec:#d9966c;
}
html[data-theme=slate-corporate-dark] {
    --lk-bg:#0a151b; --lk-surface:#12232b; --lk-side:#09191f; --lk-line:#22404a; --lk-text:#e3edf0; --lk-mut:#88a2aa;
    --lk-acc:#2bb3a6; --lk-acc-rgb:43,179,166; --lk-accfg:#ffffff; --lk-input:#0d1b22; --lk-r:16px;
    --sc-teal:#2bb3a6; --sc-teal-2:#1d8f9a; --sc-ink:#eef6f8;
    --dk-track:#0c1a20; --dk-pill:#1d3944; --dk-well:#0d1b22; --dk-dis:#0a161c; --dk-dis-text:#6d8791;
    --dk-fee-bg:rgba(43,179,166,.10); --dk-fee-text:#7fe0d4; --dk-cancel:#ff8f94; --dk-cancel-ring:rgba(255,122,127,.4);
    --dk-final-from:#2d5866; --dk-final-to:#1e414d; --dk-sec:#6fb3ae;
}
:is(html[data-theme=warm-paper-dark], html[data-theme=slate-corporate-dark]) {
    --sc-shadow: 0 1px 2px rgba(0,0,0,.4), 0 22px 60px -14px rgba(0,0,0,.65);
}

/* page backgrounds */
html[data-theme=warm-paper-dark] body {
    background: radial-gradient(900px 480px at 88% -8%, rgba(224,160,106,.14), transparent 60%), radial-gradient(700px 500px at 8% 110%, rgba(192,98,63,.16), transparent 60%), var(--lk-bg);
    background-attachment: fixed;
}
html[data-theme=slate-corporate-dark] body {
    background: radial-gradient(900px 500px at 85% -5%, rgba(43,179,166,.13), transparent 60%), radial-gradient(700px 500px at 20% 110%, rgba(34,90,104,.30), transparent 60%), var(--lk-bg);
    background-attachment: fixed;
}

/* cards and the one-card layout */
:is(html[data-theme=warm-paper-dark], html[data-theme=slate-corporate-dark]) .card {
    box-shadow: var(--sc-shadow), inset 0 0 0 1px rgba(255,255,255,.04);
}
:is(html[data-theme=warm-paper-dark], html[data-theme=slate-corporate-dark]) .card .card-body { box-shadow: none !important; }
:is(html[data-theme=warm-paper-dark], html[data-theme=slate-corporate-dark]) .card:has(+ .tab-container) { background: var(--lk-surface); box-shadow: none; }
:is(html[data-theme=warm-paper-dark], html[data-theme=slate-corporate-dark]) .card + .tab-container { background: var(--lk-surface); box-shadow: 0 22px 60px -14px rgba(0,0,0,.65); }

/* tabs */
:is(html[data-theme=warm-paper-dark], html[data-theme=slate-corporate-dark]) .nav-tabs-custom > .nav-tabs { background: var(--dk-track); box-shadow: inset 0 1px 3px rgba(0,0,0,.5); }
:is(html[data-theme=warm-paper-dark], html[data-theme=slate-corporate-dark]) .nav-tabs .nav-link { color: var(--lk-mut); }
:is(html[data-theme=warm-paper-dark], html[data-theme=slate-corporate-dark]) .nav-tabs .nav-link:hover { color: var(--sc-ink); }
:is(html[data-theme=warm-paper-dark], html[data-theme=slate-corporate-dark]) .nav-tabs .nav-link.active { background: var(--dk-pill); color: #fff; box-shadow: 0 2px 8px rgba(0,0,0,.45); }
:is(html[data-theme=warm-paper-dark], html[data-theme=slate-corporate-dark]) .nav-tabs-custom > .tab-content { background: transparent; box-shadow: none; }

/* fields */
:is(html[data-theme=warm-paper-dark], html[data-theme=slate-corporate-dark]) .form-control,
:is(html[data-theme=warm-paper-dark], html[data-theme=slate-corporate-dark]) .form-select,
:is(html[data-theme=warm-paper-dark], html[data-theme=slate-corporate-dark]) .select2-container--bootstrap .select2-selection,
:is(html[data-theme=warm-paper-dark], html[data-theme=slate-corporate-dark]) .select2-container--default .select2-selection--single,
:is(html[data-theme=warm-paper-dark], html[data-theme=slate-corporate-dark]) .select2-container--default .select2-selection--multiple {
    background-color: var(--dk-well); color: var(--lk-text); box-shadow: inset 0 0 0 1px var(--lk-line);
}
:is(html[data-theme=warm-paper-dark], html[data-theme=slate-corporate-dark]) .select2-selection__rendered,
:is(html[data-theme=warm-paper-dark], html[data-theme=slate-corporate-dark]) .select2-container--default .select2-selection--single .select2-selection__rendered { color: var(--lk-text); }
:is(html[data-theme=warm-paper-dark], html[data-theme=slate-corporate-dark]) .select2-dropdown { background: var(--lk-surface); border-color: var(--lk-line); color: var(--lk-text); }
:is(html[data-theme=warm-paper-dark], html[data-theme=slate-corporate-dark]) .select2-container--default .select2-results__option--highlighted[aria-selected] { background: rgba(var(--lk-acc-rgb), .25); color: #fff; }
:is(html[data-theme=warm-paper-dark], html[data-theme=slate-corporate-dark]) .form-control:focus,
:is(html[data-theme=warm-paper-dark], html[data-theme=slate-corporate-dark]) .form-select:focus { background-color: var(--dk-well); color: var(--lk-text); }
:is(html[data-theme=warm-paper-dark], html[data-theme=slate-corporate-dark]) .form-control:disabled,
:is(html[data-theme=warm-paper-dark], html[data-theme=slate-corporate-dark]) .form-control[readonly] { background-color: var(--dk-dis); color: var(--dk-dis-text); }
:is(html[data-theme=warm-paper-dark], html[data-theme=slate-corporate-dark]) .form-control.bg-light { background-color: var(--dk-dis) !important; color: var(--dk-dis-text); }
:is(html[data-theme=warm-paper-dark], html[data-theme=slate-corporate-dark]) .form-control::placeholder { color: var(--dk-dis-text); opacity: 1; }
:is(html[data-theme=warm-paper-dark], html[data-theme=slate-corporate-dark]) form .form-check-input[type=checkbox],
:is(html[data-theme=warm-paper-dark], html[data-theme=slate-corporate-dark]) [bp-section=crud-operation-show] .form-check-input[type=checkbox] { background-color: var(--dk-pill); }
:is(html[data-theme=warm-paper-dark], html[data-theme=slate-corporate-dark]) form .form-check-input[type=checkbox]:checked,
:is(html[data-theme=warm-paper-dark], html[data-theme=slate-corporate-dark]) [bp-section=crud-operation-show] .form-check-input[type=checkbox]:checked { background-color: var(--sc-teal-2); }

/* mediation type box + section headings */
:is(html[data-theme=warm-paper-dark], html[data-theme=slate-corporate-dark]) [bp-field-name=case_type_display] > div,
:is(html[data-theme=warm-paper-dark], html[data-theme=slate-corporate-dark]) .case-type-box { background: var(--dk-fee-bg) !important; color: var(--dk-fee-text) !important; }
:is(html[data-theme=warm-paper-dark], html[data-theme=slate-corporate-dark]) [bp-field-name=case_details_header] h4,
:is(html[data-theme=warm-paper-dark], html[data-theme=slate-corporate-dark]) [bp-field-name=mediator_header_html] b,
:is(html[data-theme=warm-paper-dark], html[data-theme=slate-corporate-dark]) .case-section-title { color: var(--dk-sec) !important; }

/* buttons */
:is(html[data-theme=warm-paper-dark], html[data-theme=slate-corporate-dark]) .btn-danger { color: var(--dk-cancel); background: transparent; box-shadow: inset 0 0 0 1.5px var(--dk-cancel-ring); }
:is(html[data-theme=warm-paper-dark], html[data-theme=slate-corporate-dark]) .btn-danger:hover { color: #fff; background: #c4373d; box-shadow: none; }
:is(html[data-theme=warm-paper-dark], html[data-theme=slate-corporate-dark]) .btn-secondary { color: var(--lk-mut); background: transparent; box-shadow: inset 0 0 0 1.5px var(--lk-line); }
:is(html[data-theme=warm-paper-dark], html[data-theme=slate-corporate-dark]) .finalise-mediation-btn:not(:disabled) {
    color: #f4ece0; background: linear-gradient(135deg, var(--dk-final-from), var(--dk-final-to)); box-shadow: inset 0 0 0 1px rgba(255,255,255,.10), 0 8px 20px -6px rgba(0,0,0,.6);
}
:is(html[data-theme=warm-paper-dark], html[data-theme=slate-corporate-dark]) header .look-switcher > button { background: var(--lk-surface) !important; color: var(--lk-mut) !important; box-shadow: 0 1px 2px rgba(0,0,0,.4), inset 0 0 0 1px var(--lk-line); }
:is(html[data-theme=warm-paper-dark], html[data-theme=slate-corporate-dark]) a.btn[style*="4A7BC3" i] { color: var(--sc-teal) !important; background: rgba(var(--lk-acc-rgb), .14) !important; }
:is(html[data-theme=warm-paper-dark], html[data-theme=slate-corporate-dark]) a.btn.btn-outline-primary[style*="4A7BC3" i] { color: #fff !important; background: linear-gradient(135deg, var(--sc-teal), var(--sc-teal-2)) !important; }

/* tables, dashboard bars, folder bar */
:is(html[data-theme=warm-paper-dark], html[data-theme=slate-corporate-dark]) .table-striped > tbody > tr:nth-of-type(odd) > * { --tblr-table-accent-bg: rgba(255,255,255,.025); }
:is(html[data-theme=warm-paper-dark], html[data-theme=slate-corporate-dark]) .table { --tblr-table-color: var(--lk-text); --tblr-table-bg: transparent; color: var(--lk-text); }
:is(html[data-theme=warm-paper-dark], html[data-theme=slate-corporate-dark]) .card .progress[style*="height: 20px"] { background-color: var(--dk-well); }
:is(html[data-theme=warm-paper-dark], html[data-theme=slate-corporate-dark]) #folder-indicator .btn-group { background: var(--dk-track); box-shadow: inset 0 1px 3px rgba(0,0,0,.5); }
:is(html[data-theme=warm-paper-dark], html[data-theme=slate-corporate-dark]) .dropdown-menu { background: var(--lk-surface); border-color: var(--lk-line); box-shadow: 0 18px 40px -10px rgba(0,0,0,.7); }
:is(html[data-theme=warm-paper-dark], html[data-theme=slate-corporate-dark]) .dropdown-item { color: var(--lk-text); }
:is(html[data-theme=warm-paper-dark], html[data-theme=slate-corporate-dark]) .dropdown-divider { border-color: var(--lk-line); }

/* Slate Corporate Dark: a darker sidebar, light-on-dark logo tile stays white */
html[data-theme=slate-corporate-dark] aside.navbar-vertical {
    background: radial-gradient(420px 260px at 0% 0%, rgba(43,179,166,.22), transparent 65%), linear-gradient(180deg, #09191f 0%, #061014 100%) !important;
}
html[data-theme=slate-corporate-dark] aside .navbar-brand { box-shadow: 0 10px 30px rgba(0,0,0,.55), inset 0 0 0 1px rgba(255,255,255,.6); }

/* Warm Paper Dark: dark top bar, readable menu */
@media (min-width: 992px) {
    html[data-theme=warm-paper-dark] aside.navbar-vertical.navbar-expand-lg { background: rgba(32,24,18,.96) !important; box-shadow: 0 2px 18px rgba(0,0,0,.5); }
    html[data-theme=warm-paper-dark] aside.navbar-vertical.navbar-expand-lg::after { background: linear-gradient(90deg, #c0623f, var(--lk-acc-2)); }
    html[data-theme=warm-paper-dark] aside.navbar-vertical.navbar-expand-lg .navbar-nav .nav-link { color: #b9a88e; }
    html[data-theme=warm-paper-dark] aside.navbar-vertical.navbar-expand-lg .navbar-nav .nav-link:hover { color: #fff; background: rgba(255,255,255,.06); }
    html[data-theme=warm-paper-dark] aside.navbar-vertical.navbar-expand-lg .navbar-nav .nav-link .nav-icon { background: rgba(255,255,255,.07); }
    html[data-theme=warm-paper-dark] aside.navbar-vertical.navbar-expand-lg .navbar-nav .nav-item.active > .nav-link,
    html[data-theme=warm-paper-dark] aside.navbar-vertical.navbar-expand-lg .navbar-nav .nav-link.active,
    html[data-theme=warm-paper-dark] aside.navbar-vertical.navbar-expand-lg .navbar-nav .nav-link.sc-current {
        background: linear-gradient(135deg, #e0835c, #b4532f) !important; box-shadow: 0 8px 22px -6px rgba(224,131,92,.55) !important;
    }
    html[data-theme=warm-paper-dark] aside.navbar-vertical.navbar-expand-lg .dropdown-menu { background: var(--lk-surface) !important; border: 1px solid var(--lk-line) !important; }
}

/* dashboard welcome heading carries an inline #333; keep it readable on dark */
:is(html[data-theme=warm-paper-dark], html[data-theme=slate-corporate-dark]) h1[style*="color: #333"] { color: var(--sc-ink) !important; }