.theme-picker{position:fixed;inset:auto;margin:0;padding:4px 3px;box-sizing:border-box;border:1px solid #ffffff55;border-radius:999px;background:linear-gradient(180deg,#eeede7,#dcdedb);box-shadow:0 5px 16px #18272c26;overflow:visible;display:none;flex-direction:column;align-items:center;justify-content:space-evenly;opacity:0;transform:translateY(9px) scale(.94);transform-origin:50% 100%;transition:opacity .2s ease,transform .25s cubic-bezier(.2,.7,.2,1),display .25s allow-discrete,overlay .25s allow-discrete}
.theme-picker:popover-open{display:flex;opacity:1;transform:translateY(0) scale(1)}
@starting-style{.theme-picker:popover-open{opacity:0;transform:translateY(9px) scale(.94)}}
.theme-swatch{display:block;flex:none;width:100%;aspect-ratio:1;border:1px solid #ffffffc0;border-radius:50%;padding:0;cursor:pointer;box-shadow:0 1px 3px #17252b29;transition:transform .15s,box-shadow .15s}
.theme-swatch:hover{transform:scale(1.08);box-shadow:0 2px 5px #17252b3a}.theme-swatch:focus-visible{outline:2px solid #fff;outline-offset:2px}
html[data-theme="bw"] .theme-picker{background:linear-gradient(#f0f0ed,#c8c9c8)}
html[data-theme="blue"] .theme-picker{background:linear-gradient(#e7eff5,#b6c6d3)}
html[data-theme="cream"] .theme-picker{background:linear-gradient(#fffbed,#e1d7be)}
/* Photographs stay untouched. The raster halftone decoration alone is neutralized. */
html:not([data-theme="original"])[data-theme] .feature-summary::before{filter:grayscale(1)}
@media(prefers-reduced-motion:reduce){.theme-picker,.theme-swatch{transition:none}}

html[data-theme="bw"]{--theme-decoration:#e9e9e6}
html[data-theme="blue"]{--theme-decoration:#dbe7f0}
html[data-theme="cream"]{--theme-decoration:#f3efdf}
html:not([data-theme="original"])[data-theme] .deliveries>.delivery.feature-summary{background:var(--theme-decoration)!important;isolation:isolate}
html:not([data-theme="original"])[data-theme] .feature-summary::before{content:"";position:absolute;inset:0;background:url('assets/feature-clouds.jpg') center/cover;border-radius:inherit;filter:grayscale(1);mix-blend-mode:multiply;opacity:.28;z-index:-1;pointer-events:none}

html[data-theme="bw"]{--theme-ink:#252628;--theme-muted:#56585a}
html[data-theme="blue"]{--theme-ink:#243d54;--theme-muted:#50677d}
html[data-theme="cream"]{--theme-ink:#4c402e;--theme-muted:#78694f}
html:not([data-theme="original"])[data-theme] .brand span{color:var(--theme-ink)}
html:not([data-theme="original"])[data-theme] .route-truck{filter:grayscale(1)}
html:not([data-theme="original"])[data-theme] .tip-copy h2,html:not([data-theme="original"])[data-theme] .tip-copy h3{color:var(--theme-ink)}
html:not([data-theme="original"])[data-theme] .tip-copy .advice-details{color:var(--theme-muted)}
html[data-theme="cream"] #dark stop{stop-color:#bbae94}
html[data-theme="cream"] #dark stop:last-child{stop-color:#a79a81}

html[data-theme="graphite"]{--theme-ink:#eef2f4;--theme-muted:#c0cbd1;--theme-decoration:#e7eef3}
html[data-theme="graphite"] body{background:#222629}
html[data-theme="graphite"] #dark stop{stop-color:#222629}
html[data-theme="graphite"] #light stop{stop-color:#30383d}
html[data-theme="graphite"] .brand span{color:#dce6ed!important}
html[data-theme="graphite"] .brand img{background:#30383d}
html[data-theme="graphite"] .navitem,html[data-theme="graphite"] .bottom-bar,html[data-theme="graphite"] .notification,html[data-theme="graphite"] .avatar{background:linear-gradient(120deg,#3a444b,#2c353b);color:#eff3f5;box-shadow:inset 0 1px 0 #ffffff0e}
html[data-theme="graphite"] .navitem.selected{background:linear-gradient(120deg,#52616d,#3e4c57);color:#fff}
html[data-theme="graphite"] .nav-clock-time,html[data-theme="graphite"] .clock-settings .nav-clock-date{color:#eff3f5}
html[data-theme="graphite"] .clock-settings label,html[data-theme="graphite"] .clock-remaining,html[data-theme="graphite"] .clock-duration-scale{color:#b5c8d3}
html[data-theme="graphite"] .metric,html[data-theme="graphite"] .product,html[data-theme="graphite"] .one-trip{background:linear-gradient(120deg,#39434a,#30393e);color:#f0f3f5;box-shadow:inset 0 1px 0 #ffffff0b}
html[data-theme="graphite"] .metric-title,html[data-theme="graphite"] .metric-title>span{color:#d0d9de}
html[data-theme="graphite"] .metric strong,html[data-theme="graphite"] .daily-stat strong{color:#f2f5f6}
html[data-theme="graphite"] .metric .change,html[data-theme="graphite"] .metric-title b{color:#82c4a8}
html[data-theme="graphite"] .metric .change.red,html[data-theme="graphite"] .daily-comparison>span{color:#edaaa2}
html[data-theme="graphite"] .daily-track{background:#4d585f}
html[data-theme="graphite"] .daily-track i{background:linear-gradient(90deg,#a6bbc8,#739bb4)}
html[data-theme="graphite"] .sparkline path[stroke]{stroke:#82b0c9}
html[data-theme="graphite"] #area stop{stop-color:#83aec5}
html[data-theme="graphite"] #roi-soft-green stop{stop-color:#79a2bc}
html[data-theme="graphite"] .roi-ring>circle:first-of-type{stroke:#dcb268}
html[data-theme="graphite"] .frozen-lollipops circle{fill:#9bb4c7}
html[data-theme="graphite"] .frozen-lollipops path{stroke:#9bb4c7}
html[data-theme="graphite"] .logistics-group{background:linear-gradient(135deg,#30393f,#293237)}
html[data-theme="graphite"] .trip-countdown{background:linear-gradient(145deg,#4c5962,#35414a);color:#f4e4dc}
html[data-theme="graphite"] .trip-product,html[data-theme="graphite"] .trip-addition,html[data-theme="graphite"] .trip-footer{background:linear-gradient(120deg,#43515c,#394750);color:#edf2f5;box-shadow:inset 0 1px 0 #ffffff14}
html[data-theme="graphite"] .trip-product span,html[data-theme="graphite"] .trip-product b,html[data-theme="graphite"] .trip-addition b,html[data-theme="graphite"] .trip-add-facts span,html[data-theme="graphite"] .trip-footer button{color:#d8e6ee}
html[data-theme="graphite"] .tip,html[data-theme="graphite"] .product.red .tip,html[data-theme="graphite"] .product.orange .tip,html[data-theme="graphite"] .product.green .tip{background:linear-gradient(120deg,#303a40,#293239);color:#d8e1e6}
html[data-theme="graphite"] .tip-copy .advice-details,html[data-theme="graphite"] .tip-copy p{color:#cbd5dc}
html[data-theme="graphite"] .tip-copy h2{color:#f1f4f6!important}
html[data-theme="graphite"] .tip-copy h3{color:#cadce7!important}
html[data-theme="graphite"] .product.red .tip-copy h3{color:#e9a49b!important}
html[data-theme="graphite"] .product.orange .tip-copy h3{color:#dec398!important}
html[data-theme="graphite"] .next{background:#59636b;color:#e9eff4}
html[data-theme="graphite"] .product .visual-metrics .metric-column{background:linear-gradient(145deg,#3d484f,#343f46);color:#e6eef3}
html[data-theme="graphite"] .product .visual-metrics .column-label,html[data-theme="graphite"] .product .visual-metrics .column-reading{color:#e8eff3}
html[data-theme="graphite"] .product .visual-metrics .tone-red .column-reading{color:#efa49b}
html[data-theme="graphite"] .product .visual-metrics .column-fill{background:linear-gradient(#749bab,#4c7184)}
html[data-theme="graphite"] .product .visual-metrics .tone-green .column-fill{background:linear-gradient(#648f81,#3e7766)}
html[data-theme="graphite"] .product .visual-metrics .tone-teal .column-fill{background:linear-gradient(#638d91,#3c7379)}
html[data-theme="graphite"] .product .visual-metrics .tone-blue .column-fill{background:linear-gradient(#7397bd,#4a72a2)}
html[data-theme="graphite"] .product .visual-metrics .tone-amber .column-fill{background:linear-gradient(#c4a477,#aa844e)}
html[data-theme="graphite"] .product .visual-metrics .tone-red .column-fill{background:linear-gradient(#bd8986,#9d6367)}
html[data-theme="graphite"] .stock-liquid{filter:saturate(.65) brightness(.8)}
html[data-theme="graphite"] .bar-widget,html[data-theme="graphite"] .docked-metric{background:linear-gradient(120deg,#3b464d,#303a40);color:#edf1f3}
html[data-theme="graphite"] .bar-widget svg,html[data-theme="graphite"] .bar-add svg{stroke:#d2dee5}
html[data-theme="graphite"] .bar-widget.bar-agent{background:#20272b;color:#fff}
html[data-theme="graphite"] .bar-widget.bar-competitors{background:linear-gradient(115deg,#da8256,#c65550);color:#fff}
html[data-theme="graphite"] .theme-picker{background:linear-gradient(#52616b,#30393f)}
html[data-theme="graphite"] .product-scroll-rail:before{background:#596b77}
html[data-theme="graphite"] .product-scroll-thumb{background:#96b2c4}
html[data-theme="graphite"] #stock-preview,html[data-theme="graphite"] .work-plan-surface{background:linear-gradient(135deg,#3d4951,#2d3840);color:#eef2f4}
html[data-theme="graphite"] #stock-preview h2,html[data-theme="graphite"] .stock-preview-count,html[data-theme="graphite"] .work-plan h2,html[data-theme="graphite"] .work-plan h3{color:#eff3f5}
html[data-theme="graphite"] .stock-preview-kicker,html[data-theme="graphite"] .stock-preview-facts span,html[data-theme="graphite"] .plan-context,html[data-theme="graphite"] .plan-steps p{color:#c3d1da}
html[data-theme="graphite"][data-theme] .deliveries>.delivery.feature-summary{background:linear-gradient(110deg,#f4f8fbd1,#f2f7fbba),url('assets/feature-clouds.jpg') center/cover no-repeat!important;color:#2d495c}
html[data-theme="graphite"] .feature-summary::before{display:none!important}
html[data-theme="graphite"] .delivery.route-tracker{background:linear-gradient(#f4f4f0b8,#f4f4f0b8),url('assets/route-topography.svg') center/cover no-repeat;color:#101d2c}
html[data-theme="graphite"] .route-truck{filter:none!important}html[data-theme="graphite"] .product .tip-copy .advice-details p{color:#cbd5dc!important}
html[data-theme="graphite"] .product .visual-metrics .column-label{color:#e8eff3!important}
html[data-theme="graphite"] .trip-countdown{background:linear-gradient(145deg,#fce9ec,#f3c9d1);color:#a84055}
/* Original replenishment palette inside the graphite theme. */
html[data-theme="graphite"] .one-trip{background:linear-gradient(115deg,#edf5fb,#e0eef8);box-shadow:0 2px 6px #294d6710,inset 0 1px 0 #ffffffb0;color:#244b64}
html[data-theme="graphite"] .trip-product,html[data-theme="graphite"] .trip-addition{background:linear-gradient(110deg,#ffffffba,#eef7ffad);color:#244b64;box-shadow:inset 0 1px 0 #fff9,0 2px 3px #426b8910}
html[data-theme="graphite"] .trip-product span,html[data-theme="graphite"] .trip-product b,html[data-theme="graphite"] .trip-addition b{color:#244b64}
html[data-theme="graphite"] .trip-add-facts span{color:#537b94}
html[data-theme="graphite"] .trip-footer{background:#f5faff8c;box-shadow:inset 0 1px 0 #fff}
html[data-theme="graphite"] .trip-footer button{color:#447aab}
html[data-theme="graphite"] .product .visual-metrics .column-reading,
html[data-theme="graphite"] .product .visual-metrics .column-reading strong,
html[data-theme="graphite"] .product .visual-metrics .column-reading small,
html[data-theme="graphite"] .product .visual-metrics .column-label{color:#eef3f6!important}

/* Restore the soft blue-gray backing behind the three left panels. */
html[data-theme="graphite"] .logistics-group{background:linear-gradient(145deg,#dcebf4 0%,#c6dce9 46%,#d9e3e8 100%)}