/* The order list and working order share one screen. */
.app.queue-active .queue-shell { padding-top:16px; }
.app.queue-active .queue-intro { align-items:center; margin-bottom:12px; }
.app.queue-active .queue-eyebrow,.app.queue-active .queue-intro p,.app.queue-active .queue-list-head p { display:none; }
.app.queue-active .queue-intro h1 { font-size:25px; margin:0; }
.app.queue-active .queue-summary { margin-bottom:14px; gap:10px; }
.app.queue-active .queue-summary-card { min-height:48px; padding:10px 14px; border-radius:9px; }
.app.queue-active .queue-summary-card>span:first-child { display:flex; align-items:center; gap:10px; }
.app.queue-active .queue-summary-card strong { font-size:22px; }
.app.queue-active .queue-summary-card small { margin:0; font-size:11px; }
.app.queue-active .queue-summary-icon { width:28px; height:28px; border-radius:8px; }
.app.queue-active .queue-summary-icon .process-icon { width:17px; height:17px; }
.app.queue-active .queue-list-head { padding:15px 17px; }
.app.queue-active .queue-layout { grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr); gap:20px; }
.app.queue-active .queue-order { grid-template-columns:32px minmax(0,1fr) auto; gap:10px; padding:16px; }
.app.queue-active .queue-order-main { grid-column:2; grid-row:1; }
.app.queue-active .queue-order-icon { grid-column:1; grid-row:1 / 3; }
.app.queue-active .queue-order>.queue-pill { grid-column:3; grid-row:1; }
.app.queue-active .queue-due { grid-column:2; grid-row:2; gap:3px; }
.app.queue-active .queue-due small { white-space:normal; font-size:11px; }
.app.queue-active .queue-next { grid-column:3; grid-row:2; min-width:0; white-space:normal; font-size:11px; }
.app.queue-active .queue-order.selected { background:var(--highlight); box-shadow:inset 3px 0 var(--success); }
.app.queue-active .queue-order-main strong { font-size:13px; }
.app.queue-active .queue-controls { flex-wrap:wrap; }
.app.queue-active .queue-controls input { width:100%; margin:0; }
.app.queue-active .queue-filter { min-height:38px; padding:0 8px; }
.queue-detail-panel { scroll-margin-top:18px; display:flex; flex-direction:column; max-height:calc(100dvh - 225px); position:sticky; top:12px; }
.queue-workspace-head { padding:11px 22px; display:flex; align-items:center; gap:10px; border-bottom:1px solid var(--line); }
.queue-workspace-head>span:first-child { margin-inline-end:auto; color:var(--ink-70); font-size:12px; font-weight:650; letter-spacing:.03em; }
.queue-workspace-reload { background:transparent; color:var(--ink-50); border:0; min-height:34px; padding:5px; font-size:11px; cursor:pointer; }
.queue-workspace-body { padding:16px 22px 0; overflow-y:auto; min-height:0; scrollbar-width:thin; overscroll-behavior:contain; }
.queue-workspace-body .production-workflow { padding-bottom:0; }
.production-inline .production-heading h2 { font-size:22px; }
.production-inline .production-columns { grid-template-columns:1fr; gap:22px; }
.production-inline .production-task { min-height:72px; padding:12px 0; }
.production-inline .production-checks { padding:13px; }
.production-inline .production-checks-hint { display:none; }
.production-inline .production-history { margin-top:8px; }
.production-inline .production-stages { margin:16px 0; }
.production-inline .production-check { padding:9px 0; }
.production-inline .production-count { padding:9px 0; }
.production-inline .production-count-feedback { min-height:0; }
.production-inline .production-stages li { flex-direction:column; gap:6px; font-size:11px; }
.production-inline .production-stages li:not(:last-child)::after { position:absolute; inset-inline-start:calc(50% + 18px); top:12px; width:calc(100% - 36px); margin:0; }
.production-inline .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-inline .production-check { margin:0; }
.queue-workspace-head,.queue-workspace-footer { flex-shrink:0; }
.queue-workspace-footer { margin-top:10px; padding:12px 22px; border-top:1px solid var(--line); display:flex; align-items:flex-start; gap:12px; background:var(--paper); }
.queue-workspace-footer>.queue-workspace-secondary { flex:0 1 170px; min-height:48px; }
.queue-workspace-next { display:grid; gap:7px; flex:1; min-width:0; }
.queue-workspace-primary { width:100%; min-height:48px; border:0; border-radius:9px; background:var(--chrome); color:var(--on-chrome); padding:12px 16px; font:inherit; font-size:14px; font-weight:600; cursor:pointer; }
.queue-workspace-primary:disabled { opacity:.42; cursor:not-allowed; }
.queue-workspace-action-hint { color:var(--ink-50); text-align:center; font-size:11px; line-height:1.5; }
.queue-workspace-secondary { min-height:38px; border:1px solid var(--line); border-radius:8px; background:var(--paper); color:var(--ink-70); padding:8px 12px; font:inherit; font-size:12px; cursor:pointer; }
.queue-workspace-secondary:disabled,.queue-workspace-reload:disabled { opacity:.45; cursor:not-allowed; }
.queue-workspace-notes,.queue-customer-update { color:var(--ink-70); font-size:12px; margin-top:14px; }
.queue-workspace-notes summary,.queue-customer-update summary { cursor:pointer; min-height:30px; padding:6px 0; }
.queue-workspace-notes p { white-space:pre-line; line-height:1.6; padding:10px; background:var(--paper-2); border-radius:8px; }
.queue-customer-update-label { font-size:11px; color:var(--ink-50); margin:10px 0; }
.queue-customer-update blockquote { margin:0 0 10px; padding:15px; background:var(--pill); border-radius:10px; color:var(--ink); font-size:20px; line-height:1.8; }
.queue-customer-update blockquote small { display:block; font-size:13px; }
.queue-customer-update>small { display:block; color:var(--ink-50); font-size:11px; line-height:1.5; }
.queue-workspace-result { color:var(--danger); font-size:12px; }
.queue-workspace-loading { min-height:200px; padding:28px; color:var(--ink-50); font-size:13px; }
@media(min-width:1150px) { .production-inline .production-columns { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:22px; } }
@media(max-width:1050px) {
 .app.queue-active .queue-layout { grid-template-columns:minmax(235px,.66fr) minmax(0,1.34fr); gap:12px; }
 .app.queue-active .queue-order { grid-template-columns:minmax(0,1fr) auto; padding:13px; }
 .app.queue-active .queue-order-icon { display:none; }
 .app.queue-active .queue-order-main,.app.queue-active .queue-due { grid-column:1; }
 .app.queue-active .queue-order>.queue-pill,.app.queue-active .queue-next { grid-column:2; }
 .queue-workspace-head { padding:16px; }
 .queue-workspace-body { padding:20px 16px 0; }
 .queue-workspace-footer { padding:15px 16px; }
 .queue-workspace-footer { flex-direction:column-reverse; align-items:stretch; }
 .queue-workspace-footer>.queue-workspace-secondary { flex:auto; min-height:38px; }
 .production-inline .production-heading h2 { font-size:20px; }
 .production-inline .production-balance strong { font-size:17px; }
}
@media(max-width:820px) {
 .app.queue-active .queue-layout { grid-template-columns:1fr; }
 .app.queue-active .queue-order { grid-template-columns:32px minmax(0,1fr) auto; }
 .app.queue-active .queue-order-icon { display:grid; }
 .app.queue-active .queue-order-main,.app.queue-active .queue-due { grid-column:2; }
 .app.queue-active .queue-order>.queue-pill,.app.queue-active .queue-next { grid-column:3; }
 .production-inline .production-columns { grid-template-columns:1fr; }
 .queue-detail-panel { max-height:none; position:static; }
 .queue-workspace-body { overflow:visible; }
 .app.queue-active .queue-summary { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .app.queue-active .queue-summary-card { padding:10px; }
 .app.queue-active .queue-summary-icon { display:none; }
}