.online-fulfilment-menu{position:relative!important}.online-fulfilment-panel{max-width:100%;overflow-x:hidden}.online-fulfilment-heading{align-items:flex-start}.online-fulfilment-heading p{margin:.25rem 0 0;color:var(--muted,#64748b);max-width:880px}.online-fulfilment-head-actions{display:flex;gap:.5rem;align-items:center}.online-fulfilment-live{font-size:.72rem;font-weight:800;letter-spacing:.08em;padding:.35rem .55rem;border-radius:999px;background:#e9f7ef;color:#17643b;border:1px solid #bde2cc}.online-fulfilment-tabs{display:flex;gap:.45rem;flex-wrap:wrap;margin:0 0 .75rem}.online-fulfilment-tabs button{border:1px solid #d7dfda;background:#fff;border-radius:999px;padding:.48rem .85rem;font-weight:700;cursor:pointer}.online-fulfilment-tabs button.active{background:#17643b;color:#fff;border-color:#17643b}.online-fulfilment-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;margin-bottom:.65rem}.online-fulfilment-toolbar{display:grid;grid-template-columns:minmax(180px,240px) minmax(220px,1fr) minmax(260px,1.2fr);gap:.6rem;align-items:end;margin-bottom:.6rem}.online-fulfilment-toolbar label,.online-customer-toolbar{display:grid;gap:.25rem;font-size:.76rem;font-weight:700}.online-fulfilment-toolbar input,.online-fulfilment-toolbar select,.online-customer-toolbar input,.of-branch-action select{width:100%;min-height:38px;border:1px solid #ccd6d0;border-radius:8px;padding:.45rem .55rem;background:#fff}.online-default-branch{border:1px solid #d6e1db;border-radius:10px;padding:.55rem .7rem;background:#f8fbf9;display:grid;gap:.15rem}.online-default-branch small{font-size:.68rem;color:#66766d}.online-default-branch b{font-size:.86rem}.online-default-branch span{font-size:.72rem;color:#66766d}.online-fulfilment-note{border:1px solid #d6e1db;border-radius:10px;background:#f8fbf9;padding:.55rem .7rem;margin-bottom:.7rem;font-size:.76rem;line-height:1.45}.online-fulfilment-note span{color:#66766d}.online-fulfilment-list{display:grid;gap:.7rem}.online-order-card{border:1px solid #d7dfda;border-radius:14px;background:#fff;padding:.8rem;box-shadow:0 3px 12px rgba(22,61,40,.04)}.of-card-head{display:flex;justify-content:space-between;gap:.8rem;align-items:flex-start}.of-card-head h3{margin:.1rem 0;font-size:1rem}.of-card-head small,.of-card-head span{font-size:.72rem;color:#6b7670}.of-card-badges{display:flex;gap:.35rem;flex-wrap:wrap;justify-content:flex-end}.of-stage,.of-branch{font-size:.68rem;font-weight:800;border-radius:999px;padding:.3rem .48rem;border:1px solid #d5ddd8;white-space:nowrap}.of-stage.ok{background:#e9f7ef;color:#17643b;border-color:#bde2cc}.of-stage.warn{background:#fff5d9;color:#7a5100;border-color:#efd58d}.of-stage.info,.of-branch{background:#eef4ff;color:#2a4b77;border-color:#cfddf2}.of-stage.off{background:#f5f5f5;color:#666}.of-stock-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;margin:.65rem 0}.of-stock-grid>div{border:1px solid #e0e6e2;border-radius:10px;padding:.55rem;background:#fbfcfb;display:grid;gap:.12rem;min-width:0}.of-stock-grid small{font-size:.64rem;color:#718078}.of-stock-grid b{font-size:.78rem}.of-stock-grid b.ok{color:#17643b}.of-stock-grid b.bad{color:#9a5b00}.of-stock-grid span{font-size:.68rem;color:#66766d;overflow-wrap:anywhere}.of-alert{display:flex;gap:.45rem;align-items:flex-start;border:1px solid #efd58d;background:#fff9e8;border-radius:10px;padding:.48rem .58rem;margin:.5rem 0;font-size:.72rem}.of-alert b{white-space:nowrap;color:#7a5100}.of-lines{border-top:1px dashed #dce3df;border-bottom:1px dashed #dce3df;padding:.4rem 0}.of-line{display:flex;justify-content:space-between;gap:.6rem;padding:.28rem .1rem;font-size:.75rem}.of-line span,.of-line strong{display:grid;gap:.05rem}.of-line small{font-size:.66rem;color:#6d7772}.of-card-foot{display:grid;grid-template-columns:minmax(150px,.45fr) minmax(0,1.55fr);gap:.6rem;align-items:end;margin-top:.55rem}.of-card-foot>div:first-child{display:grid;gap:.1rem}.of-card-foot>div:first-child small,.of-card-foot>div:first-child span{font-size:.68rem;color:#6d7772}.of-branch-action{display:grid;grid-template-columns:minmax(150px,1fr) auto auto;gap:.35rem}.of-actions{display:flex;gap:.3rem;flex-wrap:wrap;justify-content:flex-end;margin-top:.35rem}.online-customer-toolbar{max-width:420px;margin-bottom:.6rem}@media(max-width:900px){.online-fulfilment-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.online-fulfilment-toolbar{grid-template-columns:1fr 1fr}.online-default-branch{grid-column:1/-1}.of-stock-grid{grid-template-columns:1fr}.of-card-foot{grid-template-columns:1fr}.of-branch-action{grid-template-columns:1fr 1fr}.of-branch-action select{grid-column:1/-1}.of-actions{justify-content:flex-start}}@media(max-width:560px){.online-fulfilment-toolbar{grid-template-columns:1fr}.online-default-branch{grid-column:auto}.online-fulfilment-metrics{grid-template-columns:1fr 1fr}.of-card-head{display:grid}.of-card-badges{justify-content:flex-start}.of-branch-action{grid-template-columns:1fr}.of-branch-action select{grid-column:auto}.of-actions button,.of-branch-action button{flex:1 1 42%}.online-order-card{padding:.65rem}}