/* POS marketing palettes. Keep the default dark design in pos.css intact.
   Light and medium cover the host chrome, editorial content and controls.
   The particle hero and its fallback stay black in every palette. */
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) {
    color-scheme: light;
    --bodyColorSub: #565b63;
    --subColor: #565b63;
    --introColor: var(--bodyColor);
    --footerBgColor: var(--bodyBgColor);
    --footerColor: var(--subColor);
    --buttonBgColor: #202225;
    --buttonColor: #fff;
    --itemBgColor: #f5f6f7;
    --oddRowBgColor: #f5f6f7;
    --pos-surface: #fff;
    --pos-surface-raised: #f6f7f8;
    --pos-surface-soft: #eceef0;
    --pos-line: #c9cdd2;
    --pos-line-soft: #e0e3e6;
    --pos-text: #202225;
    --pos-muted: #565b63;
    --pos-accent: #27621d;
    --pos-accent-bright: #dfedda;
    --pos-violet: #5947ad;
    --pos-shadow: 0 16px 48px rgba(24,28,32,.08);
    --pos-hero-background: #000;
}
html.page-pos[layout-mode=medium] {
    --bodyColorSub: #56534d;
    --subColor: #56534d;
    --itemBgColor: #e9e5dc;
    --oddRowBgColor: #e9e5dc;
    --buttonBgColor: #2b2a27;
    --pos-surface: #d7d3ca;
    --pos-surface-raised: #e9e5dc;
    --pos-surface-soft: #cfc9be;
    --pos-line: #b6b0a5;
    --pos-line-soft: #c7c1b6;
    --pos-text: #2b2a27;
    --pos-muted: #56534d;
    --pos-accent: #25561d;
    --pos-accent-bright: #dce5d1;
    --pos-violet: #57469d;
    --pos-hero-background: #000;
}
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos {
    --pos-surface: inherit;
    --pos-surface-raised: inherit;
    --pos-surface-soft: inherit;
    --pos-line: inherit;
    --pos-line-soft: inherit;
    --pos-text: inherit;
    --pos-muted: inherit;
    --pos-accent: inherit;
    --pos-accent-bright: inherit;
    --pos-violet: inherit;
    color: var(--pos-text);
}
/* Every section paints above the fixed hero, including spaces between modules. */
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos > :is(section, .bl-pos__group, .bl-pos__closing) {
    position: relative;
    z-index: 1;
    background: var(--pos-surface);
    border-color: var(--pos-line-soft);
    color: var(--pos-text);
}
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .content-section:has(#blackleaf-pos) > .header-container { --subColor: var(--pos-text); }
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) :is(.header-container, .footer.section) { color: var(--pos-text); }
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .footer.section { background: var(--bodyBgColor); }
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos :focus-visible { outline-color: var(--pos-accent); }
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__page-nav { border-bottom: 1px solid var(--pos-line-soft); }
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__page-nav a,
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__page-title > span:last-child { color: var(--pos-muted); }
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__page-nav :is(.bl-pos__page-title, .bl-pos__page-cta--demo),
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__page-nav a:hover,
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__page-links > a.is-active { color: var(--pos-text); }
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__page-links > a::after { background: var(--pos-text); }
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__page-nav .bl-pos__page-cta--primary { background: var(--pos-text); color: #fff; border-color: var(--pos-text); }
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__page-nav .bl-pos__page-cta--primary:hover { background: var(--pos-accent); color: #fff; }
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__page-nav .bl-pos__page-cta--demo:hover { border-color: var(--pos-text); background: var(--pos-surface-soft); }
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__page-title-mark,
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__page-title-mark::before { border-color: var(--pos-muted); }
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos :is(h2, h3):not(.blp-app *),
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__positioning h2 span,
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__hardware-heading h2 strong,
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__faq summary { color: var(--pos-text); }
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos .bl-pos__section-head > p,
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos .bl-pos__positioning h2,
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos .bl-pos__hardware-heading h2,
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__positioning-caption p,
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__hardware-showcase .bl-pos__hardware-copy p,
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos :is(.bl-pos__text-link, .bl-pos__estimate-note, .bl-pos__note),
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__price .bl-pos__list li,
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__faq summary > span { color: var(--pos-muted); }
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__positioning-figure,
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__hardware-figure { color: var(--pos-muted) !important; }
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__positioning-art [fill^="#0"] { fill: var(--pos-surface-raised); }
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__positioning-art :is([stroke="#BCEAAC"], [stroke="#86D76D"], [stroke="#8EDD76"], [stroke="#84D86A"]) { stroke: var(--pos-accent); }
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__positioning-art :is([fill="#A9E996"], [fill="#B8EDAA"]) { fill: var(--pos-accent); }
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__positioning-art stop[stop-color="#DCE4ED"] { stop-color: #4b5159; }
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__positioning-art stop[stop-color="#9EE786"] { stop-color: var(--pos-accent); }
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__hardware-visual > img { filter: none; opacity: 1; }
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos #pos-overview .bl-pos__workspace-stage { box-shadow: var(--pos-shadow); }
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos #pos-overview .bl-pos__workspace::before { opacity: .3; }
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__results-section { --pos-text: inherit; --pos-muted: inherit; }
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__results-section .bl-pos__workspace-stage { background: var(--pos-surface-raised); }
html.page-pos[layout-mode=medium] .bl-pos__results-section .bl-pos__workspace .bl-pos__result-art--light { mix-blend-mode: multiply; }
/* Pricing states, tables, disclosures and final actions. */
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__pricing-switcher { background: var(--pos-surface-soft); }
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__pricing-switcher button { color: var(--pos-muted); }
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__pricing-switcher button[aria-selected=true] { background: var(--pos-text); color: #fff; box-shadow: none; }
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__store-stepper { background: var(--pos-surface); border-color: var(--pos-line); }
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__store-stepper :is(input, button),
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__store-selector label,
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos table:not(.blp-app *) { color: var(--pos-text); border-color: var(--pos-line); }
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__store-stepper input:focus,
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__store-stepper button:hover { background: var(--pos-surface-soft); color: var(--pos-text); }
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__price--featured :is(.bl-pos__small-label, .bl-pos__plan-description, .bl-pos__list li),
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__price--featured .bl-pos__quote > span { color: #46533f; }
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__price--featured .bl-pos__button { background: #20281d; color: #fff; }
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__closing .bl-pos__button--secondary { background: var(--pos-surface-raised); color: var(--pos-text); }
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__closing .bl-pos__button--secondary:hover { background: var(--pos-surface-soft); border-color: var(--pos-text); color: var(--pos-text); }
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos .blp-app-figure--deferred { background: var(--pos-surface-raised); }
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos .blp-app__deferred-status { color: var(--pos-text); }
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos .blp-app__deferred-status small { color: var(--pos-muted); }
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos .blp-app__deferred-status > span { border-color: var(--pos-line); border-top-color: var(--pos-accent); }
/* Generated media keeps its original colors; the interactive controls get real theme surfaces. */
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos #pos-overview .bl-pos__workspace--next-move .bl-pos__workspace-stage { background: var(--pos-surface-raised); }
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__workspace--next-move video { opacity: .08; mix-blend-mode: multiply; }
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos #pos-overview .bl-pos__workspace-stage .bl-pos__next-move-action {
    background: var(--pos-surface-raised); border-color: var(--pos-line);
    box-shadow: var(--pos-shadow); color: var(--pos-text);
}
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos #pos-overview .bl-pos__workspace-stage .bl-pos__next-move-action.is-action-hovered { background: var(--pos-surface); border-color: var(--pos-accent); }
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos #pos-overview .bl-pos__workspace-stage .bl-pos__next-move-action.is-action-applied { background: var(--pos-accent-bright); border-color: var(--pos-accent); }
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__next-move-action.is-action-applied .bl-pos__next-move-add { background: var(--pos-accent); }
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) :is(.bl-pos__next-move-arrow, .bl-pos__next-move-empty, .bl-pos__next-move-label) { color: var(--pos-text); }
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) :is(.bl-pos__next-move-status, .bl-pos__next-move-empty small) { color: var(--pos-muted); }
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__next-move-agent,
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__next-move-agent:hover { background: var(--pos-surface-raised); color: var(--pos-text); border-color: var(--pos-line); box-shadow: var(--pos-shadow); }
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__next-move-agent:has(input:checked) { background: var(--pos-accent-bright); color: var(--pos-accent); border-color: var(--pos-accent); }
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__next-move-agent-check { background: var(--pos-surface-soft); border-color: var(--pos-line); box-shadow: none; }
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__next-move-agent input:checked + .bl-pos__next-move-agent-check { background: var(--pos-accent); border-color: var(--pos-accent); box-shadow: none; }
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__next-move-modal { background: var(--pos-surface-raised); border-color: var(--pos-line); color: var(--pos-text); box-shadow: var(--pos-shadow); }
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__next-move-modal :is(.bl-pos__next-move-modal-bar, .bl-pos__next-move-modal-steps) { background: var(--pos-surface-soft); border-color: var(--pos-line); }
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos .bl-pos__next-move-modal h4,
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__next-move-modal :is(.bl-pos__next-move-modal-brand, .bl-pos__next-move-modal-steps strong) { color: var(--pos-text); }
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos .bl-pos__next-move-modal-detail,
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__next-move-modal :is(.bl-pos__next-move-modal-brand small, .bl-pos__next-move-modal-steps small, .bl-pos__next-move-modal-close) { color: var(--pos-muted); }
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__next-move-modal-steps > div { border-color: var(--pos-line); }
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__next-move-modal-state { color: var(--pos-violet); }
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__inventory-mode { background: color-mix(in srgb, var(--pos-surface-raised) 94%, transparent); box-shadow: var(--pos-shadow); }
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__inventory-mode button { color: var(--pos-muted); text-shadow: none; }
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__inventory-mode button.is-active { color: #fff; }
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__inventory-thumb { background: var(--pos-accent); }
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos #pos-overview .bl-pos__workspace--answers .bl-pos__workspace-stage { background: radial-gradient(ellipse at 30% 20%, color-mix(in srgb, var(--pos-accent-bright) 60%, transparent), transparent 70%), var(--pos-surface-raised); }
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__answers-visual::before { opacity: .15; }
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__answers-result-head > small { color: var(--pos-accent); }
/* The schedule is live HTML, so surfaces and text follow the marketing palette. */
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__shift-timeline {
    --blp-bg: var(--pos-surface-raised);
    --blp-bg-deep: var(--pos-surface);
    --blp-sidebar: var(--pos-surface-raised);
    --blp-topbar: var(--pos-surface-raised);
    --blp-panel: var(--pos-surface-soft);
    --blp-panel-soft: var(--pos-surface-soft);
    --blp-line: var(--pos-line);
    --blp-line-soft: var(--pos-line-soft);
    --blp-text: var(--pos-text);
    --blp-muted: var(--pos-muted);
    --blp-green: var(--pos-accent);
    --blp-violet: var(--pos-violet);
    --blp-blue: #3d608e;
    --blp-rest: #ae5149;
    --blp-meal: #ba4039;
}
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos #pos-overview .bl-pos__workspace--shift-director .bl-pos__workspace-stage { background: var(--pos-surface-raised); }
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__shift-axis::before { box-shadow: 16px 0 18px var(--pos-surface-raised); }
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__shift-past { background: color-mix(in srgb, var(--pos-surface-raised) 62%, transparent); }
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__shift-lanes:has(.bl-pos__shift-current-line:not([hidden]))::after { background: color-mix(in srgb, var(--pos-surface-raised) 26%, transparent); }

html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__shift-schedule-scroll::-webkit-scrollbar-thumb { background: var(--pos-surface-soft); }

html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__shift-toolbar > span { background: var(--pos-surface-raised); }

html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__shift-view-tabs { background: var(--pos-surface-raised); }

html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__shift-view-tabs button[aria-selected="true"] { background: var(--pos-surface-soft); color: var(--pos-text); }

html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__shift-day-nav button { background: var(--pos-surface-raised); }

html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__shift-day-nav button:hover:not(:disabled) { border-color: var(--pos-line); background: var(--pos-surface-soft); }

html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__shift-legend .is-original { border-color: var(--pos-line); }

html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__shift-legend .is-adjusted { background: linear-gradient(90deg, var(--pos-surface-soft) 0 50%, var(--pos-surface-soft) 50%); }

html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__shift-legend .is-exception { background: var(--pos-surface-soft); }

html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__shift-me-head strong { color: var(--pos-text); }

html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__shift-me-item time { color: var(--pos-muted); }

html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__shift-me-item time small { color: var(--pos-muted); }

html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__shift-me-item button > i { border: 1px solid var(--pos-line); }

html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__shift-me-item strong { color: var(--pos-text); }

html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__shift-me-item button small { color: var(--pos-muted); }

html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__shift-me-plan > footer { color: var(--pos-muted); }

html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__shift-axis { color: var(--pos-muted); }

html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__shift-arrivals { color: var(--pos-muted); }

html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__shift-arrivals > strong { background: var(--pos-surface-raised); color: var(--pos-muted); }

html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__shift-arrival-track::before { background: var(--pos-surface-soft); }

html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__shift-arrival-track > i { border: 1px solid var(--pos-line); background: var(--pos-surface-raised); }

html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__shift-arrival-track > i b { color: var(--pos-muted); }

html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__shift-arrivals > small { background: var(--pos-surface-raised); color: var(--pos-muted); }

html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__shift-arrivals > small i:last-of-type { background: var(--pos-surface-soft); }

html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__shift-current-line::before { background: var(--pos-surface-raised); color: var(--pos-muted); }

html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__shift-lane-person > i,
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__shift-lane-person > img { background: var(--pos-surface-soft); }

html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__shift-assignment { color: var(--pos-muted); }

html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__shift-assignment > i { border: 1px solid var(--pos-line); }

html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__shift-assignment > small { color: var(--pos-muted); }

html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__shift-assignment:hover > i,
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__shift-assignment.is-dragging > i { border-color: var(--pos-line); }

html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__shift-assignment.is-dragging > small { color: var(--pos-text); }

html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__shift-block:hover,
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__shift-break:hover { border-color: var(--pos-line); }

html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__shift-block.is-dragging,
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__shift-break.is-dragging { border-color: var(--pos-line); }

html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__shift-block.is-resizing,
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__shift-break.is-resizing { border-color: var(--pos-line); }

html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__shift-block--directed { color: var(--pos-muted); }

html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__shift-block--coverage { border-color: var(--pos-line); background: var(--pos-surface-soft); }

html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__shift-block--budtending { background: var(--pos-surface-soft); }

html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__shift-block--original { border-color: var(--pos-line); }

html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__shift-lane--rerouted .bl-pos__shift-block--rerouted strong { color: var(--pos-text); }

html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__shift-reroute-origin { background: var(--pos-surface-soft); }

html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__shift-reroute-card { background: var(--pos-surface-soft); }

html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__shift-busy-icon { background: var(--pos-surface-soft); }

html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__shift-reroute-card strong { color: var(--pos-text); }

html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__shift-lane[aria-pressed="true"] .bl-pos__shift-block--coverage { color: var(--pos-text); }

html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__shift-block--directed > i { border: 1px solid var(--pos-line); }

html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__shift-block--directed strong { color: var(--pos-muted); }

html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__shift-block--directed small { color: var(--pos-muted); }

html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__shift-track-base { color: var(--pos-muted); }

html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__shift-track-move { border: var(--layoutBorderWidth) dashed var(--pos-line); background: var(--pos-surface-soft); }

html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__shift-track-move > i { border: 1px solid var(--pos-line); }

html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__shift-track-move strong { color: var(--pos-muted); }

html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__shift-track-move small { color: var(--pos-muted); }

html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__shift-lane:hover .bl-pos__shift-track { border-color: var(--pos-line); }

html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__shift-lane[aria-pressed="true"] .bl-pos__shift-lane-person > i,
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__shift-lane[aria-pressed="true"] .bl-pos__shift-lane-person > img { background: var(--pos-surface-soft); }

html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__shift-lane[aria-pressed="true"] .bl-pos__shift-lane-person strong { color: var(--pos-text); }

html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__shift-lane[aria-pressed="true"] .bl-pos__shift-track-move strong { color: var(--pos-text); }

html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__shift-lane[aria-pressed="true"] .bl-pos__shift-block--directed strong { color: var(--pos-text); }

html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__shift-view-tabs button[aria-selected=true] { background: var(--pos-text); color: #fff; }
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__shift-schedule-scroll { scrollbar-color: var(--pos-line) var(--pos-surface-raised); }
/* Optional authoring controls also remain legible when opened. */
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) :is(.bl-pos__particle-controls > summary, .bl-pos__control-panel, .bl-pos__control-actions button) { color: var(--pos-text); background: var(--pos-surface-raised); box-shadow: var(--pos-shadow); }
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) :is(.bl-pos__control-heading strong, .bl-pos__control-grid label, .bl-pos__control-colors label, .bl-pos__control-pause) { color: var(--pos-text); }
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__control-heading span { color: var(--pos-muted); }
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__control-grid output { color: var(--pos-violet); }
/* Review refinements: media fades, host actions and semantic schedule colors. */
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .header .header-content .navigation > ul li > a { color: var(--pos-text); }
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .header .header-content .navigation > ul li > a.btn { color: var(--pos-text); border-color: var(--pos-text); background: transparent; }
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .header .header-content .navigation > ul.actions-area li:last-child > a.btn { color: #fff; background: var(--pos-text); }
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .header .header-content .navigation > ul li > a.btn:hover { color: #fff; background: var(--pos-accent); border-color: var(--pos-accent); }
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos .bl-pos__demo-expand-row .bl-pos__button--preview { color: var(--pos-text); background: transparent; }
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos .bl-pos__demo-expand-row .bl-pos__button--preview:hover { color: var(--pos-accent); background: var(--pos-surface-raised); }
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos #pos-overview .bl-pos__workspace--shift-director .bl-pos__workspace-stage::after {
    background: linear-gradient(90deg, transparent 54%, color-mix(in srgb, var(--pos-surface-raised) 20%, transparent) 82%, color-mix(in srgb, var(--pos-surface-raised) 55%, transparent));
    box-shadow: none;
}
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__shift-sync { background: var(--pos-accent-bright); border-color: var(--pos-line); }
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__shift-block--coverage,
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__shift-block--budtending,
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__shift-block--rescheduled { background: var(--pos-accent-bright); border-color: #88a080; color: var(--pos-accent); }
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__shift-block--office { background: #d7e1ed; border-color: #93a8bf; color: #304e70; }
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__shift-block--rescheduled > i { background: #c8dbbf; color: #305028; }
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__shift-assignment[data-shift-assignment-kind="delivery"],
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__shift-assignment[data-shift-assignment-kind="delivery"] > small { color: #795517; }
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__shift-assignment[data-shift-assignment-kind="restock"],
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__shift-assignment[data-shift-assignment-kind="restock"] > small { color: #286952; }
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__shift-assignment > i { border-color: var(--pos-muted); }
/* The host demo link has a legacy inline color. Limit this correction to POS. */
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .header .header-content .navigation > ul li > a.btn[href="/contact/#demo"] { color: var(--pos-text) !important; }
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .header .header-content .navigation > ul li > a.btn[href="/contact/#demo"]:hover { color: var(--pos-accent) !important; }
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .header-container .header { background: color-mix(in srgb, var(--pos-surface) 96%, transparent); }
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__hardware-showcase .bl-pos__hardware-visual { background: #0c0d0e; border-radius: 9px; overflow: hidden; padding: 0; margin-top: 12px; }
/* The product preview retains its native application palette inside a themed frame. */
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos .blp-app { color-scheme: dark; --subColor: #8b8e95; --layoutBorderColor: #2b2c2e; --bodyColor: #d0d4dc; --buttonBgColor: #ddd; --buttonColor: #111; }
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos .blp-app-figure { box-shadow: var(--pos-shadow); }
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos .blp-app-figure > figcaption { color: var(--pos-muted); background: var(--pos-surface-raised); border-color: var(--pos-line); }
/* The host menu has a separate mobile surface and fixed white link colors. */
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .header-mobile { color: var(--pos-text); background: color-mix(in srgb, var(--pos-surface) 97%, transparent); }
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .header-mobile a,
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .header-mobile .header-content .standout ul li a,
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .header-mobile .header-content .items ul li a { color: var(--pos-text); }
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .header-mobile .header-content .standout ul li a .meta .sub { color: var(--pos-muted); }
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .header-mobile .header-content .mobile-contact { border-color: var(--pos-line); }
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .header-mobile .header-content .actions .button { background: var(--pos-accent); color: #fff; }
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .hamburger span,
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .navigation-trigger .hamburgerx span { background: var(--pos-text); }
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos .bl-pos__answers-question small,
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__answers-recommendation p,
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos__answers-recommendation p span { color: var(--pos-muted); }
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .header .sub-dropdown .sub-dropdown-wrapper { box-shadow: var(--pos-shadow); }
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .header .header-content .navigation > ul li ul li a .nav-sub-title { color: var(--pos-text); }
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .header .header-content .navigation > ul li ul li a .nav-sub-excerpt { color: var(--pos-muted); }
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .header .header-content .navigation > ul li .sub-dropdown .dropdown-title { color: var(--pos-text); }
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .header-mobile .header-content .standout ul li a .meta .sub,
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .header-mobile .header-content .items ul li a { font-weight: 400; }
html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .header-mobile .mobile-contact a > div > div { color: var(--pos-muted) !important; font-weight: 400; }
@media (max-width: 1023px) {
    /* Keep the themed site header from washing out the section navigation beneath it. */
    html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .bl-pos { --pos-header-offset: 64px; }
    html.page-pos:is([layout-mode=lite], [layout-mode=medium]) .header-container .header { height: 64px; min-height: 64px; }
}

/* The dark still matches the animated hero in every site mode. */
.bl-pos .bl-pos__particle-still--lite,
.bl-pos .bl-pos__particle-still--medium { display: none; }