.wp-nav-list{list-style:none;padding:0;margin:0;max-height:45dvh;overflow:auto;border:1px solid var(--line);border-radius:12px}.wp-nav-list li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;border-bottom:1px solid var(--line)}.wp-nav-list li:last-child{border:0}.wp-nav-list li>span{display:flex;align-items:center;gap:10px}.wp-nav-list small{color:var(--muted);min-width:22px}.wp-nav-list li>div{display:flex;gap:6px}.wp-nav-list button{width:40px;height:40px}.ng-orders [hidden]{display:none!important}
body[data-orders-theme=dark]{color-scheme:dark;--ink:#f4f7f4;--muted:#d1dad3;--line:#3c4840;--paper:#151c18;--green:#9dd6b1;--dark-surface:#202a23;--dark-raised:#29362c;--dark-soft:#29332a;background:var(--paper);color:var(--ink)}
body[data-orders-theme=dark] .ng-orders{--ink:#f4f7f4;--muted:#d1dad3;--line:#3c4840;--paper:#151c18;color:var(--ink)}
body[data-orders-theme=dark] :is(.od-sidebar,.od-topbar,.od-mobile-nav,.od-dialog,.od-dialog-head,.od-panel,.od-stat,.od-order-row,.od-insight,.od-order-card,.od-editor-card,.od-manager-full,.od-manager-drawer,.od-chat-bubble,.od-food-card,.od-search,.od-category,.ops-ticket,.ops-history,.ops-history button,.ops-kitchen-summary,.ops-manager-steps,.ops-insight-card,.tp-panel,.tp-panel form,.tp-bubble,.tp-current,.tp-photo,.tp-demo-result,.cc-metrics article,.cc-feedback,.cc-empty,.cc-owner-summary,.fn-metrics article,.fn-period-chip,.mk-objectives button,.mk-deliveries,.mb-templates>button,.mb-size-row,.mb-option-row,.mb-pizza-map,.ac-kitchen-ticket,.su-review-item,.su-mini-menu article,.su-photos figure,.su-branding figure,.sp-review-grid article){background:var(--dark-surface);border-color:var(--line);color:var(--ink)}
body[data-orders-theme=dark] :is(.od-store-chip>span,.od-nav:hover,.od-order-row:hover,.od-lane,.od-lane h2 span,.od-info,.od-loyalty-stamps,.od-demo-bar,.od-demo-label,.od-offline,.od-manual-note,.od-more-insights,.ops-lane,.ops-lane>header,.ops-search,.ops-filters,.ops-pack-callout,.ops-detail-total,.ops-note,.ops-ticket-items p,.ops-method,.ops-stage,.ops-priority-details,.ops-heading-options[open] .ops-heading-actions,.ops-lane-jumps,.tp-shortcuts button,.tp-new-message,.tp-bubble.user,.tp-step,.fn-waterfall i,.cc-channel,.cc-filter button,.cc-loyalty,.cc-demo-message,.cp-cart,.cp-discount,.mk-demo,.mk-coupon-select,.mb-edit-hero,.mb-hint,.mb-price-mode,.mb-group-editor>summary,.mb-pricing-rule,.mb-count-progress,.mb-template-icon,.ac-role,.ac-access-note,.ac-kitchen-lane,.ac-kitchen-lane h2 b,.ac-note,.su-progress span,.su-photo-icon,.su-drop,.su-source,.su-inline-connection,.su-missing,.su-warning,.su-methods,.su-payment-note,.su-share,.su-setup-banner,.su-media-bar,.su-manual-path,.ifood-note,.ifood-warning){background:var(--dark-soft);border-color:var(--line);color:var(--ink)}
body[data-orders-theme=dark] :is(.od-button.secondary,.od-button.light,.od-icon,.od-prompt,.ops-btn,.ops-chip,.mb-button,.mb-remove,.mb-counter button,.mb-flavor-count button,.mb-size-pills button){background:var(--dark-raised);border-color:var(--line);color:var(--ink)}
body[data-orders-theme=dark] .ng-orders :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]),textarea,select){background:#17211a;color:var(--ink);border-color:#536154}
body[data-orders-theme=dark] .ng-orders :is(input,textarea)::placeholder{color:#c1cdc3}
body[data-orders-theme=dark] :is(.od-heading,.od-section-title,.od-panel-head,.ops-heading,.tp-panel,.cc-hub,.fn-shell,.mk-shell,.mb-editor,.mb-buyer){color:var(--ink)}
body[data-orders-theme=dark] :is(.od-main,.od-dialog,.tp-panel) :is(h1,h2,h3,h4,legend,label,strong,b){color:var(--ink)}
body[data-orders-theme=dark] :is(.od-main,.od-dialog,.tp-panel) :is(p,small,time,blockquote){color:var(--muted)}
body[data-orders-theme=dark] :is(.od-nav,.od-mobile-item,.od-text,.od-store-chip,.ops-tab,.ops-link,.ops-ticket-person,.ops-ticket-time,.ops-ticket-items,.ops-sort,.ops-detail-items,.mb-choice-section,.mb-choice,.mb-edit-hero,.fn-table,.cc-playbook,.su-progress){color:var(--muted)}
body[data-orders-theme=dark] :is(.od-nav.active,.od-mobile-item.active,.ops-chip.active,.ops-tab.active,.mb-size-pills button.selected,.cc-filter button.active){background:#4b3429;color:#ffd2b6;border-color:#a87351}
body[data-orders-theme=dark] :is(.od-badge.green,.ops-packed,.ops-stage.preparing){background:#283f31;color:#afe3bd}
body[data-orders-theme=dark] :is(.od-badge.amber,.od-badge.orange,.ops-method.pickup){background:#493d27;color:#f2d28b}
body[data-orders-theme=dark] .od-badge:not(.green):not(.amber):not(.orange){background:#354239;color:#d5dfd5}
body[data-orders-theme=dark] :is(.ops-btn.primary,.ops-ticket-actions .ops-btn.primary){background:#304c37;border-color:#536d58;color:#d9f3de}
body[data-orders-theme=dark] .ops-lane.new .ops-ticket-actions .ops-btn.primary{background:#c6532d;color:white;border-color:#dc744b}
body[data-orders-theme=dark] .ng-orders .od-button:not(.secondary):not(.light){color:white}
body[data-orders-theme=dark] .ng-orders .od-button:not(.secondary):not(.light) :is(strong,b,span){color:white}
body[data-orders-theme=dark] .od-error,body[data-orders-theme=dark] .od-form-error{background:#432b29;color:#ffc0b5}
body[data-orders-theme=dark] .od-form-error:empty{background:none}
body[data-orders-theme=dark] :is(.oh-editor p,.oh-public p,.ops-board-foot,.ops-lane>header>p,.ops-ticket-time small,.ops-ticket-payment>span,.fn-scope,.cc-scope){color:var(--muted)}
body[data-orders-theme=dark] :is(.od-main,.od-dialog,.tp-panel) :is(table,th,td,fieldset,details,summary){border-color:var(--line)}
body[data-orders-theme=dark] .sp-palettes span{color:#252a25}
body[data-orders-theme=dark] :is(.ops-tab b,.ops-lane>header b){background:#405044;color:#e7f2e9}
body[data-orders-theme=dark] .ops-ticket-head>button,body[data-orders-theme=dark] .ops-priority-details>summary{color:#c2d8bb}
body[data-orders-theme=dark] :is(.ops-ticket-time>span,.ops-ticket-items li>span,.ops-packed,.ops-tabs #ops-sync){color:#bed0b6}
body[data-orders-theme=dark] .ops-ticket-time>span.late{color:#ffa58e}
body[data-orders-theme=dark] .ops-ticket-time>span.soon{color:#f0ce7a}
body[data-orders-theme=dark] :is(.ops-tabs,.ops-ticket-items,.ops-ticket-payment,.od-more-nav){border-color:var(--line)}
body[data-orders-theme=dark] .ops-packed i{background:#435346}
body[data-orders-theme=dark] .od-demo-exit{color:var(--muted)}
body[data-orders-theme=dark] .od-dialog::backdrop{background:#000a}
body[data-orders-theme=dark] :is(a,button,input,select,textarea):focus-visible{outline:3px solid #ffb181;outline-offset:3px}

/* Keep every dashboard surface paired with readable dark-theme text. */
body[data-orders-theme=dark] .ng-orders :is(.od-priority,.od-loyalty-hero,.fn-insight,.dl-settings-link,.dl-radius-card,.dl-price,.th-hint,.th-freight>summary,.wa-hero,.wa-messages p,.ops-manager-hero){background:var(--dark-soft);border-color:var(--line);color:var(--ink)}
body[data-orders-theme=dark] .ng-orders :is(.th-actions article,.mk-results article,.wa-status-card,.dl-mode-cards>label){background:var(--dark-surface);border-color:var(--line);color:var(--ink)}
/* The original payment explainer declares its background as important. */
body[data-orders-theme=dark] .ng-orders .od-payment-explain{background:var(--dark-soft)!important}
body[data-orders-theme=dark] .ng-orders .dl-mode-cards>label:has(input:checked){background:#354b39;border-color:#9acc9b}
body[data-orders-theme=dark] .ng-orders :is(.od-more-nav summary,.od-menu-toolbar,.ops-courier,.ops-kitchen-summary>div>span,.ac-empty,.wa-eyebrow,.wa-hero-tags span,.th-radius>summary,.cc-theo-results summary,.fn-tabs button){color:var(--muted)}
body[data-orders-theme=dark] .ng-orders :is(.od-kicker,.wa-hero h2 em){color:#ffb58f}
body[data-orders-theme=dark] .ng-orders .fn-tabs button.active{color:#ffe1cd;border-bottom-color:#ffb58f}
body[data-orders-theme=dark] .ng-orders :is(.ops-heading-actions .ops-btn,.ops-btn.manager,.ops-kitchen-summary>div:last-child>span){background:var(--dark-raised);color:var(--ink);border-color:var(--line)}
body[data-orders-theme=dark] .ng-orders :is(.od-button:not(.secondary):not(.light),.ops-lane.new .ops-ticket-actions .ops-btn.primary){background:#b74720;color:#fff;border-color:#d8805b}
body[data-orders-theme=dark] .ng-orders .od-button:not(.secondary):not(.light):hover{background:#963c1d}
body[data-orders-theme=dark] .ng-orders .ac-avatar.kitchen{background:#493d27;color:#ffe0a0}
body[data-orders-theme=dark] .ng-orders .tp-unread-count{color:#202a23}
body[data-orders-theme=dark] .ng-orders .tp-panel h2 .tp-unread-count{color:#202a23}
body[data-orders-theme=dark] .ng-orders .ops-status{background:#283f31;color:#afe3bd}
body[data-orders-theme=dark] .ng-orders .ops-detail-quantity{color:#bed0b6}
body[data-orders-theme=dark] .ng-orders .mb-eyebrow{color:var(--muted)}
/* These detail labels override important declarations in operations.css. */
body[data-orders-theme=dark] .ng-orders .ops-note{color:#f2d28b!important}
body[data-orders-theme=dark] .ng-orders .ops-detail-total p{color:var(--muted)!important}
body[data-orders-theme=dark] .ng-orders :is(.mv-selection,.mb-buy-footer){background:var(--dark-surface);border-color:var(--line);color:var(--ink)}
body[data-orders-theme=dark] .ng-orders :is(.mv-chips>span,.mb-choice-section legend span,.mb-choice-section legend small){background:var(--dark-soft);border-color:var(--line);color:var(--muted)}
body[data-orders-theme=dark] .ng-orders .mv-selection>span{color:#ffb58f}
body[data-orders-theme=dark] .ng-orders .mv-stage-label{background:var(--dark-surface);color:var(--muted)}
body[data-orders-theme=dark] .ng-orders :is(.mb-quantity,.mb-counter output,.mb-count-progress>div){color:var(--ink)}
body[data-orders-theme=dark] .ng-orders :is(#mb-price>div,#mb-price small){color:var(--muted)}
body[data-orders-theme=dark] .ng-orders #mb-price strong{color:var(--ink)}

/* The customer-care hero uses a light gradient in the default theme. */
body[data-orders-theme=dark] .ng-orders .cc-hero{background:var(--dark-soft);border-color:var(--line);color:var(--ink)}