/* Additive fulfilment styles for the existing DISCOUNTERSHOP ONE shell. */
.fulfilment-heading{align-items:flex-start}.fulfilment-safety-row{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.fulfilment-lock-badge{display:inline-flex;align-items:center;min-height:31px;padding:6px 10px;border-radius:999px;border:1px solid #cfd8ff;color:var(--blue,#1238e6);background:var(--blue-soft,#eef2ff);font-size:10px;font-weight:850}.fulfilment-lock-badge.locked{color:var(--red,#d82f45);background:var(--red-soft,#fff0f2);border-color:#f2c3cb}.fulfilment-lock-badge.safe{color:var(--green,#159447);background:var(--green-soft,#eaf8ef);border-color:#bfe7cb}.fulfilment-metrics .metric-card span:last-child{display:block;margin-top:3px;color:var(--muted,#68748a);font-size:10px}
.fulfilment-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px;padding:5px;border:1px solid var(--line,#e5e9f1);border-radius:14px;background:#fff;width:fit-content}.fulfilment-tabs button{min-height:36px;padding:7px 13px;border:0;border-radius:10px;color:var(--muted,#68748a);background:transparent;font-weight:750}.fulfilment-tabs button.active{color:#fff;background:var(--blue,#1238e6);box-shadow:0 6px 14px rgba(18,56,230,.16)}.fulfilment-tabs button span{display:inline-grid;place-items:center;min-width:19px;height:19px;margin-left:4px;padding:0 5px;border-radius:999px;background:rgba(255,255,255,.16);font-size:10px}.fulfilment-tab-panel{display:none}.fulfilment-tab-panel.active{display:block}
.fulfilment-orders-panel{overflow:hidden}.fulfilment-order-toolbar{align-items:flex-end;gap:18px}.fulfilment-order-toolbar p{margin:5px 0 0}.fulfilment-order-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.fulfilment-order-actions input,.fulfilment-order-actions select,.fulfilment-pack-choice select{min-height:42px;padding:0 12px;border:1px solid #cad1df;border-radius:11px;background:#fff;color:var(--ink,#172033)}.fulfilment-order-actions input{min-width:260px}.fulfilment-order-selection-bar{display:flex;align-items:center;gap:14px;padding:12px 18px;border-top:1px solid var(--line,#e5e9f1);border-bottom:1px solid var(--line,#e5e9f1);background:#fafbfe}.fulfilment-order-selection-bar label{display:flex;gap:8px;align-items:center;font-size:11px;font-weight:750}.fulfilment-order-selection-bar>span{margin-left:auto;color:var(--muted,#68748a);font-size:11px}.fulfilment-order-list{display:grid;gap:12px;padding:14px}.fulfilment-order-list.empty{min-height:120px;place-items:center;color:var(--muted,#68748a);text-align:center}.fulfilment-order-card{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;padding:16px;border:1px solid var(--line,#e5e9f1);border-radius:16px;background:#fff}.fulfilment-order-card:hover{border-color:#c9d3ff;box-shadow:0 8px 24px rgba(24,35,65,.05)}.fulfilment-order-card.warning{border-color:#f1c58e;background:#fffaf2}.fulfilment-order-card.claimed{opacity:.68}.fulfilment-order-check{display:grid;place-items:start center;padding-top:4px}.fulfilment-order-check input{width:20px;height:20px}.fulfilment-order-main{min-width:0}.fulfilment-order-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.fulfilment-order-top small,.fulfilment-order-top strong{display:block}.fulfilment-order-top small{margin-bottom:4px;color:var(--muted,#68748a);font-size:10px}.fulfilment-order-top strong{font-size:16px}.fulfilment-order-badges{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.fulfilment-order-badge{padding:5px 8px;border-radius:999px;background:#f1f3f7;color:var(--muted,#68748a);font-size:9px;font-weight:850}.fulfilment-order-badge.needs{color:var(--orange,#d97706);background:var(--orange-soft,#fff6e7)}.fulfilment-order-badge.known{color:var(--green,#159447);background:var(--green-soft,#eaf8ef)}.fulfilment-order-badge.warning{color:var(--red,#d82f45);background:var(--red-soft,#fff0f2)}.fulfilment-order-badge.claimed{color:var(--purple,#7655dd);background:#f2efff}.fulfilment-order-meta{display:flex;flex-wrap:wrap;gap:7px 16px;margin-top:11px;color:var(--muted,#68748a);font-size:10px}.fulfilment-order-meta b{color:var(--ink,#172033)}.fulfilment-order-total{color:var(--ink,#172033);font-weight:750}.fulfilment-order-total b{font-size:16px}.fulfilment-order-items{display:grid;gap:9px;margin-top:12px}.fulfilment-order-item{display:grid;grid-template-columns:76px minmax(0,1fr) 86px;gap:14px;align-items:center;min-height:84px;padding:10px;border:1px solid var(--line,#e5e9f1);border-radius:13px;background:#f9faff}.fulfilment-order-item-thumb,.fulfilment-item-thumb{display:grid;place-items:center;overflow:hidden;border:1px solid var(--line,#e5e9f1);border-radius:12px;color:var(--blue,#1238e6);background:var(--blue-soft,#eef2ff);font-weight:900}.fulfilment-order-item-thumb{width:72px;height:72px;font-size:17px}.fulfilment-order-item-thumb.has-image,.fulfilment-item-thumb.has-image{background:#fff}.fulfilment-order-item-thumb img,.fulfilment-item-thumb img{width:100%;height:100%;object-fit:contain}.fulfilment-order-item-body{min-width:0}.fulfilment-order-item-body strong,.fulfilment-order-item-body small{display:block}.fulfilment-order-item-body strong{font-size:13px;line-height:1.35}.fulfilment-order-item-body small{margin-top:5px;color:var(--muted,#68748a);font-size:10px}.fulfilment-order-item-qty{display:grid;justify-items:center;align-content:center;min-width:80px;min-height:66px;padding:8px;border-radius:12px;color:var(--blue,#1238e6);background:var(--blue-soft,#eef2ff);font-variant-numeric:tabular-nums}.fulfilment-order-item-qty b{font-size:28px;line-height:1}.fulfilment-order-item-qty span{margin-top:5px;font-size:10px;font-weight:900;letter-spacing:.08em}
.fulfilment-batch-detail,.fulfilment-exception-list{display:grid;gap:8px;padding:14px}.fulfilment-batch-detail.empty,.fulfilment-exception-list.empty{min-height:90px;place-items:center;color:var(--muted,#68748a);text-align:center}.fulfilment-batch-order{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;border:1px solid var(--line,#e5e9f1);border-radius:13px;background:#fff}.fulfilment-batch-order.done{border-color:#bfe7cb;background:var(--green-soft,#eaf8ef)}.fulfilment-container-code{display:grid;place-items:center;width:46px;height:38px;border-radius:10px;background:var(--blue-soft,#eef2ff);color:var(--blue,#1238e6);font-size:12px;font-weight:900}.fulfilment-batch-order strong,.fulfilment-batch-order small{display:block}.fulfilment-batch-order small{margin-top:3px;color:var(--muted,#68748a);font-size:10px}
.fulfilment-workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:20px;align-items:start}.fulfilment-main-column,.fulfilment-side-column{display:grid;gap:18px}.fulfilment-scan-card{overflow:hidden}.fulfilment-scan-body{padding:20px 22px 22px}.fulfilment-parcel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.fulfilment-parcel-head h3{margin:4px 0 0;font-size:19px}.fulfilment-progress-track{height:7px;margin:13px 0 18px;overflow:hidden;border-radius:999px;background:#edf0f5}.fulfilment-progress-track i{display:block;width:0;height:100%;border-radius:inherit;background:var(--green,#159447);transition:width .18s ease}.fulfilment-item-list{display:grid;gap:10px;margin-bottom:18px}.fulfilment-item{display:grid;grid-template-columns:72px minmax(0,1fr) 105px;align-items:center;gap:14px;min-height:84px;padding:11px 13px;border:1px solid var(--line,#e5e9f1);border-radius:13px;background:#fff}.fulfilment-item.complete{border-color:#bfe7cb;background:var(--green-soft,#eaf8ef)}.fulfilment-item-thumb{width:66px;height:66px;font-size:16px}.fulfilment-item-body{min-width:0}.fulfilment-item-body strong,.fulfilment-item-body small{display:block}.fulfilment-item-body strong{font-size:13px}.fulfilment-item-body small{margin-top:5px;color:var(--muted,#68748a);font-size:10px}.fulfilment-item-count{display:grid;justify-items:end;min-width:92px;text-align:right;font-variant-numeric:tabular-nums}.fulfilment-item-count strong{font-size:24px;line-height:1}.fulfilment-item-count small{margin-top:6px;color:var(--orange,#d97706);font-size:9px;font-weight:900;letter-spacing:.06em}.fulfilment-item.complete .fulfilment-item-count small{color:var(--green,#159447)}.fulfilment-hero-scan{display:grid;gap:7px}.fulfilment-hero-scan label{font-size:11px;font-weight:800;color:var(--ink,#172033)}.fulfilment-hero-scan>div{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:8px;align-items:center}.fulfilment-hero-scan>div>span{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;color:var(--blue,#1238e6);background:var(--blue-soft,#eef2ff);font-size:21px;font-weight:900}.fulfilment-hero-scan input{min-width:0;height:46px;padding:0 14px;border:1px solid #cad1df;border-radius:12px;background:#fff;outline:0;font-size:15px}.fulfilment-pack-choice{margin-top:14px}.fulfilment-pack-choice label{display:grid;gap:6px;color:var(--muted,#68748a);font-size:11px;font-weight:750}.fulfilment-complete-actions{display:flex;gap:8px;margin-top:14px}.fulfilment-complete-actions .primary-button{flex:1}.fulfilment-safety-copy{margin-top:12px}.fulfilment-station-panel{padding:0 0 18px}.fulfilment-station-panel label{display:grid;gap:6px;padding:16px 18px 0;color:var(--muted,#68748a);font-size:11px;font-weight:750}.fulfilment-station-panel input{height:42px;padding:0 12px;border:1px solid #cad1df;border-radius:11px}.fulfilment-message{min-height:21px;margin:10px 14px;color:var(--muted,#68748a);font-size:12px;font-weight:700}.fulfilment-message.error{color:var(--red,#d82f45)}.fulfilment-message.success{color:var(--green,#159447)}
.fulfilment-exception-row{display:grid;grid-template-columns:70px minmax(0,1fr);gap:10px;padding:11px 12px;border:1px solid #f1ccd2;border-radius:12px;background:var(--red-soft,#fff0f2)}.fulfilment-exception-row time{color:var(--red,#d82f45);font-size:10px;font-weight:850}.fulfilment-exception-row strong,.fulfilment-exception-row small{display:block}.fulfilment-exception-row small{margin-top:3px;color:var(--muted,#68748a)}.fulfilment-flow-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.fulfilment-flow-grid article{display:grid;grid-template-columns:auto 1fr;gap:12px;padding:18px}.fulfilment-flow-grid article>b{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:#fff;background:var(--blue,#1238e6)}.fulfilment-flow-grid h3{margin:4px 0;font-size:15px}.fulfilment-flow-grid p{margin:0;color:var(--muted,#68748a);font-size:11px;line-height:1.5}
@media(max-width:1180px){.fulfilment-workspace-grid{grid-template-columns:1fr}.fulfilment-flow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fulfilment-order-toolbar{display:block}.fulfilment-order-actions{margin-top:12px}}
@media(max-width:760px){.fulfilment-heading{display:block}.fulfilment-safety-row{justify-content:flex-start;margin-top:12px}.fulfilment-flow-grid{grid-template-columns:1fr}.fulfilment-order-actions{display:grid}.fulfilment-order-actions input{min-width:0}.fulfilment-order-selection-bar{align-items:flex-start;flex-wrap:wrap}.fulfilment-order-selection-bar>span{margin-left:0}.fulfilment-order-selection-bar button{width:100%}.fulfilment-order-card{grid-template-columns:28px minmax(0,1fr)}.fulfilment-order-top{display:block}.fulfilment-order-badges{justify-content:flex-start;margin-top:8px}.fulfilment-order-item{grid-template-columns:58px minmax(0,1fr) 66px;gap:9px}.fulfilment-order-item-thumb{width:54px;height:54px}.fulfilment-order-item-qty{min-width:62px;min-height:56px}.fulfilment-order-item-qty b{font-size:24px}.fulfilment-item{grid-template-columns:58px minmax(0,1fr) 74px;gap:9px}.fulfilment-item-thumb{width:54px;height:54px}.fulfilment-item-count strong{font-size:20px}.fulfilment-batch-order{grid-template-columns:46px minmax(0,1fr)}.fulfilment-batch-order button{grid-column:1/-1}.fulfilment-hero-scan>div{grid-template-columns:42px minmax(0,1fr)}.fulfilment-hero-scan>div button{grid-column:1/-1}}