/* Compact production details, using the existing cream/ink/lime palette. */
#jobs-live [data-job-details]{cursor:pointer;transition:background-color .15s ease}
#jobs-live [data-job-details]:hover{background:#f1f5dc}
#jobs-live [data-job-details]:focus-visible{outline:2px solid #22281b;outline-offset:-3px;background:#eff6cf}
.queue-detail-overlay{position:fixed;inset:0;z-index:20000;display:grid;place-items:center;padding:24px;background:rgb(18 23 14 / 38%);backdrop-filter:blur(3px)}
.queue-detail-dialog{display:flex;flex-direction:column;width:min(640px,100%);max-height:min(850px,calc(100dvh - 48px));overflow:hidden;border:1px solid #252b1e;border-radius:24px;background:#fffef8;color:#11170e;box-shadow:0 20px 80px #11170e33;text-align:left}
.queue-detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:0;padding:25px 28px 19px;border-bottom:1px solid #deded1}
.queue-detail-header .eyebrow{margin:0 0 6px;color:#78806d;font-size:10px;letter-spacing:.1em}
.queue-detail-header h3{margin:0;font-size:25px;line-height:1.15;letter-spacing:-.04em}
.queue-detail-close{flex:none;width:34px;height:34px;padding:0;border:1px solid #d1d2c5;border-radius:50%;background:transparent;font:inherit;font-size:24px;line-height:1;color:#343b2d;cursor:pointer}
.queue-detail-close:hover{background:#ecf5cf}
.queue-detail-body{padding:22px 28px;overflow:auto;overscroll-behavior:contain;min-height:120px;line-height:1.5}
.queue-detail-article{margin:0;font-size:19px;font-weight:700;line-height:1.4;overflow-wrap:anywhere}
.queue-detail-file{margin:8px 0 0;font-size:12px;color:#737b69;overflow-wrap:anywhere}
.queue-detail-facts{margin:22px 0;display:grid;gap:0}
.queue-detail-facts>div{display:grid;grid-template-columns:145px minmax(0,1fr);gap:15px;padding:10px 0;border-top:1px solid #e7e7db}
.queue-detail-facts dt{color:#747d68;font-size:12px}
.queue-detail-facts dd{margin:0;font-size:13px;font-weight:600;overflow-wrap:anywhere}
.queue-detail-requirements h4,.queue-detail-problem h4{margin:0 0 12px;font-size:14px}
.queue-detail-materials{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.queue-detail-material{display:flex;align-items:center;gap:12px;border:1px solid #dedfd1;border-radius:12px;padding:11px 12px;background:#f6f6ed}
.queue-detail-swatch{width:28px;height:28px;flex:none;border:1px solid #868d7d;border-radius:50%;box-shadow:inset 0 0 0 3px #ffffff66}
.queue-detail-swatch.unknown{background:repeating-linear-gradient(135deg,#e2e6d8 0 5px,#fafaf5 5px 10px)}
.queue-detail-material>span:nth-child(2){flex:1;min-width:0}
.queue-detail-material b,.queue-detail-material>span>span{display:block;font-size:13px;overflow-wrap:anywhere}
.queue-detail-material code{color:#68715f;font:11px monospace;margin-left:4px}
.queue-detail-material small{align-self:flex-start;font-size:10px;color:#78816c;white-space:nowrap}
.queue-detail-note{font-size:12px;color:#737d66;margin:12px 0 0}
.queue-detail-problem{margin-top:20px;padding:14px 16px;background:#fff3df;border:1px solid #e1c68a;border-radius:12px;font-size:13px;overflow-wrap:anywhere}
.queue-detail-problem p,.queue-detail-error p{margin:5px 0 0}
.queue-detail-error{font-size:14px;overflow-wrap:anywhere}
.queue-detail-error button{margin-top:16px}
.queue-detail-loading{font-size:14px;color:#6b765e;margin:15px 0}
.queue-detail-footer{display:flex;justify-content:space-between;gap:12px;padding:16px 28px;border-top:1px solid #deded1;background:#f6f6ed}
.queue-detail-footer button{min-height:40px;cursor:pointer}
.queue-detail-dialog button:focus-visible{outline:2px solid #20291a;outline-offset:3px}
@media(max-width:560px){.queue-detail-overlay{padding:12px}.queue-detail-dialog{border-radius:19px;max-height:calc(100dvh - 24px)}.queue-detail-header{padding:20px}.queue-detail-body{padding:18px 20px}.queue-detail-header h3{font-size:23px}.queue-detail-facts>div{grid-template-columns:105px minmax(0,1fr);gap:10px}.queue-detail-footer{padding:14px 20px}.queue-detail-material{gap:9px}.queue-detail-material small{font-size:9px}.queue-detail-material code{display:block;margin-left:0}}
@media(prefers-reduced-motion:reduce){#jobs-live [data-job-details]{transition:none}}