@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap");

/*
==========================================================================
 PURECAR MASTER UI — BUILD 30
==========================================================================
 THIS IS THE SINGLE VISUAL CONTROL FILE FOR PURECAR DASHBOARD SURFACES.

 Future visual changes should be made here first. The Build 30 installer links
 Dealer OS, dealer/customer dashboard layouts, super-admin dashboard surfaces,
 and the Admin Command Centre to this asset.

 Change the CONTROL PANEL variables below to update fonts, sizes, colours,
 spacing, radii, widths and layout across connected PureCar dashboard pages.
==========================================================================
*/

:root {
    /* ---------- MASTER CONTROL PANEL ---------- */
    --pc-ui-font: "Manrope", Inter, "Segoe UI Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;

    --pc-ui-page-bg: #f7f8fa;
    --pc-ui-surface: #ffffff;
    --pc-ui-surface-soft: #f3f4f6;
    --pc-ui-ink: #111214;
    --pc-ui-muted: #69717c;
    --pc-ui-border: #e3e6ea;
    --pc-ui-border-strong: #c9ced5;

    --pc-ui-accent: #e3192d;
    --pc-ui-accent-hover: #c91427;
    --pc-ui-action: #111214;
    --pc-ui-action-hover: #25282c;
    --pc-ui-success: #16814b;
    --pc-ui-warning: #b97800;
    --pc-ui-danger: #c8292f;
    --pc-ui-info: #2563eb;

    --pc-ui-body-size: 14px;
    --pc-ui-small-size: 12px;
    --pc-ui-tiny-size: 10px;
    --pc-ui-h1-size: 28px;
    --pc-ui-h2-size: 18px;
    --pc-ui-h3-size: 14px;
    --pc-ui-metric-size: 24px;
    --pc-ui-line-height: 1.42;

    --pc-ui-page-max: 1540px;
    --pc-ui-sidebar-width: 208px;
    --pc-ui-topbar-height: 56px;
    --pc-ui-page-padding: 22px;
    --pc-ui-section-gap: 14px;
    --pc-ui-grid-gap: 9px;

    --pc-ui-card-radius: 10px;
    --pc-ui-control-radius: 8px;
    --pc-ui-pill-radius: 999px;
    --pc-ui-card-padding: 15px;
    --pc-ui-control-height: 40px;

    --pc-ui-shadow: 0 1px 2px rgba(17,18,20,.025), 0 8px 22px rgba(17,18,20,.025);
    --pc-ui-shadow-strong: 0 14px 40px rgba(17,18,20,.09);

    /* ---------- LEGACY PURECAR VARIABLE BRIDGE ---------- */
    --pc-bg: var(--pc-ui-page-bg);
    --pc-card: var(--pc-ui-surface);
    --pc-text: var(--pc-ui-ink);
    --pc-muted: var(--pc-ui-muted);
    --pc-border: var(--pc-ui-border);
    --pc-red: var(--pc-ui-accent);
    --pc-green: var(--pc-ui-success);
    --pc-amber: var(--pc-ui-warning);
    --pc-dark: var(--pc-ui-action);
}

/* -----------------------------------------------------------------------
   GLOBAL DASHBOARD FOUNDATION
------------------------------------------------------------------------ */
body.pc-system-ui {
    --pc-bg: var(--pc-ui-page-bg);
    --pc-card: var(--pc-ui-surface);
    --pc-text: var(--pc-ui-ink);
    --pc-muted: var(--pc-ui-muted);
    --pc-border: var(--pc-ui-border);
    --pc-red: var(--pc-ui-accent);
    --pc-green: var(--pc-ui-success);
    --pc-amber: var(--pc-ui-warning);
    --pc-dark: var(--pc-ui-action);

    margin: 0 !important;
    background: var(--pc-ui-page-bg) !important;
    color: var(--pc-ui-ink) !important;
    font-family: var(--pc-ui-font) !important;
    font-size: var(--pc-ui-body-size) !important;
    line-height: var(--pc-ui-line-height) !important;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

body.pc-system-ui :where(button, input, select, textarea, table) {
    font-family: var(--pc-ui-font) !important;
}

body.pc-system-ui :where(h1, h2, h3, h4, h5, h6) {
    color: var(--pc-ui-ink) !important;
    font-family: var(--pc-ui-font) !important;
    font-weight: 900 !important;
    line-height: 1.08 !important;
    text-wrap: balance;
}

body.pc-system-ui h1 {
    font-size: var(--pc-ui-h1-size) !important;
    letter-spacing: -.035em !important;
}
body.pc-system-ui h2 {
    font-size: var(--pc-ui-h2-size) !important;
    letter-spacing: -.02em !important;
}
body.pc-system-ui h3 {
    font-size: var(--pc-ui-h3-size) !important;
}

body.pc-system-ui :where(p, .muted, .pc-muted, [class*="-muted"]) {
    color: var(--pc-ui-muted) !important;
}

body.pc-system-ui a {
    text-underline-offset: 2px;
}

body.pc-system-ui :where(input, select, textarea) {
    border: 1px solid var(--pc-ui-border) !important;
    border-radius: var(--pc-ui-control-radius) !important;
    background: var(--pc-ui-surface) !important;
    color: var(--pc-ui-ink) !important;
    outline: none !important;
    box-shadow: none !important;
}
body.pc-system-ui :where(input, select) {
    min-height: var(--pc-ui-control-height) !important;
}
body.pc-system-ui :where(input, select, textarea):focus {
    border-color: var(--pc-ui-accent) !important;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--pc-ui-accent) 12%, transparent) !important;
}

body.pc-system-ui :where(
    .pc-button, .pc-btn, .pc-b27-btn, .pc-dh-save, .pc-dh-open, .pc-home-buy,
    .pc-today-btn, .pc-ni-btn, .btn, .search button, button[type="submit"]
) {
    border-radius: var(--pc-ui-control-radius) !important;
    min-height: var(--pc-ui-control-height) !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    transition: background .15s ease, border-color .15s ease, transform .15s ease !important;
}
body.pc-system-ui :where(.pc-button, .pc-btn, .pc-b27-btn, .pc-dh-save, .pc-dh-open, .pc-home-buy, .btn, button[type="submit"]) {
    background: var(--pc-ui-action) !important;
    border-color: var(--pc-ui-action) !important;
    color: #fff !important;
}
body.pc-system-ui :where(.pc-button, .pc-btn, .pc-b27-btn, .pc-dh-save, .pc-dh-open, .pc-home-buy, .btn, button[type="submit"]):hover {
    background: var(--pc-ui-action-hover) !important;
    border-color: var(--pc-ui-action-hover) !important;
}
body.pc-system-ui :where(.pc-button.red, .pc-btn.red, .btn.primary, .pc-b27-btn.primary) {
    background: var(--pc-ui-accent) !important;
    border-color: var(--pc-ui-accent) !important;
}

/* -----------------------------------------------------------------------
   MASTER DEALER OS SHELL
------------------------------------------------------------------------ */
body.pc-system-ui .pc-shell {
    min-height: 100vh !important;
    background: var(--pc-ui-page-bg) !important;
}
body.pc-system-ui .pc-top {
    min-height: var(--pc-ui-topbar-height) !important;
    height: var(--pc-ui-topbar-height) !important;
    padding: 0 24px !important;
    border-color: var(--pc-ui-border) !important;
    background: var(--pc-ui-surface) !important;
}
body.pc-system-ui .pc-brand {
    font-size: 20px !important;
    color: var(--pc-ui-ink) !important;
}
body.pc-system-ui .pc-brand-mark {
    background: var(--pc-ui-accent) !important;
    border-radius: var(--pc-ui-control-radius) !important;
}
body.pc-system-ui .pc-body {
    grid-template-columns: var(--pc-ui-sidebar-width) minmax(0, 1fr) !important;
    max-width: var(--pc-ui-page-max) !important;
    margin: 0 auto !important;
}
body.pc-system-ui .pc-side {
    border-color: var(--pc-ui-border) !important;
    background: var(--pc-ui-surface) !important;
}
body.pc-system-ui .pc-main {
    padding: var(--pc-ui-page-padding) !important;
    min-width: 0 !important;
}
body.pc-system-ui .pc-nav {
    gap: 5px !important;
}
body.pc-system-ui .pc-nav :where(a, span) {
    border-radius: var(--pc-ui-control-radius) !important;
    font-size: 13px !important;
    min-height: 42px !important;
}
body.pc-system-ui .pc-nav a.active {
    background: var(--pc-ui-action) !important;
    color: #fff !important;
}
body.pc-system-ui .pc-nav a:hover:not(.active) {
    background: var(--pc-ui-surface-soft) !important;
}

/* -----------------------------------------------------------------------
   CARDS / PANELS / METRICS
------------------------------------------------------------------------ */
body.pc-system-ui :where(
    .pc-card, .card, .pc-home-stat, .pc-home-action, .pc-home-alert,
    .pc-dh-stat, .pc-dh-row, .pc-dh-card, .pc-b27-card, .pc-b27-panel,
    .pc-b27-kpi, .pc-b27-substat, .pc-today-panel, .pc-today-stat,
    .pc-ni-item, .stat, .attn, .pc-health-card, .pc-health-check
) {
    border: 1px solid var(--pc-ui-border) !important;
    border-radius: var(--pc-ui-card-radius) !important;
    background: var(--pc-ui-surface) !important;
    box-shadow: none !important;
}
body.pc-system-ui :where(.pc-card, .card, .pc-b27-card, .pc-b27-panel, .pc-today-panel, .pc-health-card) {
    overflow: hidden;
}
body.pc-system-ui :where(.pc-card:hover, .pc-home-stat:hover, .pc-home-action:hover, .attn:hover) {
    border-color: var(--pc-ui-border-strong) !important;
}
body.pc-system-ui :where(
    .pc-home-stat strong, .pc-dh-stat strong, .pc-b27-kpi strong,
    .pc-today-stat strong, .stat strong, .pc-health-metric strong
) {
    color: var(--pc-ui-ink) !important;
    font-size: var(--pc-ui-metric-size) !important;
    font-weight: 950 !important;
    letter-spacing: -.035em !important;
}
body.pc-system-ui :where(
    .pc-home-stat span, .pc-dh-stat span, .pc-b27-kpi span,
    .pc-today-stat span, .stat span, .pc-health-metric span
) {
    color: var(--pc-ui-muted) !important;
    font-size: var(--pc-ui-tiny-size) !important;
    font-weight: 900 !important;
    letter-spacing: .055em !important;
    text-transform: uppercase !important;
}

/* -----------------------------------------------------------------------
   HEADERS / PAGE WIDTH / GRID RHYTHM
------------------------------------------------------------------------ */
body.pc-system-ui :where(
    .pc-home-head, .pc-dh-head, .pc-b27-head, .pc-today-head,
    .pc-ni-head, .pc-page-head, .top, .pc-health-head
) {
    margin-bottom: 18px !important;
}
body.pc-system-ui :where(.pc-home-head p, .pc-dh-head p, .pc-b27-head p, .pc-today-head p, .pc-ni-head p, .top p) {
    font-size: var(--pc-ui-small-size) !important;
    line-height: 1.5 !important;
}
body.pc-system-ui :where(
    .pc-home-stats, .pc-dh-stats, .pc-b27-kpis, .pc-today-stats,
    .stats, .pc-health-metrics
) {
    gap: var(--pc-ui-grid-gap) !important;
}
body.pc-system-ui :where(
    .pc-home-grid, .pc-dh-grid, .pc-b27-grid2, .grid, .pc-health-grid
) {
    gap: var(--pc-ui-section-gap) !important;
}

/* -----------------------------------------------------------------------
   STATUS / CHIPS / NOTIFICATIONS
------------------------------------------------------------------------ */
body.pc-system-ui :where(
    .pc-chip, .pill, .pc-dh-status, .pc-b27-chip, .pc-today-chip,
    .pc-ni-badge, .pc-home-pill, .pc-health-status
) {
    border-radius: var(--pc-ui-pill-radius) !important;
    font-size: var(--pc-ui-tiny-size) !important;
    font-weight: 900 !important;
}
body.pc-system-ui :where(.good, .active, .completed, .success, .pc-chip.good, .pc-health-status.pass) {
    --pc-status-bg: #eaf7ef;
    --pc-status-fg: #17653d;
}
body.pc-system-ui :where(.bad, .failed, .error, .past_due, .unpaid, .danger, .pc-chip.bad, .pc-health-status.fail) {
    --pc-status-bg: #fdebec;
    --pc-status-fg: #9e272c;
}
body.pc-system-ui :where(.warn, .warning, .pc-chip.warn, .pc-health-status.warn) {
    --pc-status-bg: #fff5df;
    --pc-status-fg: #8b5a00;
}
body.pc-system-ui :where(.pill, .pc-chip, .pc-health-status) {
    background: var(--pc-status-bg, #eef1f4) !important;
    color: var(--pc-status-fg, var(--pc-ui-ink)) !important;
}

/* -----------------------------------------------------------------------
   TABLES
------------------------------------------------------------------------ */
body.pc-system-ui :where(.table-wrap, .table-wrap-mobile, .pc-b27-tablewrap) {
    border-radius: var(--pc-ui-card-radius) !important;
}
body.pc-system-ui :where(table, .table, .pc-b27-table) {
    color: var(--pc-ui-ink) !important;
}
body.pc-system-ui :where(table th, .table th, .pc-b27-table th) {
    color: var(--pc-ui-muted) !important;
    font-size: var(--pc-ui-tiny-size) !important;
    font-weight: 900 !important;
    letter-spacing: .055em !important;
    text-transform: uppercase !important;
    border-color: var(--pc-ui-border) !important;
}
body.pc-system-ui :where(table td, .table td, .pc-b27-table td) {
    border-color: #edf0f3 !important;
    font-size: 13px !important;
}

/* -----------------------------------------------------------------------
   BUILD 28 TODAY / NOTIFICATIONS
------------------------------------------------------------------------ */
body.pc-system-ui :where(.pc-today-item, .pc-ni-item) {
    border-color: var(--pc-ui-border) !important;
    background: var(--pc-ui-surface) !important;
}
body.pc-system-ui .pc-today-item.urgent,
body.pc-system-ui .pc-ni-item.high {
    border-left-color: var(--pc-ui-danger) !important;
}
body.pc-system-ui :where(.pc-today-bar, .pc-ni-bar) {
    background: var(--pc-ui-surface-soft) !important;
    border-color: var(--pc-ui-border) !important;
}

/* -----------------------------------------------------------------------
   BUILD 29 COMMAND CENTRE
------------------------------------------------------------------------ */
body.pc-system-ui .pc {
    max-width: var(--pc-ui-page-max) !important;
    margin: 0 auto !important;
    padding: var(--pc-ui-page-padding) !important;
}
body.pc-system-ui .command {
    background: var(--pc-ui-action) !important;
    border: 1px solid #2d3238 !important;
    border-radius: calc(var(--pc-ui-card-radius) + 4px) !important;
    box-shadow: var(--pc-ui-shadow) !important;
}
body.pc-system-ui .command :where(h1,h2,h3,label) {
    color: #fff !important;
}
body.pc-system-ui .command input {
    background: #20242a !important;
    border-color: #3a4048 !important;
    color: #fff !important;
}
body.pc-system-ui .command .notice {
    background: #181c21 !important;
    border-color: #373d45 !important;
}
body.pc-system-ui .command :where(p, .muted) {
    color: #c6cbd1 !important;
}
body.pc-system-ui .examples span {
    border-radius: var(--pc-ui-pill-radius) !important;
}
body.pc-system-ui .time {
    background: var(--pc-ui-surface) !important;
    border: 1px solid var(--pc-ui-border) !important;
    border-radius: var(--pc-ui-pill-radius) !important;
    color: var(--pc-ui-muted) !important;
}
body.pc-system-ui .attn.bad {
    background: #fff4f4 !important;
    border-color: #f0c8ca !important;
}
body.pc-system-ui .attn.warn {
    background: #fff9ec !important;
    border-color: #eddcad !important;
}
body.pc-system-ui .attn.good {
    background: #f1faf5 !important;
    border-color: #c8e8d6 !important;
}

/* -----------------------------------------------------------------------
   BUILD 30 LAUNCH HEALTH
------------------------------------------------------------------------ */
body.pc-system-ui.pc-launch-health .pc-health-shell {
    max-width: var(--pc-ui-page-max);
    margin: 0 auto;
    padding: var(--pc-ui-page-padding);
}
.pc-health-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
}
.pc-health-kicker {
    color: var(--pc-ui-accent);
    font-size: 11px;
    font-weight: 950;
    letter-spacing: .12em;
    text-transform: uppercase;
}
.pc-health-head h1 { margin: 6px 0 8px; }
.pc-health-head p { margin: 0; max-width: 760px; }
.pc-health-actions { display: flex; gap: 8px; flex-wrap: wrap; }
.pc-health-link {
    min-height: var(--pc-ui-control-height);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 14px;
    border: 1px solid var(--pc-ui-border);
    border-radius: var(--pc-ui-control-radius);
    background: var(--pc-ui-surface);
    color: var(--pc-ui-ink);
    text-decoration: none;
    font-weight: 900;
    font-size: 12px;
}
.pc-health-link.primary { background: var(--pc-ui-action); border-color: var(--pc-ui-action); color: #fff; }
.pc-health-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 16px 0; }
.pc-health-metric { padding: var(--pc-ui-card-padding); }
.pc-health-grid { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(300px, .65fr); }
.pc-health-card { padding: var(--pc-ui-card-padding); }
.pc-health-card h2 { margin: 0 0 4px; }
.pc-health-card > p { margin: 0 0 14px; font-size: 12px; }
.pc-health-list { display: grid; gap: 8px; }
.pc-health-check { display: grid; grid-template-columns: 78px minmax(0, 1fr); gap: 12px; padding: 12px; align-items: start; }
.pc-health-status { display: inline-flex; align-items: center; justify-content: center; min-height: 26px; padding: 0 8px; text-transform: uppercase; letter-spacing: .05em; }
.pc-health-check strong { display: block; font-size: 13px; }
.pc-health-check p { margin: 3px 0 0; font-size: 11px; line-height: 1.5; }
.pc-health-facts { display: grid; gap: 8px; }
.pc-health-fact { display: flex; justify-content: space-between; gap: 16px; padding: 10px 0; border-bottom: 1px solid var(--pc-ui-border); font-size: 12px; }
.pc-health-fact:last-child { border-bottom: 0; }
.pc-health-fact span { color: var(--pc-ui-muted); }
.pc-health-fact strong { text-align: right; overflow-wrap: anywhere; }
.pc-health-master-file { margin-top: 14px; padding: 12px; border-radius: var(--pc-ui-control-radius); background: var(--pc-ui-action); color: #fff; }
.pc-health-master-file strong { display: block; font-size: 12px; }
.pc-health-master-file code { display: block; margin-top: 5px; color: #d8dde3; font-size: 11px; overflow-wrap: anywhere; }

/* -----------------------------------------------------------------------
   ADMIN / SELLER DASHBOARD BRIDGE
------------------------------------------------------------------------ */
body.pc-system-ui :where(.pc-admin-shell, .ad-shell, .pc-seller-account-shell) {
    max-width: var(--pc-ui-page-max) !important;
}
body.pc-system-ui .pc-seller-account-shell {
    grid-template-columns: var(--pc-ui-sidebar-width) minmax(0,1fr) !important;
    gap: var(--pc-ui-section-gap) !important;
}
body.pc-system-ui :where(.pc-admin-card, .ad-card, .pc-seller-account-nav) {
    border-color: var(--pc-ui-border) !important;
    border-radius: var(--pc-ui-card-radius) !important;
}
body.pc-system-ui :where(.pc-admin-view, .ad-view) {
    border-radius: var(--pc-ui-control-radius) !important;
}

/* -----------------------------------------------------------------------
   TABLET + MOBILE — ONE PLACE
------------------------------------------------------------------------ */
@media (max-width: 1100px) {
    :root {
        --pc-ui-page-padding: 20px;
        --pc-ui-sidebar-width: 190px;
    }
    body.pc-system-ui .pc-health-grid { grid-template-columns: 1fr; }
    body.pc-system-ui .pc-health-metrics { grid-template-columns: repeat(2, minmax(0,1fr)); }
}

@media (max-width: 1000px) {
    body.pc-system-ui .pc-body { grid-template-columns: 1fr !important; }
    body.pc-system-ui .pc-side {
        min-height: 0 !important;
        border-right: 0 !important;
        border-bottom: 1px solid var(--pc-ui-border) !important;
        padding: 9px 12px !important;
        overflow-x: auto !important;
    }
    body.pc-system-ui .pc-nav { display: flex !important; min-width: max-content !important; }
}

@media (max-width: 700px) {
    :root {
        --pc-ui-page-padding: 14px;
        --pc-ui-h1-size: 28px;
        --pc-ui-h2-size: 18px;
        --pc-ui-body-size: 13px;
        --pc-ui-card-radius: 12px;
        --pc-ui-card-padding: 14px;
    }
    body.pc-system-ui :where(.pc-home-head, .pc-dh-head, .pc-b27-head, .pc-today-head, .pc-ni-head, .top, .pc-health-head) {
        display: block !important;
    }
    body.pc-system-ui :where(.pc-home-stats, .pc-dh-stats, .pc-b27-kpis, .pc-today-stats, .stats) {
        grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    }
    body.pc-system-ui .pc-health-head .pc-health-actions { margin-top: 12px; }
    body.pc-system-ui .pc-health-check { grid-template-columns: 70px minmax(0,1fr); }
    body.pc-system-ui :where(.table-wrap-mobile, .pc-b27-tablewrap, .table-wrap) { overflow-x: auto !important; }
}

@media (max-width: 420px) {
    :root {
        --pc-ui-page-padding: 10px;
        --pc-ui-h1-size: 26px;
        --pc-ui-metric-size: 24px;
        --pc-ui-grid-gap: 8px;
    }
    body.pc-system-ui .pc-top { padding: 0 12px !important; }
    body.pc-system-ui .pc-health-metrics { grid-template-columns: 1fr 1fr; }
    body.pc-system-ui .pc-health-check { grid-template-columns: 1fr; }
    body.pc-system-ui .pc-health-status { width: max-content; }
}


/* ==========================================================================
   PURECAR UI UNIFICATION V1
   Whole Dealer OS shell + component language + contextual actions + ECG
   ========================================================================== */

:root{
    --pc-ui-ecg-height:46px;
    --pc-ui-ecg-bg:#08090b;
    --pc-ui-ecg-grid-minor:rgba(255,255,255,.022);
    --pc-ui-ecg-grid-major:rgba(255,255,255,.045);
    --pc-ui-ecg-red:#ff2037;
    --pc-ui-ecg-pink:#ff176e;
    --pc-ui-ecg-purple:#b72cff;
}

/* Typography: calmer hierarchy, no wall of ultra-black text. */
body.pc-system-ui :where(h1,h2,h3,h4,h5,h6){font-weight:800!important}
body.pc-system-ui :where(p,span,small,td,th,label,a,button,input,select,textarea){letter-spacing:-.006em}
body.pc-system-ui h1{font-weight:800!important;letter-spacing:-.04em!important}
body.pc-system-ui h2{font-weight:800!important;letter-spacing:-.025em!important}
body.pc-system-ui h3{font-weight:750!important;letter-spacing:-.015em!important}

/* Shell */
body.pc-system-ui .pc-top{
    position:relative!important;
    min-height:var(--pc-ui-topbar-height)!important;
    height:var(--pc-ui-topbar-height)!important;
    padding:0 20px!important;
    box-shadow:none!important;
}
body.pc-system-ui .pc-brand{font-size:18px!important;gap:8px!important;font-weight:800!important}
body.pc-system-ui .pc-brand-mark{
    width:34px!important;height:34px!important;border-radius:9px!important;
    background:#fff3f5!important;border:1px solid #f2cbd1!important;
    color:var(--pc-ui-accent)!important;font-size:12px!important;
}
body.pc-system-ui .pc-brand small{font-size:11px!important;font-weight:700!important;color:#7a828d!important}
body.pc-system-ui .pc-dealer-name{font-size:13px!important;font-weight:700!important}
body.pc-system-ui .pc-back{
    min-height:38px!important;padding:0 12px!important;display:inline-flex!important;align-items:center!important;
    border-radius:8px!important;font-size:12px!important;font-weight:700!important;
}
body.pc-system-ui .pc-body{width:100%!important;align-items:stretch!important}
body.pc-system-ui .pc-side{
    padding:13px 9px!important;box-shadow:none!important;
    top:var(--pc-ui-topbar-height)!important;height:calc(100vh - var(--pc-ui-topbar-height) - var(--pc-ui-ecg-height))!important;
}
body.pc-system-ui .pc-nav{gap:3px!important}
body.pc-system-ui .pc-nav-row{min-height:40px!important}
body.pc-system-ui .pc-nav :where(.pc-nav-link,.pc-nav-disabled){
    min-height:40px!important;padding:0 34px 0 12px!important;border-radius:8px!important;
    font-size:13px!important;font-weight:700!important;color:#2c3239!important;
}
body.pc-system-ui .pc-nav .pc-nav-link.active{
    background:#eff1f4!important;color:#0e1012!important;
    box-shadow:inset 3px 0 0 var(--pc-ui-accent)!important;
}
body.pc-system-ui .pc-nav .pc-nav-link:hover:not(.active){background:#f4f5f7!important}
body.pc-system-ui .pc-nav-help{
    width:19px!important;height:19px!important;right:8px!important;
    border:0!important;background:transparent!important;color:#8d949d!important;
    font-size:11px!important;opacity:.12!important;transition:opacity .14s ease!important;
}
body.pc-system-ui .pc-nav-row:hover .pc-nav-help,
body.pc-system-ui .pc-nav-row:focus-within .pc-nav-help{opacity:.95!important}
body.pc-system-ui .pc-main{padding:22px 24px 72px!important}
body.pc-system-ui .pc-page-head{margin-bottom:15px!important}
body.pc-system-ui .pc-page-head h1{font-size:28px!important}
body.pc-system-ui .pc-page-head p{font-size:12px!important;margin-top:5px!important}

/* Remove decorative pastel-card language. Colour is reserved for status and action. */
body.pc-system-ui :where(
    .pc-stat.soft-blue,.pc-stat.soft-green,.pc-stat.soft-amber,.pc-stat.soft-purple,.pc-stat.soft-red,.pc-stat.soft-sky,
    .pc-soft-blue,.pc-soft-green,.pc-soft-amber,.pc-soft-purple,.pc-soft-red,.pc-soft-sky,
    .pi23-decision.good,.pi23-decision.danger,.pi23-decision.amber,.pi23-decision.blue
){background:#fff!important;background-image:none!important}

/* Shared card/panel language across every Dealer OS generation. */
body.pc-system-ui :where(
    .pi23-card,.pi23-kpi,.pi23-mini,.pi23-decision,
    .pi-panel,.pi-summary-card,.pi-stock-card,.pi-mini,
    .pa-metric,.pa-car,.ca-panel,.ca-metric,.ca-note,
    .pc-chat-main,.pc-chat-thread,.pc-chat-compose,
    .pc-stock-card,.pc-vehicle,.pc-ch-car,.pc-ch-connection,.pc-vc-channel,
    .pc-edit-card,.pc-master-panel,.pc-master-metric,
    .pc-deal-card,.pc-panel,.pc-flow-card,.pc-final,.pc-mini,
    .crm-row,.crm-stat,.crm-panel,.crm-contact-card,.crm-summary-card,
    .pc-biz-card,.pc-biz-panel,.pc-biz-stat,
    .pc-web-panel,.pc-template,.pc-domain-box,.pc-web-step,
    .pc-account-card,.pc-team-row,.pc-notice,
    .pc-preferences,.pc-op,.pc-match,.pc-offer,.pc-alert-row,
    .pc-dh-row,.pc-dh-stat,.pc-dh-card,.pc-dh-summary,
    .pc-b27-card,.pc-b27-panel,.pc-b27-kpi,.pc-b27-substat,
    .pc-today-stat,.pc-today-item,.pc-today-panel,.pc-ni-item
){
    background:#fff!important;
    border:1px solid var(--pc-ui-border)!important;
    border-radius:var(--pc-ui-card-radius)!important;
    box-shadow:none!important;
}

/* Compact metrics */
body.pc-system-ui :where(
    .pc-stat,.pa-metric,.ca-metric,.pc-ch-stat,.pc-deal-stat,.crm-stat,.pc-biz-stat,
    .pc-dh-stat,.pc-b27-kpi,.pc-b27-substat,.pc-today-stat,.pi23-kpi,.pi23-mini,.pc-master-metric
){padding:13px 14px!important;min-height:0!important}
body.pc-system-ui :where(
    .pc-stat-value,.pa-metric strong,.ca-metric strong,.pc-ch-stat strong,.pc-deal-stat strong,.crm-stat strong,
    .pc-biz-stat strong,.pc-dh-value,.pc-b27-kpi strong,.pc-today-stat strong,.pi23-kpi strong,.pi23-mini b
){font-size:23px!important;font-weight:800!important;letter-spacing:-.035em!important}
body.pc-system-ui :where(
    .pc-stat-label,.pa-metric span,.ca-metric span,.pc-ch-stat span,.crm-stat span,.pc-biz-label,
    .pc-dh-label,.pc-b27-kpi span,.pc-today-stat span,.pi23-kpi span
){font-size:10px!important;font-weight:700!important;text-transform:none!important;letter-spacing:0!important;color:var(--pc-ui-muted)!important}

/* Rows and lists */
body.pc-system-ui :where(
    .pi23-row,.pi-row,.pid-row,.ca-event,.ca-market-row,.pc-history-row,.pc-channel-row,
    .pc-lead,.pc-deal-card,.crm-row,.crm-item,.pc-team-row,.pc-op,.pc-match,.pc-offer-line,
    .pc-dh-row,.pc-today-item,.pc-ni-item
){border-color:#eceef1!important}
body.pc-system-ui :where(
    .pi23-row:hover,.pi-row:hover,.pc-stock-card:hover,.pc-deal-card:hover,.crm-row:hover,.pc-op:hover,.pc-match:hover
){background:#fafbfc!important}

/* Tables */
body.pc-system-ui :where(.pi23-table,.pc-biz-table,.pc-b27-table,table){
    border-collapse:collapse!important;
}
body.pc-system-ui :where(.pi23-table th,.pc-biz-table th,.pc-b27-table th,table th){
    background:#fafbfc!important;color:#7a828d!important;font-size:10px!important;font-weight:700!important;
    letter-spacing:.025em!important;text-transform:uppercase!important;
}
body.pc-system-ui :where(.pi23-table td,.pc-biz-table td,.pc-b27-table td,table td){
    font-size:12px!important;border-color:#eceef1!important;
}

/* Tabs / filters */
body.pc-system-ui :where(
    .pc-tab,.pc-biz-tab,.pc-b27-tab,.pc-ni-tab,.ca-tab,.pc-stock-filter,.pc-channel-pill
){
    min-height:36px!important;border-radius:8px!important;border:1px solid var(--pc-ui-border)!important;
    background:#fff!important;color:#4c545e!important;font-size:11px!important;font-weight:700!important;
}
body.pc-system-ui :where(
    .pc-tab.active,.pc-biz-tab.active,.pc-b27-tab.active,.pc-ni-tab.active,.ca-tab.active,.pc-stock-filter.active
){
    background:#111214!important;border-color:#111214!important;color:#fff!important;
}

/* Inputs/forms */
body.pc-system-ui :where(.pc-field,.crm-field,.pc-field21,.pc-dh-field,.pc-biz-form,.pc-b27-form) label{
    font-size:10px!important;font-weight:700!important;color:#636b75!important;
}
body.pc-system-ui :where(input,select,textarea){
    font-size:13px!important;border-radius:8px!important;
}

/* Primary buttons are black; PureCar red is a restrained brand/destructive accent. */
body.pc-system-ui :where(
    .pc-button,.pc-today-btn.primary,.pc-ni-btn.primary,.pc-dh-open,.pc-dh-save,.pc-b27-btn.primary,
    .crm-open,.pc-send,.pa-open
){
    border-radius:8px!important;font-size:11px!important;font-weight:750!important;
}
body.pc-system-ui :where(.pc-button.red,.pc-today-btn.danger,.pc-b27-btn.danger){background:var(--pc-ui-accent)!important}

/* Pure Intelligence: same shell, less prototype colour, stronger action hierarchy. */
body.pc-system-ui .pi23{max-width:none!important}
body.pc-system-ui .pi23-head{align-items:center!important;margin-bottom:14px!important}
body.pc-system-ui .pi23-head h1{font-size:28px!important}
body.pc-system-ui .pi23-head p{font-size:12px!important;margin-top:5px!important}
body.pc-system-ui .pi23-live{
    padding:7px 10px!important;background:#fff!important;border-color:#efcbd1!important;
    color:#8f2531!important;font-size:10px!important;font-weight:700!important;
}
body.pc-system-ui .pi23-decisions{gap:9px!important;margin-bottom:11px!important}
body.pc-system-ui .pi23-decision{padding:14px!important;min-height:128px!important;position:relative!important}
body.pc-system-ui .pi23-decision:hover{transform:none!important;box-shadow:none!important;border-color:#cbd0d7!important}
body.pc-system-ui .pi23-decision.danger{border-top:2px solid #df2b39!important}
body.pc-system-ui .pi23-decision.amber{border-top:2px solid #c58a19!important}
body.pc-system-ui .pi23-decision.good{border-top:2px solid #3f805d!important}
body.pc-system-ui .pi23-decision.blue{border-top:2px solid #5b6470!important}
body.pc-system-ui .pi23-eyebrow{font-size:9px!important;font-weight:700!important}
body.pc-system-ui .pi23-decision h3{font-size:15px!important;margin:7px 0 5px!important}
body.pc-system-ui .pi23-decision p{font-size:11px!important;margin-bottom:10px!important}
body.pc-system-ui .pi23-decision-foot strong{font-size:18px!important;font-weight:800!important}
body.pc-system-ui .pi23-decision-foot span,
body.pc-system-ui .pc-context-action{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    min-height:30px!important;padding:0 9px!important;border-radius:7px!important;
    background:#111214!important;color:#fff!important;border:1px solid #111214!important;
    font-size:10px!important;font-weight:750!important;white-space:nowrap!important;
}
body.pc-system-ui .pi23-kpis{gap:8px!important;margin-bottom:13px!important}
body.pc-system-ui .pi23-grid{gap:12px!important;margin-bottom:13px!important}
body.pc-system-ui .pi23-card{border-radius:10px!important}
body.pc-system-ui .pi23-card-head{padding:13px 14px!important}
body.pc-system-ui .pi23-card-head h2{font-size:16px!important}
body.pc-system-ui .pi23-card-head span{font-size:10px!important;font-weight:600!important}
body.pc-system-ui .pi23-row{padding:12px 14px!important;gap:12px!important}
body.pc-system-ui .pi23-row-title{font-size:13px!important;font-weight:750!important}
body.pc-system-ui .pi23-row-meta{font-size:10px!important}
body.pc-system-ui .pi23-row-note{font-size:10px!important;font-weight:650!important}
body.pc-system-ui .pi23-score strong{font-size:17px!important;font-weight:800!important}
body.pc-system-ui .pi23-score span:not(.pc-context-action){font-size:9px!important}
body.pc-system-ui .pi23-tag{padding:3px 6px!important;font-size:8px!important}
body.pc-system-ui .pi23-section{margin:16px 0 8px!important}
body.pc-system-ui .pi23-section h2{font-size:17px!important}
body.pc-system-ui .pi23-section span{font-size:10px!important}
body.pc-system-ui .pi23-four{gap:8px!important}
body.pc-system-ui .pi23-mini{padding:12px!important}
body.pc-system-ui .pi23-mini strong{font-size:12px!important}
body.pc-system-ui .pi23-mini span{font-size:10px!important}

/* Today/Home */
body.pc-system-ui .pc-today-head{margin-bottom:12px!important;align-items:center!important}
body.pc-system-ui .pc-today-head h1{font-size:27px!important}
body.pc-system-ui .pc-today-head p{font-size:11px!important}
body.pc-system-ui .pc-today-stats{gap:8px!important;margin-bottom:10px!important}
body.pc-system-ui .pc-today-panel-head{padding:13px 14px!important}
body.pc-system-ui .pc-today-items{background:#f7f8fa!important;padding:7px!important;gap:6px!important}
body.pc-system-ui .pc-today-copy{padding:10px 0!important}
body.pc-system-ui .pc-today-copy strong{font-size:11px!important}
body.pc-system-ui .pc-today-copy p{font-size:10px!important}
body.pc-system-ui .pc-today-actions{padding:8px!important}

/* Stock / Buy Stock / Deals / Customers / Business / Website: harmonise spacing. */
body.pc-system-ui :where(
    .pc-stock-grid,.pc-op-grid,.pc-deals-grid,.crm-grid,.pc-biz-grid,.pc-biz-split,
    .pc-web-grid,.pc-account-grid,.pc-dh-grid,.pc-b27-grid2
){gap:10px!important}
body.pc-system-ui :where(
    .pc-stock-card,.pc-op,.pc-match,.pc-deal-card,.crm-row,.pc-biz-card,.pc-web-panel,.pc-account-card,.pc-dh-card,.pc-b27-card
){border-radius:10px!important}
body.pc-system-ui :where(
    .pc-stock-title,.pc-op strong,.pc-deal-title,.crm-name,.pc-team-name,.pc-dh-card-head h2
){font-weight:750!important}

/* Existing contextual/open controls: visually standardise them so every insight leads somewhere obvious. */
body.pc-system-ui :where(
    .pc-open-arrow,.pc-stock-arrow,.pa-open,.crm-open,.pc-dh-open,.pc-small-button,
    .pc-section-link,.pc-row-link,.pc-vc-actions a,.pc-master-actions a,.pc-actionbar a
){
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    min-height:30px!important;padding:0 9px!important;border:1px solid var(--pc-ui-border)!important;
    border-radius:7px!important;background:#fff!important;color:#17191c!important;
    font-size:10px!important;font-weight:750!important;text-decoration:none!important;
}


/* ==========================================================================
   PURECAR UI UNIFICATION V2 — READABILITY + DEPTH + MINI ECG MONITOR
   ========================================================================== */

:root{
    --pc-ui-font:"Manrope",Inter,"Segoe UI Variable",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
    --pc-ui-page-bg:#f2f4f7;
    --pc-ui-surface:#ffffff;
    --pc-ui-surface-soft:#f7f8fa;
    --pc-ui-ink:#111318;
    --pc-ui-muted:#626b77;
    --pc-ui-border:#dce1e7;
    --pc-ui-border-strong:#c7ced6;
    --pc-ui-accent:#e3192d;
    --pc-ui-action:#111318;
    --pc-ui-body-size:16px;
    --pc-ui-small-size:13px;
    --pc-ui-h1-size:31px;
    --pc-ui-h2-size:21px;
    --pc-ui-h3-size:16px;
    --pc-ui-metric-size:29px;
    --pc-ui-sidebar-width:232px;
    --pc-ui-topbar-height:64px;
    --pc-ui-page-padding:26px;
    --pc-ui-section-gap:18px;
    --pc-ui-grid-gap:12px;
    --pc-ui-card-radius:12px;
    --pc-ui-control-radius:9px;
    --pc-ui-card-padding:18px;
    --pc-ui-control-height:44px;
    --pc-ui-shadow:0 1px 2px rgba(15,19,24,.04),0 10px 28px rgba(15,19,24,.055);
    --pc-ui-shadow-strong:0 16px 42px rgba(15,19,24,.11);
}

html,body.pc-system-ui{background:var(--pc-ui-page-bg)!important}
body.pc-system-ui{
    font-size:var(--pc-ui-body-size)!important;
    color:var(--pc-ui-ink)!important;
    line-height:1.48!important;
}

/* Header: stronger, still compact. */
body.pc-system-ui .pc-top{
    height:var(--pc-ui-topbar-height)!important;
    min-height:var(--pc-ui-topbar-height)!important;
    padding:0 20px!important;
    display:grid!important;
    grid-template-columns:auto minmax(190px,280px) minmax(0,1fr)!important;
    align-items:center!important;
    gap:18px!important;
    background:rgba(255,255,255,.98)!important;
    border-bottom:1px solid var(--pc-ui-border)!important;
}
body.pc-system-ui .pc-brand{
    font-size:20px!important;
    font-weight:850!important;
    letter-spacing:-.035em!important;
    gap:9px!important;
}
body.pc-system-ui .pc-brand-mark{
    width:38px!important;height:38px!important;border-radius:10px!important;
    font-size:13px!important;font-weight:850!important;
}
body.pc-system-ui .pc-brand small{
    font-size:12px!important;
    font-weight:750!important;
    letter-spacing:.01em!important;
}
body.pc-system-ui .pc-top-right{
    justify-self:end!important;
    gap:12px!important;
}
body.pc-system-ui .pc-dealer-name{
    font-size:14px!important;
    font-weight:800!important;
}
body.pc-system-ui .pc-back{
    min-height:42px!important;
    padding:0 14px!important;
    border-radius:10px!important;
    font-size:13px!important;
    font-weight:750!important;
    box-shadow:0 1px 2px rgba(15,19,24,.025)!important;
}

/* Sidebar: readable, premium, no ghost "i" marks. */
body.pc-system-ui .pc-body{
    grid-template-columns:var(--pc-ui-sidebar-width) minmax(0,1fr)!important;
    max-width:none!important;
    margin:0!important;
}
body.pc-system-ui .pc-side{
    top:var(--pc-ui-topbar-height)!important;
    height:calc(100vh - var(--pc-ui-topbar-height))!important;
    min-height:calc(100vh - var(--pc-ui-topbar-height))!important;
    padding:15px 12px!important;
    background:#fff!important;
    border-right:1px solid var(--pc-ui-border)!important;
}
body.pc-system-ui .pc-nav{gap:5px!important}
body.pc-system-ui .pc-nav-row{min-height:46px!important}
body.pc-system-ui .pc-nav :where(.pc-nav-link,.pc-nav-disabled){
    min-height:46px!important;
    padding:0 34px 0 13px!important;
    border-radius:10px!important;
    font-size:14px!important;
    font-weight:760!important;
    color:#232830!important;
}
body.pc-system-ui .pc-nav .pc-nav-link:hover:not(.active){
    background:#f5f6f8!important;
}
body.pc-system-ui .pc-nav .pc-nav-link.active{
    background:#fff1f3!important;
    color:#111318!important;
    box-shadow:inset 4px 0 0 var(--pc-ui-accent)!important;
}
body.pc-system-ui .pc-nav-help{
    opacity:0!important;
    width:21px!important;height:21px!important;
    right:8px!important;
    border:1px solid #d6dbe1!important;
    background:#fff!important;color:#69727d!important;
    font-size:11px!important;
    transition:opacity .14s ease!important;
}
body.pc-system-ui .pc-nav-row:hover .pc-nav-help,
body.pc-system-ui .pc-nav-row:focus-within .pc-nav-help{opacity:1!important}

/* Main content: bigger type, clearer vertical rhythm. */
body.pc-system-ui .pc-main{
    padding:25px 28px 90px!important;
    min-width:0!important;
}
body.pc-system-ui .pc-page-head{
    margin-bottom:20px!important;
    gap:16px!important;
}
body.pc-system-ui .pc-page-head h1,
body.pc-system-ui .pi23-head h1,
body.pc-system-ui .pc-today-head h1{
    font-size:31px!important;
    line-height:1.1!important;
    letter-spacing:-.045em!important;
    font-weight:850!important;
}
body.pc-system-ui .pc-page-head p,
body.pc-system-ui .pi23-head p,
body.pc-system-ui .pc-today-head p{
    font-size:14px!important;
    line-height:1.5!important;
    color:var(--pc-ui-muted)!important;
    margin-top:6px!important;
}
body.pc-system-ui :where(h2,.pc-section-head h2,.pi23-card-head h2,.pc-dh-card-head h2){
    font-size:20px!important;
    line-height:1.22!important;
    font-weight:820!important;
    letter-spacing:-.03em!important;
}
body.pc-system-ui h3{font-size:16px!important}

/* Cards now have depth and stronger separation. */
body.pc-system-ui :where(
    .pc-card,.pi23-card,.pi23-kpi,.pi23-mini,.pi23-decision,
    .pi-panel,.pi-summary-card,.pi-stock-card,.pi-mini,
    .pa-metric,.pa-car,.ca-panel,.ca-metric,.ca-note,
    .pc-stock-card,.pc-vehicle,.pc-ch-car,.pc-ch-connection,.pc-vc-channel,
    .pc-edit-card,.pc-master-panel,.pc-master-metric,
    .pc-deal-card,.pc-panel,.pc-flow-card,.pc-final,.pc-mini,
    .crm-row,.crm-stat,.crm-panel,.crm-contact-card,.crm-summary-card,
    .pc-biz-card,.pc-biz-panel,.pc-biz-stat,
    .pc-web-panel,.pc-template,.pc-domain-box,.pc-web-step,
    .pc-account-card,.pc-team-row,.pc-notice,
    .pc-preferences,.pc-op,.pc-match,.pc-offer,.pc-alert-row,
    .pc-dh-row,.pc-dh-stat,.pc-dh-card,.pc-dh-summary,
    .pc-b27-card,.pc-b27-panel,.pc-b27-kpi,.pc-b27-substat,
    .pc-today-stat,.pc-today-item,.pc-today-panel,.pc-ni-item
){
    background:#fff!important;
    border:1px solid var(--pc-ui-border)!important;
    border-radius:var(--pc-ui-card-radius)!important;
    box-shadow:var(--pc-ui-shadow)!important;
}

/* Key metrics: visually stronger without becoming childish. */
body.pc-system-ui :where(
    .pc-stat,.pa-metric,.ca-metric,.pc-ch-stat,.pc-deal-stat,.crm-stat,.pc-biz-stat,
    .pc-dh-stat,.pc-b27-kpi,.pc-b27-substat,.pc-today-stat,.pi23-kpi,.pi23-mini,.pc-master-metric
){
    padding:17px 18px!important;
    min-height:92px!important;
    position:relative!important;
    overflow:hidden!important;
}
body.pc-system-ui :where(
    .pc-stat-value,.pa-metric strong,.ca-metric strong,.pc-ch-stat strong,.pc-deal-stat strong,.crm-stat strong,
    .pc-biz-stat strong,.pc-dh-value,.pc-b27-kpi strong,.pc-today-stat strong,.pi23-kpi strong,.pi23-mini b
){
    font-size:29px!important;
    line-height:1.05!important;
    font-weight:850!important;
    letter-spacing:-.045em!important;
    color:#101216!important;
}
body.pc-system-ui :where(
    .pc-stat-label,.pa-metric span,.ca-metric span,.pc-ch-stat span,.crm-stat span,.pc-biz-label,
    .pc-dh-label,.pc-b27-kpi span,.pc-today-stat span,.pi23-kpi span
){
    font-size:12px!important;
    line-height:1.3!important;
    font-weight:700!important;
    color:#5e6773!important;
}
body.pc-system-ui .pc-dh-stats > :nth-child(1),
body.pc-system-ui .pc-today-stats > :nth-child(1),
body.pc-system-ui .pi23-kpis > :nth-child(1){border-top:3px solid #e3192d!important}
body.pc-system-ui .pc-dh-stats > :nth-child(2),
body.pc-system-ui .pc-today-stats > :nth-child(2),
body.pc-system-ui .pi23-kpis > :nth-child(2){border-top:3px solid #2e6dd3!important}
body.pc-system-ui .pc-dh-stats > :nth-child(3),
body.pc-system-ui .pc-today-stats > :nth-child(3),
body.pc-system-ui .pi23-kpis > :nth-child(3){border-top:3px solid #7b55c7!important}
body.pc-system-ui .pc-dh-stats > :nth-child(4),
body.pc-system-ui .pc-today-stats > :nth-child(4),
body.pc-system-ui .pi23-kpis > :nth-child(4){border-top:3px solid #278861!important}
body.pc-system-ui .pc-dh-stats > :nth-child(5),
body.pc-system-ui .pc-today-stats > :nth-child(5),
body.pc-system-ui .pi23-kpis > :nth-child(5){border-top:3px solid #c58a19!important}
body.pc-system-ui .pc-dh-stats > :nth-child(6),
body.pc-system-ui .pc-today-stats > :nth-child(6),
body.pc-system-ui .pi23-kpis > :nth-child(6){border-top:3px solid #46515d!important}

/* Panels/attention feed: clearer information architecture. */
body.pc-system-ui :where(.pc-dh-card-head,.pc-today-panel-head,.pi23-card-head){
    padding:16px 18px!important;
    border-bottom:1px solid #e8ebef!important;
}
body.pc-system-ui :where(.pc-dh-card-head p,.pc-today-panel-head p,.pi23-card-head span){
    font-size:12px!important;color:#6a737f!important;
}
body.pc-system-ui :where(.pc-dh-row,.pc-today-item,.pi23-row,.crm-row,.pc-op,.pc-match){
    padding:15px 17px!important;
}
body.pc-system-ui :where(.pc-dh-row strong,.pc-today-copy strong,.pi23-row-title,.crm-name,.pc-op strong){
    font-size:14px!important;
    font-weight:780!important;
}
body.pc-system-ui :where(.pc-dh-row p,.pc-today-copy p,.pi23-row-meta,.pi23-row-note){
    font-size:12px!important;
    line-height:1.45!important;
    color:#66707b!important;
}

/* Buttons/actions easier to see and hit. */
body.pc-system-ui :where(
    .pc-button,.pc-today-btn,.pc-ni-btn,.pc-dh-open,.pc-dh-save,.pc-b27-btn,
    .crm-open,.pc-send,.pa-open,.pc-context-action,.pc-open-arrow,.pc-stock-arrow,
    .pc-small-button,.pc-section-link,.pc-row-link,.pc-vc-actions a,.pc-master-actions a,.pc-actionbar a
){
    min-height:38px!important;
    padding:0 12px!important;
    border-radius:9px!important;
    font-size:12px!important;
    font-weight:760!important;
    line-height:1!important;
}
body.pc-system-ui :where(.pc-context-action,.pc-dh-open,.pc-today-btn.primary,.pc-b27-btn.primary,.crm-open,.pc-send){
    background:#111318!important;
    color:#fff!important;
    border-color:#111318!important;
}
body.pc-system-ui :where(.pc-context-action,.pc-dh-open,.crm-open):hover{
    background:#292e35!important;
}

/* Pure Intelligence: richer but not pastel-heavy. */
body.pc-system-ui .pi23-decisions{gap:12px!important;margin-bottom:14px!important}
body.pc-system-ui .pi23-decision{
    padding:18px!important;
    min-height:150px!important;
    box-shadow:var(--pc-ui-shadow)!important;
}
body.pc-system-ui .pi23-decision.danger{border-top:4px solid #df2b39!important}
body.pc-system-ui .pi23-decision.amber{border-top:4px solid #c58a19!important}
body.pc-system-ui .pi23-decision.good{border-top:4px solid #338061!important}
body.pc-system-ui .pi23-decision.blue{border-top:4px solid #3e70c7!important}
body.pc-system-ui .pi23-eyebrow{font-size:10px!important;font-weight:750!important}
body.pc-system-ui .pi23-decision h3{font-size:17px!important;margin:8px 0 6px!important}
body.pc-system-ui .pi23-decision p{font-size:13px!important}
body.pc-system-ui .pi23-decision-foot strong{font-size:23px!important}
body.pc-system-ui .pi23-kpis{gap:10px!important;margin-bottom:16px!important}
body.pc-system-ui .pi23-card-head h2{font-size:19px!important}
body.pc-system-ui .pi23-score strong{font-size:20px!important}

/* Forms/tables/tabs readability. */
body.pc-system-ui :where(input,select,textarea){
    min-height:44px!important;
    font-size:14px!important;
    border:1px solid #cfd5dd!important;
    border-radius:9px!important;
    background:#fff!important;
}
body.pc-system-ui :where(table th,.pi23-table th,.pc-biz-table th,.pc-b27-table th){
    font-size:11px!important;
    color:#69727d!important;
    padding:11px 12px!important;
}
body.pc-system-ui :where(table td,.pi23-table td,.pc-biz-table td,.pc-b27-table td){
    font-size:13px!important;
    padding:12px!important;
}
body.pc-system-ui :where(.pc-tab,.pc-biz-tab,.pc-b27-tab,.pc-ni-tab,.ca-tab,.pc-stock-filter,.pc-channel-pill){
    min-height:40px!important;
    padding:0 12px!important;
    font-size:12px!important;
}

/* Mini ECG — a small instrument, not page chrome. */
body.pc-system-ui .pc-ecg-strip{display:none!important}
.pc-ecg-mini{
    width:100%;max-width:260px;height:42px;
    position:relative;overflow:hidden;border-radius:8px;
    background:#08090b;border:1px solid #1c1f24;
    box-shadow:inset 0 0 18px rgba(0,0,0,.7),0 1px 2px rgba(15,19,24,.08);
}
.pc-ecg-mini::before{
    content:"";position:absolute;inset:0;pointer-events:none;opacity:.7;
    background-image:
        linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),
        linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);
    background-size:20px 20px,20px 20px,5px 5px,5px 5px;
}
.pc-ecg-mini canvas{
    position:absolute;inset:0;width:100%;height:100%;display:block;
}
.pc-ecg-mini-label{
    position:absolute;left:7px;top:5px;z-index:3;
    display:flex;align-items:center;gap:5px;
    font-size:7px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;
    color:#727983;pointer-events:none;
}
.pc-ecg-mini-label i{
    width:4px;height:4px;border-radius:50%;background:#ff254d;
    box-shadow:0 0 7px rgba(255,37,77,.65);
}
.pc-ecg-mini-label strong{color:#d8dbe0;font-weight:800}
.pc-ecg-mini-status{
    position:absolute;right:6px;bottom:4px;z-index:3;
    font-size:6px;font-weight:750;letter-spacing:.10em;text-transform:uppercase;color:#666d77;
}

/* Responsive */
@media(max-width:1100px){
    body.pc-system-ui .pc-top{
        grid-template-columns:auto minmax(150px,210px) minmax(0,1fr)!important;
        gap:12px!important;
    }
    body.pc-system-ui .pc-body{grid-template-columns:1fr!important}
    body.pc-system-ui .pc-side{
        position:sticky!important;top:var(--pc-ui-topbar-height)!important;height:auto!important;min-height:0!important;
        border-right:0!important;border-bottom:1px solid var(--pc-ui-border)!important;padding:9px 12px!important;z-index:60!important;
    }
    body.pc-system-ui .pc-nav{display:flex!important;overflow-x:auto!important;gap:5px!important}
    body.pc-system-ui .pc-nav-row{min-width:max-content!important}
    body.pc-system-ui .pc-nav :where(.pc-nav-link,.pc-nav-disabled){padding:0 14px!important}
    body.pc-system-ui .pc-nav-help{display:none!important}
}
@media(max-width:760px){
    :root{--pc-ui-topbar-height:60px;--pc-ui-page-padding:15px}
    body.pc-system-ui{font-size:15px!important}
    body.pc-system-ui .pc-top{
        grid-template-columns:auto 1fr!important;
        padding:0 12px!important;
    }
    .pc-ecg-mini{display:none!important}
    body.pc-system-ui .pc-top-right{justify-self:end!important}
    body.pc-system-ui .pc-dealer-name{display:none!important}
    body.pc-system-ui .pc-main{padding:18px 13px 76px!important}
    body.pc-system-ui .pc-page-head h1,
    body.pc-system-ui .pi23-head h1,
    body.pc-system-ui .pc-today-head h1{font-size:27px!important}
    body.pc-system-ui :where(.pc-dh-stats,.pc-today-stats,.pi23-kpis){grid-template-columns:repeat(2,minmax(0,1fr))!important}
    body.pc-system-ui :where(.pc-stat-value,.pc-dh-value,.pc-today-stat strong,.pi23-kpi strong){font-size:25px!important}
}

/* =========================================================
   DEALER OS — PURECAR SELL YOUR CAR COLOUR SYSTEM
   ========================================================= */

.pc-dealer-v12{
    --pc-red:#ff1717;
    --pc-black:#111111;
    --pc-dark:#1b1b1b;
    --pc-bg:#f7f7f7;
    --pc-soft:#f3f3f3;
    --pc-white:#ffffff;
    --pc-border:#e2e2e2;
    --pc-muted:#777777;
}

/* MAIN OS */
.pc-dealer-v12,
.pc-dealer-v12 .pc-main{
    background:#f7f7f7!important;
    color:#111111!important;
}

/* SIDEBAR */
.pc-dealer-v12 .pc-nav{
    background:#ffffff!important;
    border-color:#e2e2e2!important;
}

.pc-dealer-v12 .pc-nav-link{
    color:#111111!important;
}

.pc-dealer-v12 .pc-nav-link:hover{
    background:#f3f3f3!important;
}

.pc-dealer-v12 .pc-nav-link.active{
    background:#111111!important;
    color:#ffffff!important;
}

.pc-dealer-v12 .pc-nav-link.active .pc-nav-icon,
.pc-dealer-v12 .pc-nav-link.active .pc-nav-text{
    color:#ffffff!important;
}

.pc-dealer-v12 .pc-nav-icon{
    background:#f3f3f3!important;
    color:#111111!important;
}

/* CARDS / PANELS */
.pc-dealer-v12 .pc-card,
.pc-dealer-v12 .pc-panel,
.pc-dealer-v12 .pc-master-panel{
    background:#ffffff!important;
    border-color:#e2e2e2!important;
    color:#111111!important;
    box-shadow:0 4px 14px rgba(0,0,0,.035)!important;
}

/* SMALL INNER BOXES */
.pc-dealer-v12 .pc-spec-row,
.pc-dealer-v12 .pc-stat,
.pc-dealer-v12 .pc-note{
    background:#f7f7f7!important;
    border-color:#e4e4e4!important;
}

/* TYPOGRAPHY */
.pc-dealer-v12 h1,
.pc-dealer-v12 h2,
.pc-dealer-v12 h3,
.pc-dealer-v12 h4,
.pc-dealer-v12 strong,
.pc-dealer-v12 b{
    color:#111111!important;
}

.pc-dealer-v12 p,
.pc-dealer-v12 .pc-muted,
.pc-dealer-v12 .pc-spec-row span{
    color:#777777!important;
}

/* FORM FIELDS */
.pc-dealer-v12 input,
.pc-dealer-v12 textarea,
.pc-dealer-v12 select{
    background:#ffffff!important;
    color:#111111!important;
    border-color:#dedede!important;
}

.pc-dealer-v12 input:focus,
.pc-dealer-v12 textarea:focus,
.pc-dealer-v12 select:focus{
    border-color:#ff1717!important;
    box-shadow:0 0 0 3px rgba(255,23,23,.10)!important;
}

/* NORMAL BUTTONS */
.pc-dealer-v12 .pc-button,
.pc-dealer-v12 .pc-btn{
    border-color:#dedede!important;
}

.pc-dealer-v12 .pc-button.secondary,
.pc-dealer-v12 .pc-btn.secondary{
    background:#ffffff!important;
    color:#111111!important;
    -webkit-text-fill-color:#111111!important;
}

/* MAIN ACTION */
.pc-dealer-v12 .pc-button.red,
.pc-dealer-v12 .pc-btn.red{
    background:#ff1717!important;
    border-color:#ff1717!important;
    color:#ffffff!important;
    -webkit-text-fill-color:#ffffff!important;
}

/* CHIPS / LABELS */
.pc-dealer-v12 .pc-chip{
    background:#f3f3f3!important;
    border-color:#e2e2e2!important;
    color:#222222!important;
}

/* FOOTER PANEL */
.pc-dealer-v12 .pc-nav-note{
    background:#f7f7f7!important;
    border-color:#e2e2e2!important;
    color:#111111!important;
}

/* REMOVE OLD BEIGE / BROWN FEEL */
.pc-dealer-v12 [style*="#f5f1eb"],
.pc-dealer-v12 [style*="#f9f4ee"],
.pc-dealer-v12 [style*="#fbf7f2"]{
    background:#f7f7f7!important;
}