/* Calm surfaces, stable controls, shared POS themes. */
#orderDetailModal .modal.wide{width:min(900px,calc(100vw - 32px));max-width:900px;padding:0;display:flex;flex-direction:column;overflow:hidden}
#orderDetailModal .modal-title-row{padding:20px 26px 16px;align-items:center;border-bottom:1px solid var(--line)}
#orderDetailModal .modal-title-row h3{margin:0;font-size:13px;font-weight:600;color:var(--ink-70);letter-spacing:.03em}
#orderDetailModal .modal-close{margin:0;width:34px;height:34px;font-size:24px}
#orderDetailModal .detail-body{max-height:min(70vh,740px);margin:0;padding:24px 26px 0;overscroll-behavior:contain;scrollbar-width:thin}
#orderDetailModal .modal-actions{flex-wrap:wrap;padding:16px 26px;border-top:1px solid var(--line);background:var(--paper);margin:0;gap:10px}
#orderDetailModal .modal-actions button{min-height:46px;font-size:12px;text-transform:none;letter-spacing:0;flex:0 1 auto;padding:10px 16px}
#orderDetailModal .modal-actions .modal-cancel{background:transparent;color:var(--ink-50)}
#orderDetailModal .modal-actions .modal-more{border:1px solid var(--line);background:var(--paper);margin-inline-end:auto}
#orderDetailModal .modal-actions .modal-submit{background:var(--chrome);color:var(--on-chrome);flex:0 1 auto;min-width:150px}
#orderDetailModal .modal-actions .modal-submit.danger{background:var(--danger);color:var(--paper)}
#orderDetailModal .modal-actions button:disabled{opacity:.4;cursor:not-allowed}
#orderDetailError:empty{display:none}
#orderDetailError:not(:empty){margin:12px 26px}
.order-supporting-details{padding:0 0 20px;border-top:1px solid var(--line)}
.production-workflow{color:var(--ink);padding-bottom:18px}
.production-workflow button{background:var(--paper);color:var(--ink);border:1px solid var(--line-strong);border-radius:8px;padding:9px 13px;min-height:42px;font:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}
.production-workflow button:disabled{cursor:not-allowed;opacity:.5}
.production-workflow button:hover:not(:disabled){background:var(--pill);border-color:var(--success)}
.production-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}
.production-heading h2{margin:0 0 6px;font-size:24px;line-height:1.25;font-weight:650;letter-spacing:-.025em;overflow-wrap:anywhere}
.production-heading p{color:var(--ink-50);font-size:13px;margin:0}
.production-balance{flex-shrink:0;text-align:end}
.production-balance span{display:block;color:var(--ink-50);font-size:11px;margin-bottom:4px}
.production-balance strong{font-size:20px;font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.production-stages{display:flex;list-style:none;margin:26px 0;padding:0}
.production-stages li{flex:1;display:flex;align-items:center;gap:7px;color:var(--ink-50);font-size:12px;position:relative}
.production-stages li:not(:last-child)::after{content:'';height:1px;background:var(--line);flex:1;margin-inline:8px 12px}
.production-stage-dot{display:grid;place-items:center;width:24px;height:24px;flex-shrink:0;border-radius:50%;background:var(--paper-2);color:var(--ink-50);font-size:11px}
.production-stages .complete{color:var(--success)}
.production-stages .complete .production-stage-dot{background:var(--pill);color:var(--success)}
.production-stages .active{color:var(--ink);font-weight:650}
.production-stages .active .production-stage-dot{background:var(--chrome);color:var(--on-chrome)}
.production-columns{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:24px;align-items:start}
.production-columns-closed{grid-template-columns:1fr}
.production-section-title{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-bottom:10px}
.production-workflow .production-section-title h3{margin:0;font-size:14px;font-weight:650}
.production-workflow small{display:block;color:var(--ink-50);font-size:11px;font-weight:400}
.production-section-title .production-completion{border-radius:20px;padding:3px 9px;background:var(--paper-2);font-variant-numeric:tabular-nums}
.production-section-title .is-complete{color:var(--success);background:var(--pill)}
.production-task{display:flex;align-items:center;gap:11px;min-height:90px;padding:15px 0;border-bottom:1px solid var(--line)}
.production-task-mark{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;border-radius:10px;background:var(--paper-2);color:var(--ink-50);font-size:13px}
.production-task.is-complete .production-task-mark{background:var(--pill);color:var(--success)}
.production-task-copy{min-width:0;flex:1}
.production-task-copy>strong{font-size:13px;font-weight:600}
.production-task button{flex-shrink:0;min-width:72px}
.production-task button[aria-pressed=true]{color:var(--success);background:var(--pill);border-color:transparent}
.production-workflow .production-task-stamp{margin-top:6px;font-size:11px}
.production-items{margin-top:3px;font-size:12px;color:var(--ink-50)}
.production-items summary{cursor:pointer;width:fit-content}
.production-items div{padding:6px 0 0;font-size:11px;overflow-wrap:anywhere}
.production-checks{background:var(--paper-2);border-radius:12px;padding:16px}
.production-workflow .production-checks-hint{font-size:12px;color:var(--ink-50);margin:0 0 10px;line-height:1.5}
.production-check{display:flex;gap:10px;align-items:flex-start;padding:12px 0;font-size:13px;cursor:pointer}
.production-check input{appearance:auto;width:17px;height:17px;min-height:17px;margin:2px 0 0;flex-shrink:0;accent-color:var(--success)}
.production-check strong{font-weight:500}
.production-check small{margin-top:4px;line-height:1.45}
.production-check.is-complete strong{color:var(--success)}
.production-checks.is-locked .production-check,.production-checks.is-locked .production-count{opacity:.55}
.production-count{border-block:1px solid var(--line);padding:13px 0;margin:1px 0}
.production-count-title{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:9px}
.production-count-title strong{font-size:13px;font-weight:500}
.production-count-controls{display:flex;gap:8px;align-items:center}
#orderDetailModal .production-count input{margin:0;width:76px;min-width:0;min-height:42px;height:42px;padding:8px;font-size:16px;text-align:center;background:var(--paper);color:var(--ink);border:1px solid var(--line-strong);border-radius:8px;font-variant-numeric:tabular-nums}
.production-count-controls button{flex:1;min-width:0}
.production-count.is-complete button{color:var(--success);background:var(--pill);border-color:transparent;opacity:1}
.production-workflow .production-count-feedback{margin-top:7px;min-height:14px}
.production-count.is-complete .production-count-feedback{color:var(--success)}
.production-workflow .is-error{color:var(--danger)}
.production-feedback{display:flex;align-items:center;gap:8px;padding:13px 0 7px;color:var(--ink-70);font-size:12px}
.production-feedback.is-complete{color:var(--success)}
.production-status-mark{font-size:15px}
.production-save-state{margin-inline-start:auto;white-space:nowrap}
.production-ready-note{display:flex;align-items:center;gap:13px;background:var(--pill);color:var(--success);padding:16px;border-radius:10px;margin-top:16px}
.production-ready-note strong{font-size:14px;font-weight:600}
.production-ready-note p{margin:4px 0 0;font-size:12px;color:var(--ink-70)}
.production-note-icon{display:grid;place-items:center;width:30px;height:30px;font-size:20px;flex-shrink:0}
.production-history{margin-top:13px;color:var(--ink-50);font-size:11px}
.production-history summary{cursor:pointer;width:fit-content;padding:5px 0}
.production-history p{padding:9px 0;border-bottom:1px solid var(--line);margin:0;color:var(--ink-70);font-size:12px}
.production-history small{margin-top:4px}
.production-warning{font-size:12px;color:var(--danger);margin:12px 0}
.production-error{margin-top:12px;padding:12px;border:1px solid var(--danger);border-radius:8px;color:var(--danger)}
.production-error p{margin:0 0 10px;font-size:12px}
@media(max-width:650px){
 #orderDetailModal .modal.wide{width:100%;max-width:100%;max-height:94dvh;border-radius:16px 16px 0 0}
 #orderDetailModal .modal-title-row{padding:16px 18px 12px}
 #orderDetailModal .detail-body{padding:20px 18px 0;max-height:calc(94dvh - 154px)}
 #orderDetailModal .modal-actions{padding:12px 18px calc(12px + env(safe-area-inset-bottom));gap:8px}
 #orderDetailModal .modal-actions .modal-cancel{display:none}
 #orderDetailModal .modal-actions .modal-submit{flex:1;min-width:120px}
 #orderDetailModal .modal-actions .modal-more{flex:1;padding:10px}
 .production-columns{grid-template-columns:1fr;gap:22px}
 .production-heading h2{font-size:21px}
 .production-balance strong{font-size:17px}
 .production-stages{margin:23px 0}
 .production-stages li{flex-direction:column;gap:6px;font-size:11px}
 .production-stages li:not(:last-child)::after{position:absolute;inset-inline-start:calc(50% + 18px);top:12px;width:calc(100% - 36px);margin:0}
 .production-task{min-height:78px}
 .production-feedback{flex-wrap:wrap;align-items:flex-start}
 .production-save-state{width:100%;margin-inline-start:23px}
}
@media(prefers-reduced-motion:reduce){.production-workflow button{transition:none}}

.production-workflow .production-sections-only,.production-workflow.production-inline .production-sections-only{grid-template-columns:1fr}