:root {
    color-scheme: light;
    --fleet-ink: #292925; --fleet-secondary: #63665b; --fleet-canvas: #f5f4f1;
    --fleet-surface: #fff; --fleet-soft: #f0efe9; --fleet-hover: #f5f4ef;
    --fleet-line: #deded8; --fleet-line-strong: #afb3a4;
    --fleet-accent: #626b55; --fleet-accent-line: #c5ccb9; --fleet-selected: #edf0e6; --fleet-link: #4c5740;
    --fleet-strong: #292925; --fleet-strong-hover: #45463f; --fleet-on-strong: #fff;
    --fleet-danger: #a64238; --fleet-danger-bg: #fcf0ed; --fleet-danger-line: #e6c5bd;
    --fleet-warning: #8a621c; --fleet-warning-bg: #faf4e7; --fleet-warning-line: #e4d4b3;
    --fleet-info: #3a6470; --fleet-info-bg: #edf4f5; --fleet-info-line: #c4d9dd;
    --fleet-complete-bg: #edf6ee; --fleet-complete-ink: #285735;
    --fleet-chart-progress: #2f6fbb; --fleet-chart-complete: #308262;
    --fleet-chart-pending: #71808c; --fleet-chart-other: #79669c; --fleet-chart-danger: #b95c65;
}
:root[data-bs-theme=dark] {
    color-scheme: dark;
    --fleet-ink: #eeeeee; --fleet-secondary: #b7b7b7; --fleet-canvas: #1f1f1f;
    --fleet-surface: #282828; --fleet-soft: #323232; --fleet-hover: #373737;
    --fleet-line: #454545; --fleet-line-strong: #777777;
    --fleet-accent: #cccccc; --fleet-accent-line: #777777; --fleet-selected: #3b3b3b; --fleet-link: #dddddd;
    --fleet-strong: #dedede; --fleet-strong-hover: #f0f0f0; --fleet-on-strong: #222222;
    --fleet-danger: #eeaaa0; --fleet-danger-bg: #3b2925; --fleet-danger-line: #775148;
    --fleet-warning: #e2c080; --fleet-warning-bg: #383124; --fleet-warning-line: #766446;
    --fleet-info: #a1cbd2; --fleet-info-bg: #26383b; --fleet-info-line: #476870;
    --fleet-complete-bg: #353535; --fleet-complete-ink: #eeeeee;
    --fleet-chart-progress: #71ace8; --fleet-chart-complete: #6abb94;
    --fleet-chart-pending: #a4afbc; --fleet-chart-other: #b49acb; --fleet-chart-danger: #e08f98;
    --CompanyPrimary: var(--fleet-surface); --CompanySecondary: var(--fleet-soft); --CompanyText: var(--fleet-ink);
}
:root[data-fleet-theme=ocean] {
    --fleet-ink: #153247; --fleet-secondary: #4d6577; --fleet-canvas: #edf3f8;
    --fleet-surface: #ffffff; --fleet-soft: #e7f0f5; --fleet-hover: #dfecf3;
    --fleet-line: #c9d8e3; --fleet-line-strong: #819eaf;
    --fleet-accent: #08717b; --fleet-accent-line: #79afb6; --fleet-selected: #dceff0; --fleet-link: #146277;
    --fleet-strong: #153e58; --fleet-strong-hover: #20516e; --fleet-on-strong: #ffffff;
    --fleet-danger: #a64238; --fleet-danger-bg: #fcf0ed; --fleet-danger-line: #e6c5bd;
    --fleet-warning: #805b18; --fleet-warning-bg: #faf4e7; --fleet-warning-line: #e4d4b3;
    --fleet-info: #235f80; --fleet-info-bg: #e6f2f8; --fleet-info-line: #a9ccdc;
    --fleet-complete-bg: #e4f2eb; --fleet-complete-ink: #246047;
    --fleet-chart-progress: #226ea8; --fleet-chart-complete: #288065;
    --fleet-chart-pending: #718999; --fleet-chart-other: #7c70a5; --fleet-chart-danger: #b65d6a;
    --fleet-nav-surface: #102d43; --fleet-nav-ink: #f0f7fb; --fleet-nav-secondary: #c1d5e2;
    --fleet-nav-hover: #1d455d; --fleet-nav-line: #34566c; --fleet-nav-accent: #83d4d3;
    --fleet-header-surface: #ffffff; --fleet-card-shadow: 0 4px 16px #16354c0c;
    --CompanyPrimary: var(--fleet-surface); --CompanySecondary: var(--fleet-soft); --CompanyText: var(--fleet-ink);
}
:root[data-fleet-theme=forest] {
    color-scheme: dark;
    --fleet-ink: #edf5e8; --fleet-secondary: #bccdbf; --fleet-canvas: #10251e;
    --fleet-surface: #1a342a; --fleet-soft: #244337; --fleet-hover: #2c4d40;
    --fleet-line: #3e5c4d; --fleet-line-strong: #789783;
    --fleet-accent: #a3c99b; --fleet-accent-line: #789d75; --fleet-selected: #2c4e3d; --fleet-link: #b9ddb0;
    --fleet-strong: #bed9a5; --fleet-strong-hover: #d2e5bd; --fleet-on-strong: #162a20;
    --fleet-danger: #f3b3aa; --fleet-danger-bg: #48312c; --fleet-danger-line: #90655b;
    --fleet-warning: #e8cc8a; --fleet-warning-bg: #403a27; --fleet-warning-line: #7b704b;
    --fleet-info: #aad4e2; --fleet-info-bg: #213f43; --fleet-info-line: #507480;
    --fleet-complete-bg: #274b35; --fleet-complete-ink: #c3e1b9;
    --fleet-chart-progress: #79b4e8; --fleet-chart-complete: #75bc96;
    --fleet-chart-pending: #a3b8ac; --fleet-chart-other: #c0acd8; --fleet-chart-danger: #e7a49b;
    --fleet-nav-surface: #0a1b15; --fleet-nav-ink: #edf5e8; --fleet-nav-secondary: #b3cabc;
    --fleet-nav-hover: #1c392b; --fleet-nav-line: #365344; --fleet-nav-accent: #b9d69a;
    --fleet-header-surface: #173327; --fleet-card-shadow: 0 4px 16px #00000020;
}
/* The richer palettes give navigation its own surface while content keeps its semantic tokens. */
html:is([data-fleet-theme=ocean], [data-fleet-theme=forest]) .fleet-sidebar.navbar {
    --fleet-surface: var(--fleet-nav-surface); --fleet-ink: var(--fleet-nav-ink);
    --fleet-secondary: var(--fleet-nav-secondary); --fleet-link: var(--fleet-nav-ink);
    --fleet-soft: var(--fleet-nav-hover); --fleet-hover: var(--fleet-nav-hover);
    --fleet-line: var(--fleet-nav-line); --fleet-line-strong: var(--fleet-nav-accent); --fleet-accent: var(--fleet-nav-accent);
    box-shadow: 3px 0 14px #1020300a;
}
html:is([data-fleet-theme=ocean], [data-fleet-theme=forest]) .fleet-topbar.navbar { background: var(--fleet-header-surface); box-shadow: 0 2px 12px #10203008; }
html:is([data-fleet-theme=ocean], [data-fleet-theme=forest]) .fleet-sidebar.navbar .navbar-nav .nav-link { color: var(--fleet-secondary); }
html:is([data-fleet-theme=ocean], [data-fleet-theme=forest]) .fleet-sidebar.navbar .navbar-nav .nav-link:is(.active, :hover) { color: var(--fleet-ink); }
html:is([data-fleet-theme=ocean], [data-fleet-theme=forest]) #fleetview-home :is(.home-main, .home-dashboard-summary, .home-chart-grid > .card),
html:is([data-fleet-theme=ocean], [data-fleet-theme=forest]) .fleet-table { box-shadow: var(--fleet-card-shadow); }
html:is([data-fleet-theme=ocean], [data-fleet-theme=forest]) #fleetview-home .home-dashboard-summary { border-top: 3px solid var(--fleet-chart-progress); }
html:is([data-fleet-theme=ocean], [data-fleet-theme=forest]) #fleetview-home .home-center[aria-pressed=true] { background: var(--fleet-selected); border-color: var(--fleet-accent); color: var(--fleet-link); }
html[data-bs-theme=dark][data-fleet-theme=forest] .fleet-conversation-layout .green-message,
html[data-bs-theme=dark][data-fleet-theme=forest] .shipment-message-detail .message-blue { background: var(--fleet-selected); color: var(--fleet-ink); }
html, body { background: var(--fleet-canvas); color: var(--fleet-ink); }
.fleet-theme-control select { width: auto; min-width: 90px; height: 30px; padding: 4px 8px; margin: 0; border: 1px solid var(--fleet-line); border-radius: 6px; background: var(--fleet-surface); color: var(--fleet-ink); font: inherit; }
.fleet-theme-control select:focus-visible { outline: 2px solid var(--fleet-accent); outline-offset: 3px; }
#ribbon input, #ribbon select { color: var(--fleet-ink); }
#ribbon form .ribbon-item, .fleet-message-compose .send-text-btn, .fleet-message-body>[data-message-retry] { background: var(--fleet-strong); color: var(--fleet-on-strong); }
#ribbon form .ribbon-item:hover { background: var(--fleet-strong-hover); }
.fleet-conversation-layout .phone-display-container, .fleet-message-compose .message-textbox { background: var(--fleet-surface); color: var(--fleet-ink); }
.fleet-conversation-layout .driver-name { color: var(--fleet-ink); }
.fleet-form input, .fleet-form textarea, .fleet-form select { background: var(--fleet-surface); color: var(--fleet-ink); border: 1px solid var(--fleet-line); border-radius: 5px; }
.fleet-error { color: var(--fleet-danger); }
.layout-bottom-border { background: var(--fleet-surface); border-top: 1px solid var(--fleet-line); }
.privacy-policy-container .privacy-link, .privacy-policy-container p { color: var(--fleet-secondary); }
html[data-bs-theme=dark] a:not(.support-ticket-link):not(.claim-edit-btn):not(.fleet-logout) { color: var(--fleet-link); }
html[data-bs-theme=dark] .fleet-receipt { color: #111; background: #fff; color-scheme: light; }
html[data-bs-theme=dark] .fleet-receipt a { color: #111; }
html[data-bs-theme=dark] .tabContent, html[data-bs-theme=dark] .tabTemplate, html[data-bs-theme=dark] .profile-container, html[data-bs-theme=dark] .claim-container, html[data-bs-theme=dark] .shipment-message-container, html[data-bs-theme=dark] .claim-header, html[data-bs-theme=dark] .claim-details, html[data-bs-theme=dark] .claim-footer { background: var(--fleet-surface); color: var(--fleet-ink); border-color: var(--fleet-line); }
html[data-bs-theme=dark] .claim-row div, html[data-bs-theme=dark] .claim-lower span { color: var(--fleet-ink); }
html[data-bs-theme=dark] .claim-header, html[data-bs-theme=dark] .shipment-infobox-header { background: var(--fleet-soft); color: var(--fleet-ink); }
html[data-bs-theme=dark] .shipment-infobox-content, html[data-bs-theme=dark] .delivery { background: var(--fleet-canvas); color: var(--fleet-ink); border-color: var(--fleet-line); }
html[data-bs-theme=dark] .loading-container { background: var(--fleet-surface); }
html[data-bs-theme=dark] .loading-title { color: var(--fleet-ink); }
html[data-bs-theme=dark] .fleet-status-modal { --bg: var(--fleet-surface); --text: var(--fleet-ink); --accent: var(--fleet-strong); --accent-contrast: var(--fleet-on-strong); }
@media (max-width: 600px) {
.fleet-theme-control select { min-width: 78px; } }
html[data-bs-theme=dark] .fleet-conversation-layout .green-message, html[data-bs-theme=dark] .shipment-message-detail .message-blue { background: #484848; color: #fff; }
@media (max-width: 1050px) { }
html[data-bs-theme=dark] .fleet-profile-placeholder, html[data-bs-theme=dark] #driverProfiles .fleet-gallery img[src*="/ProfileDefault/"] { filter: invert(1); }