body[data-app="parcel-sort"] { --accent:#2d5b4c; --wash:#e7f1e8; }
.parcel-clock { padding:5px 10px; border-radius:5px; background:var(--paper); font-size:1.08rem; font-weight:850; font-variant-numeric:tabular-nums; }
.belt { position:relative; display:grid; place-items:center; min-height:190px; overflow:hidden; isolation:isolate; border-radius:8px 8px 0 0; background:repeating-linear-gradient(90deg,#3d4645 0 32px,#535f5b 32px 35px); border-block:10px solid #262e2b; }
#belt-message { position:relative; margin:0; padding:9px 12px; border-radius:5px; background:#29322f; color:#f8f6f0; font-size:.84rem; }
.parcel-box { width:min(252px,69%); padding:15px 18px; border:2px solid #98652f; border-radius:5px; background:linear-gradient(90deg,#cf9f68 46%,#e5bb84 46% 54%,#cf9f68 54%); box-shadow:4px 7px #28292165; transform:translateX(calc(-16% + var(--travel,0) * 32%)); }
.parcel-label { display:grid; gap:5px; padding:10px 11px; border-radius:3px; background:#fffaf0; box-shadow:0 1px 3px #68310a30; }
.parcel-label small { color:#5a6255; font-size:.71rem; font-weight:750; }
.parcel-label strong { font-size:clamp(1.15rem,4vw,1.48rem); letter-spacing:-.055em; }
.parcel-label span { justify-self:start; padding:3px 5px; border-radius:3px; background:#e3eddd; color:#324c39; font-size:.75rem; font-weight:800; }
.parcel-label span[data-issue] { color:#7c2721; background:#f3dbd5; }
.belt-time { height:6px; background:#dcdcd0; border-radius:0 0 4px 4px; }
.belt-time span { display:block; width:100%; height:100%; background:#69a180; transform-origin:left; transform:scaleX(var(--remaining,1)); }
.lane-buttons { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; margin-top:12px; }
.lane-buttons button { min-height:52px; padding:6px 3px; background:#eaf2ec; }
.lane-buttons button[data-lane="regional"] { background:#f4ebd9; }
.lane-buttons button[data-lane="review"] { background:#f4e6e2; }
.lane-buttons span { display:inline-grid; place-items:center; min-width:17px; padding:0 3px; border-radius:3px; background:#ffffffb8; font-size:.72rem; }
.belt-status { min-height:2.9em; margin:9px 0 5px; }
.parcel-score { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:5px; }
.parcel-score div { display:grid; gap:3px; padding:8px; background:var(--paper); border-radius:5px; }
.parcel-score span { font-size:.72rem; color:var(--muted); }
.parcel-score strong { font-size:1.25rem; font-variant-numeric:tabular-nums; }
.panel .rules-title { margin:15px 0 6px; }
.lane-rules { display:grid; gap:7px; margin:0; }
.lane-rules div { display:grid; grid-template-columns:51px 1fr; gap:4px; font-size:.8rem; }
.lane-rules dt { font-weight:800; }
.lane-rules dd { margin:0; color:var(--muted); }
@media (prefers-reduced-motion:reduce) { .parcel-box { transform:none; } }