.appearance-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:860px}
.appearance-choice{border:1px solid #d4e1ed;background:#fff;border-radius:9px;padding:16px;text-align:right;color:#28485f;box-shadow:none}
.appearance-choice.selected{border:2px solid #6e94b2;padding:15px;background:#f7fafd}
.appearance-choice-title{display:flex;align-items:center;gap:9px;margin-top:15px;font-size:16px}
.appearance-choice-title>svg:last-child{margin-inline-start:auto;color:#4c8468}
.appearance-choice p{color:#60788d;font-size:13px;margin-top:8px;line-height:1.8}
.appearance-panel .panel-heading p{font-size:13px;color:var(--muted);margin-top:4px}
.appearance-sample{display:grid;grid-template-columns:42px 1fr;height:145px;border:1px solid #d4e1ed;border-radius:6px;overflow:hidden;background:#f4f7fa}
.sample-sidebar{background:#203749}
.sample-content{padding:15px;display:grid;gap:10px;align-content:start}
.sample-content>i{height:12px;width:46%;background:#aec1d3;border-radius:3px}
.sample-content>div{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.sample-content b{display:block;height:30px;border:1px solid #d6e2ed;background:#fff;border-radius:4px}
.sample-content b:first-child{border-top:3px solid #b2cce3}
.sample-content b:nth-child(2){border-top:3px solid #bfdcca}
.sample-content b:nth-child(3){border-top:3px solid #e1d0a5}
.sample-content>span{display:block;height:10px;background:#dbe5ef;border-radius:3px}
.appearance-choice.dark .appearance-sample{background:#111c28;border-color:#354a5e}
.appearance-choice.dark .sample-sidebar{background:#203345}
.appearance-choice.dark .sample-content>i{background:#849fb9}
.appearance-choice.dark .sample-content b{background:#213243;border-color:#415770}
.appearance-choice.dark .sample-content b:first-child{border-top-color:#8fb4d6}
.appearance-choice.dark .sample-content b:nth-child(2){border-top-color:#8fb8a0}
.appearance-choice.dark .sample-content b:nth-child(3){border-top-color:#bfab7b}
.appearance-choice.dark .sample-content>span{background:#354b60}
.appearance-note{margin-top:20px}
.empty-start-note{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
.empty-start-note p{margin-top:4px}
.test-data-settings{display:grid;gap:14px;max-width:900px;line-height:1.9}
.test-data-settings .btn{justify-self:start}

/* Dark colors are defined per surface and meaning; printed labels stay separate. */
html[data-theme=dark]{color-scheme:dark;--bg:#111b26;--ink:#e5edf5;--text:#d9e5ef;--muted:#a3b7c9;--line:#364c60;--blue:#a9cbed;--green:#a4d5b7;--red:#e1a4af;--amber:#e7c686;--purple:#c4afdf;--surface:#1b2a39;--raised:#223447;--subtle:#172432;--blue-tint:#253e57;--green-tint:#253f35;--red-tint:#442e39;--amber-tint:#423a2b;--purple-tint:#372f49}
html[data-theme=dark] body,html[data-theme=dark] .shell,html[data-theme=dark] main{background:var(--bg);color:var(--text)}
html[data-theme=dark] :is(h1,h2,h3,.main-text,.order-name,.trip-card h2){color:var(--ink)}
html[data-theme=dark] :is(.panel,.stat,.merchant-card,.driver-card,.account-card,.cash-card,.trip-card,.product-stock-card,.modal,.appearance-choice){background:var(--surface);border-color:var(--line);color:var(--text);box-shadow:none}
html[data-theme=dark] :is(.topbar,.panel-heading,.modal>header,.table-footer){background:var(--surface);border-color:var(--line);color:var(--text)}
html[data-theme=dark] .modal-backdrop{background:#080f19b0}
html[data-theme=dark] :is(.filters,.orders-view .filters){background:var(--surface)}
html[data-theme=dark] :is(.filter-bottom,.form-footer,.scan-box,.coverage-picker,.product-stock-warehouses,.account-card-balances>div,.cash-parts,.details-grid .detail-cell,.contact-suggestions){background:var(--subtle);border-color:var(--line);color:var(--text)}
html[data-theme=dark] :is(.field input,.field select,.field textarea,.center-picker,.pagination select,.pagination button){background:var(--subtle);color:var(--ink);border-color:var(--line)}
html[data-theme=dark] .field :is(input,select,textarea):focus{border-color:#7da4c7;outline-color:#354f68}
html[data-theme=dark] :is(input,textarea)::placeholder{color:#8ba1b5}
html[data-theme=dark] :is(.field>span,.field small,.sub-text,.stat div>span,.stat>div>span,.page-heading p,.eyebrow,.filter-bottom,.account-card p,.account-card-footer,.stock-snapshot,.timeline-item p,.trip-card p,.trip-card-counts span,.trip-route small,.trip-route>span,.trip-manifest small,.product-stock-name small,.product-stock-value small,.appearance-choice p,.coverage-picker p){color:var(--muted)!important}
html[data-theme=dark] :is(.code,.text-link,.btn.link,.trip-card h2,.product-stock-actions .btn.link){color:var(--blue)}
html[data-theme=dark] :is(.btn.secondary,.icon-btn){background:var(--raised);color:#c4d9ec;border-color:#466179}
html[data-theme=dark] .btn.primary{background:#456983;border-color:#658aa7;color:#f4f8fc}
html[data-theme=dark] .orders-view .new-order-button{background:#ffb91f;border-color:#e7a51a;color:#493815}
html[data-theme=dark] .btn.danger{background:var(--red-tint);color:var(--red);border-color:#79515e}
html[data-theme=dark] .btn.blue{background:#365c84;border-color:#6589b3;color:#eef5fd}
html[data-theme=dark] :is(.tabs,.detail-toolbar,.timeline-item,.trip-card-counts,.trip-manifest,.product-stock-warehouse,.table-footer,.coverage-options){border-color:var(--line)}
html[data-theme=dark] .tabs button{background:transparent;color:var(--muted);border-color:transparent}
html[data-theme=dark] .tabs button.active{background:var(--blue-tint);color:var(--blue);border-color:#789cbe}
html[data-theme=dark] .orders-view>.tabs button{background:var(--surface);color:var(--muted);border-color:var(--line)}
html[data-theme=dark] .orders-view>.tabs button.active:nth-child(n){background:var(--blue-tint);color:var(--blue);border-color:#7396b7}
html[data-theme=dark] .orders-view .status-tabs{background:var(--surface);border-color:var(--line)}
html[data-theme=dark] .orders-view .status-tabs button{background:var(--subtle);border-color:var(--line);color:var(--muted)}
html[data-theme=dark] .orders-view .status-tabs button b{background:var(--raised);color:var(--ink)}
html[data-theme=dark] .orders-view .status-tabs button.active{background:var(--blue-tint);color:var(--blue);border-color:#7396b7}
html[data-theme=dark] .orders-view .status-tabs button[data-tone=green].active{background:var(--green-tint);color:var(--green);border-color:#618772}
html[data-theme=dark] .orders-view .status-tabs button[data-tone=red].active{background:var(--red-tint);color:var(--red);border-color:#986877}
html[data-theme=dark] .orders-view .status-tabs button:is([data-tone=amber],[data-tone=orange]).active{background:var(--amber-tint);color:var(--amber);border-color:#a48a58}
html[data-theme=dark] .orders-view .status-tabs button[data-tone=purple].active{background:var(--purple-tint);color:var(--purple);border-color:#937fad}
html[data-theme=dark] :is(thead th,.orders-view .order-list-panel thead th){background:#253b50!important;color:#c2d8ec;border-color:#466077!important}
html[data-theme=dark] :is(tbody td,.orders-view .order-list-panel tbody td){background:transparent;color:var(--text);border-color:var(--line)}
html[data-theme=dark] :is(tbody tr,.orders-view .order-list-panel tbody tr){background:var(--surface)}
html[data-theme=dark] :is(tbody tr:nth-child(even),.orders-view .order-list-panel tbody tr:nth-child(even)){background:var(--subtle)}
html[data-theme=dark] :is(tbody tr:hover,tbody tr.selected,.orders-view .order-list-panel tbody tr:hover,.orders-view .order-list-panel tbody tr.selected){background:#283e53}
html[data-theme=dark] :is(.orders-view .order-list-panel .quick-actions-cell,.quick-actions-cell){background:inherit!important;box-shadow:none}
html[data-theme=dark] :is(.tag.green,.tile-icon.green,.number-box.green){background:var(--green-tint);color:var(--green);border-color:#40614f}
html[data-theme=dark] :is(.tag.red,.tile-icon.red,.number-box.red){background:var(--red-tint);color:var(--red);border-color:#734b59}
html[data-theme=dark] :is(.tag.blue,.tile-icon.blue,.number-box.blue){background:var(--blue-tint);color:var(--blue);border-color:#466481}
html[data-theme=dark] :is(.tag.purple,.tile-icon.purple,.number-box.purple){background:var(--purple-tint);color:var(--purple);border-color:#65537d}
html[data-theme=dark] :is(.tag.amber,.tag.orange,.tile-icon.amber,.number-box.amber){background:var(--amber-tint);color:var(--amber);border-color:#796643}
html[data-theme=dark] .tag.slate{background:#2d3d4b;color:#bacadb;border-color:#526272}
html[data-theme=dark] .money{color:var(--blue)}
html[data-theme=dark] .orders-view .order-list-panel .order-money-cell .money{color:var(--blue)}
html[data-theme=dark] :is(.money.money-positive,.money.positive,.positive,.product-stock-value.available b){color:var(--green)}
html[data-theme=dark] :is(.money.money-negative,.money.negative,.negative,.product-stock-value.damaged b){color:var(--red)}
html[data-theme=dark] .product-stock-value.reserved b{color:var(--amber)}
html[data-theme=dark] .product-stock-value.delivery b{color:var(--blue)}
html[data-theme=dark] :is(.quantity-badge,.product-quantity,.orders-view .order-list-panel .quantity-badge){background:var(--amber-tint);color:var(--amber);border-color:#796643}
html[data-theme=dark] .orders-view .order-list-panel .quick-actions .eye-action{background:var(--blue-tint);color:var(--blue);border-color:#466481}
html[data-theme=dark] .orders-view .order-list-panel .quick-actions .print-action{background:var(--green-tint);color:var(--green);border-color:#40614f}
html[data-theme=dark] .orders-view .order-list-panel .quick-actions .appointment-action{background:var(--amber-tint);color:var(--amber);border-color:#796643}
html[data-theme=dark] :is(.info-strip,.trip-route,.shipment-progress,.trip-remaining-list>span){background:var(--blue-tint);color:#c0d6ea;border-color:#435e78}
html[data-theme=dark] :is(.info-strip.amber,.test-pill){background:var(--amber-tint);color:var(--amber);border-color:#796643}
html[data-theme=dark] :is(.toast.success){background:var(--green-tint);color:var(--green);border-color:#618772}
html[data-theme=dark] :is(.toast.error,.form-error){background:var(--red-tint);color:var(--red);border-color:#986877}
html[data-theme=dark] :is(.order-block,.shipment-block){background:var(--surface);border-color:var(--line);color:var(--text)}
html[data-theme=dark] :is(.order-block h3,.order-form-layout .order-block h3,.shipment-block h3){background:var(--blue-tint);border-color:#435e78;color:var(--blue)}
html[data-theme=dark] :is(.order-form-layout .contents-block h3,.shipment-block.contents h3){background:var(--purple-tint);border-color:#65537d;color:var(--purple)}
html[data-theme=dark] :is(.order-form-layout .money-block h3){background:var(--green-tint);border-color:#40614f;color:var(--green)}
html[data-theme=dark] :is(.order-form-layout .appointment-block h3,.shipment-block.appointment h3,.shipment-block.amounts h3){background:var(--amber-tint);border-color:#796643;color:var(--amber)}
html[data-theme=dark] .shipment-block.route h3{background:#233e3c;color:#aad7cf;border-color:#436a64}
html[data-theme=dark] .shipment-block.information h3{background:var(--raised);color:#bbcbdc;border-color:var(--line)}
html[data-theme=dark] .shipment-block h3 svg{color:inherit}
html[data-theme=dark] :is(.shipment-fact,.shipment-route,.order-fact,.customer-address,.route-facts,.detail-products>div,.full-content,.contact-suggestions button,.product-field,.coverage-option){background:var(--subtle);color:var(--text);border-color:var(--line)}
html[data-theme=dark] :is(.shipment-fact>span,.shipment-content-text,.shipment-contents>div>span:first-child,.shipment-route>div>span,.shipment-driver>span,.order-fact strong,.customer-address p,.product-stock-name strong){color:var(--ink)}
html[data-theme=dark] :is(.shipment-fact small,.shipment-route small,.shipment-driver small,.shipment-progress li,.order-fact small,.customer-address small){color:var(--muted)}
html[data-theme=dark] :is(.shipment-progress li.current,.shipment-progress li.current b){color:var(--blue)}
html[data-theme=dark] .shipment-progress li b{background:var(--raised);color:#bacada}
html[data-theme=dark] .shipment-progress li.current b{background:#385673}
html[data-theme=dark] :is(.shipment-progress li.done,.shipment-progress li.done b){color:var(--green)}
html[data-theme=dark] .shipment-progress li.done b{background:var(--green-tint)}
html[data-theme=dark] :is(.shipment-amount .money){color:var(--blue)}
html[data-theme=dark] .shipment-amount-total{background:var(--green-tint);color:var(--green);border-color:#5d826c}
html[data-theme=dark] .shipment-amount-total .money{color:var(--green)}
html[data-theme=dark] :is(.shipment-contents>div,.financial-fact){border-color:var(--line)}
html[data-theme=dark] :is(.product-stock-name .tile-icon,.warehouse-row-icon){background:#233e3c;color:#aad7cf}
html[data-theme=dark] :is(.avatar,.number-box,.coverage-option.selected){background:var(--raised);color:#c0d2e4;border-color:var(--line)}
html[data-theme=dark] .appearance-choice.selected{background:var(--raised);border-color:#8db4d5}
html[data-theme=dark] .appearance-choice-title>svg:last-child{color:var(--green)}
html[data-theme=dark] .empty{color:var(--muted)}
html[data-theme=dark] .stat strong,html[data-theme=dark] .orders-view .order-list-panel .main-text{color:var(--ink)}
html[data-theme=dark] .orders-view .order-list-panel .code{color:var(--blue)}
html[data-theme=dark] .orders-view .order-list-panel .sub-text{color:var(--muted)!important}
html[data-theme=dark] :is(.appearance-choice p,.modal>header p,.stat>div>span,.panel-heading p){color:var(--muted)}
html[data-theme=dark] .journey-row{background:var(--surface);color:var(--ink);border-color:var(--line)}
html[data-theme=dark] .journey-row:hover{background:var(--raised)}
html[data-theme=dark] .journey-row>b{background:var(--raised);color:var(--ink)}
html[data-theme=dark] .card-meta{color:var(--muted)}
html[data-theme=dark] .card-meta b{color:var(--ink)}
html[data-theme=dark] .cash-card small,html[data-theme=dark] .stat small,html[data-theme=dark] .inventory-summary small{color:var(--muted)}
html[data-theme=dark] .trip-card-counts b{color:var(--blue)}
html[data-theme=dark] .trip-card-counts .positive b{color:var(--green)}
html[data-theme=dark] .trip-card-counts .trip-remaining b{color:var(--amber)}
html[data-theme=dark] .metrics-inline{background:var(--surface);border-color:var(--line);color:var(--text)}
html[data-theme=dark] .report-summary{background:var(--surface);border-color:var(--line);color:var(--text)}
html[data-theme=dark] .report-summary>div{background:var(--surface);border-color:var(--line);border-top-color:#769fc5}
html[data-theme=dark] .report-summary span{color:var(--muted)}
html[data-theme=dark] .report-summary b{color:var(--ink)}
html[data-theme=dark] .report-summary .money.positive{color:var(--green)}
html[data-theme=dark] .report-summary .money.zero{color:var(--blue)}
html[data-theme=dark] .resolved-center strong{background:var(--blue-tint);color:var(--blue);border-color:#466481}
html[data-theme=dark] footer{border-color:var(--line);color:var(--muted)}
html[data-theme=dark] :is(button,a,input,select,textarea):focus-visible{outline-color:#bd9b54}
@media(max-width:740px){.appearance-options{grid-template-columns:1fr}.empty-start-note{flex-direction:column;align-items:flex-start}.appearance-choice{padding:14px}.appearance-choice.selected{padding:13px}}