/* Shared visual language with the stack, with a horizontal FIFO lane. */
@import url('../Stack/style.css');
.workspace{grid-template-columns:270px minmax(0,1fr) 260px}
.queue-stage{background:radial-gradient(#dce8d7 .8px,transparent .8px),#f5f9f1;background-size:16px 16px;border:1px solid #e1ebdc;border-radius:10px;margin-top:12px}
.lane-heading{display:flex;justify-content:space-between;padding:24px 20px 12px;font-size:10px;letter-spacing:1.1px;color:#9b704d;line-height:1.9}.lane-heading span:last-child{text-align:right;color:#4d8259}.lane-heading b{font-size:9px;color:#718b70}
#queue-scroll{overflow:auto;padding:38px 24px;min-height:250px;border-block:3px solid #c6d9bb}
#visualQueue{display:flex;gap:14px;list-style:none;margin:0;padding:0;width:max-content;min-width:100%;align-items:center;min-height:170px}
#visualQueue:empty{display:none}.queue-item{position:relative;width:112px;flex-shrink:0;border:1px solid #c7ddbe;border-radius:9px;background:#e1efd9;box-shadow:0 4px 0 #cfdfc6;color:#466d49;padding:15px 10px;min-height:150px;display:flex;flex-direction:column;justify-content:space-between;gap:10px;text-align:center}.queue-item.front{background:#3e8748;color:white;border-color:#34773e;box-shadow:0 4px 0 #2e6b37}.queue-item.rear:not(.front){border:2px solid #71a576}.queue-item:not(:last-child):after{content:'›';position:absolute;right:-12px;top:50%;color:#86a27d}.arrival,.position{font-size:10px;opacity:.75}.queue-value{overflow-wrap:anywhere;font-size:18px;font-weight:600}.end-label{min-height:15px;font-size:9px;letter-spacing:.6px;font-weight:700}.lane-footer{padding:15px 20px;font-size:9px;letter-spacing:1px;color:#819779;line-height:1.8}.lane-footer span{display:block;letter-spacing:0;font-size:11px}.order-note{background:#f6faf3;border-radius:8px;padding:18px;margin-top:25px;font-size:13px;color:#537359}.order-note p{font-size:12px;line-height:1.8;color:#72836e;margin:7px 0 0}#empty-state{padding:20px 5px}#history li.dequeue-record{border-color:#d6ae73}.concepts b{min-width:125px}@media(max-width:1100px){.workspace{grid-template-columns:260px minmax(0,1fr)}}@media(max-width:700px){.workspace{grid-template-columns:1fr}.lane-heading{padding-inline:14px}#queue-scroll{padding-inline:16px}.queue-item{width:104px}}