/* Procurement V2.2.3 · Outlet Mobile Request Experience */
:root{--m223-bg:#f4f7f7;--m223-ink:#15302e;--m223-muted:#70817f;--m223-green:#087c6b;--m223-green2:#0f9d87;--m223-line:#dfe9e7;--m223-soft:#eaf7f4;--m223-danger:#d94e4e;--m223-warn:#d89918}
.outlet-mobile-shell{max-width:980px;margin:0 auto 96px}.outlet-mobile-hero{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px;border-radius:18px;background:linear-gradient(135deg,#0d6f64,#0f8e7b);color:#fff;margin-bottom:14px}.outlet-mobile-hero h2{margin:3px 0 2px;font-size:22px}.outlet-mobile-hero p{margin:0;font-size:12px;color:#d8efeb}.outlet-mobile-hero .hero-icon{width:48px;height:48px;border-radius:16px;background:rgba(255,255,255,.14);display:grid;place-items:center;font-size:23px}.outlet-overview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:12px 0 16px}.outlet-overview-grid a,.outlet-overview-grid>div{background:#fff;border:1px solid var(--m223-line);border-radius:14px;padding:12px;text-decoration:none;color:var(--m223-ink)}.outlet-overview-grid span{display:block;font-size:9px;color:var(--m223-muted)}.outlet-overview-grid b{display:block;font-size:20px;margin-top:5px}.outlet-quick-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:10px}.outlet-quick-main{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#0c7d6d,#10a189);color:#fff;border-radius:17px;padding:16px;text-decoration:none}.outlet-quick-main h3{margin:0 0 5px;font-size:18px}.outlet-quick-main p{margin:0;font-size:10px;color:#dff4f0}.outlet-quick-main i{width:42px;height:42px;border-radius:13px;background:rgba(255,255,255,.14);display:grid;place-items:center;font-style:normal;font-size:23px}.outlet-quick-side{background:#fff;border:1px solid var(--m223-line);border-radius:17px;padding:14px;text-decoration:none;color:var(--m223-ink)}.outlet-quick-side h3{margin:0 0 5px;font-size:13px}.outlet-quick-side p{margin:0;font-size:9px;color:var(--m223-muted)}
.outlet-order-v223{max-width:1080px;margin:0 auto 120px}.order-v223-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin:0 0 13px}.order-v223-head h2{margin:2px 0 4px;font-size:22px}.order-v223-head p{margin:0;color:var(--m223-muted);font-size:11px}.order-v223-location{background:#e8f6f3;color:#087568;border:1px solid #cbe9e3;border-radius:999px;padding:8px 11px;font-size:10px;font-weight:800;white-space:nowrap}.order-toolbar{position:sticky;top:0;z-index:12;background:rgba(244,247,247,.96);backdrop-filter:blur(10px);padding:8px 0 10px}.order-search{position:relative}.order-search input{padding-left:37px!important;border-radius:13px!important;background:#fff}.order-search:before{content:'⌕';position:absolute;left:13px;top:50%;transform:translateY(-50%);font-size:17px;color:#6f807f}.category-scroll{display:flex;gap:7px;overflow:auto;padding:8px 1px 3px;scrollbar-width:none}.category-scroll::-webkit-scrollbar{display:none}.category-chip{border:1px solid #dbe7e5;background:#fff;color:#49605d;border-radius:999px;padding:7px 12px;font-size:9.5px;font-weight:700;white-space:nowrap;cursor:pointer}.category-chip.active{background:#0b7e6d;color:#fff;border-color:#0b7e6d}.order-meta-mobile{background:#fff;border:1px solid var(--m223-line);border-radius:15px;padding:13px;margin-bottom:11px}.order-meta-mobile .split{gap:9px}.order-mobile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.order-mobile-card{background:#fff;border:1px solid var(--m223-line);border-radius:17px;padding:14px;box-shadow:0 2px 12px rgba(18,54,50,.035);transition:.18s ease}.order-mobile-card.has-order{border-color:#86d6c8;box-shadow:0 5px 18px rgba(11,126,109,.09)}.order-mobile-card.hidden-by-filter{display:none}.order-mobile-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.order-mobile-top h3{font-size:15px;margin:3px 0 2px;line-height:1.25}.order-mobile-top .sku{font-size:8.5px;color:#879592}.product-category-tag{display:inline-flex;background:#eff5f4;color:#62726f;border-radius:999px;padding:4px 7px;font-size:8px;font-weight:700}.stock-compact{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:11px 0}.stock-compact>div{background:#f6f9f8;border-radius:10px;padding:8px}.stock-compact span{display:block;color:#788784;font-size:7.5px}.stock-compact b{display:block;margin-top:3px;font-size:10px}.physical-row{display:grid;grid-template-columns:1fr auto;align-items:end;gap:8px}.physical-row .form-group{margin:0}.physical-row small{font-size:8px;color:#7c8b89;white-space:nowrap;padding-bottom:10px}.suggest-mobile{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#eaf8f4;border:1px solid #d1eee7;border-radius:11px;padding:9px 10px;margin:9px 0}.suggest-mobile span{font-size:8px;color:#4d6c66}.suggest-mobile b{font-size:11px;color:#0a7566}.qty-unit-mobile{display:grid;grid-template-columns:1fr 1fr;gap:8px}.qty-stepper{display:grid;grid-template-columns:33px 1fr 33px;border:1px solid #dbe6e4;border-radius:11px;overflow:hidden;background:#fff;height:40px}.qty-stepper button{border:0;background:#edf7f5;color:#087667;font-size:19px;font-weight:800;cursor:pointer}.qty-stepper input{border:0!important;text-align:center!important;border-radius:0!important;padding:7px 3px!important;min-width:0}.uom-select-wrap label,.qty-label{display:block;font-size:8.5px;font-weight:700;color:#526562;margin-bottom:5px}.uom-select-wrap select{height:40px;border-radius:11px}.conversion-mobile{font-size:8px;color:#788784;margin-top:7px;text-align:right}.reasonWrapMobile{margin-top:8px}.cart-float{position:fixed;left:calc(223px + 24px);right:24px;bottom:18px;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#123e3a;color:#fff;border-radius:16px;padding:12px 14px;box-shadow:0 12px 35px rgba(3,44,39,.22)}.cart-float strong{display:block;font-size:12px}.cart-float span{font-size:9px;color:#bddad5}.cart-float button{white-space:nowrap}.cart-empty-msg{background:#fff;border:1px dashed #cddbd8;border-radius:14px;padding:22px;text-align:center;color:#82908e;display:none}
.request-track-v223{max-width:1020px;margin:0 auto 90px}.track-toolbar-v223{display:flex;gap:8px;overflow:auto;margin:0 0 12px;scrollbar-width:none}.track-toolbar-v223::-webkit-scrollbar{display:none}.track-filter{border:1px solid #dce7e5;background:#fff;border-radius:999px;padding:7px 11px;font-size:9px;font-weight:700;white-space:nowrap;cursor:pointer}.track-filter.active{background:#0b7e6d;border-color:#0b7e6d;color:#fff}.track-card-v223{background:#fff;border:1px solid var(--m223-line);border-radius:17px;margin-bottom:11px;overflow:hidden}.track-card-v223.hidden-track{display:none}.track-card-main{padding:14px}.track-head-v223{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.track-head-v223 h3{font-size:14px;margin:4px 0}.track-head-v223 .req-no{font-size:9px;color:#65807b;font-weight:800}.track-item-chips{display:flex;gap:6px;overflow:auto;padding:8px 0 4px;scrollbar-width:none}.track-item-chips span{background:#f1f6f5;border-radius:8px;padding:6px 8px;font-size:8.5px;white-space:nowrap}.track-item-chips b{margin-left:4px}.track-progress-v223{display:grid;grid-template-columns:repeat(5,1fr);margin:12px 0 4px;position:relative}.track-progress-v223:before{content:'';position:absolute;left:9%;right:9%;top:10px;height:2px;background:#dfe8e6}.tstep-v223{position:relative;text-align:center;z-index:1}.tstep-v223 i{display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#dfe7e5;color:#83918e;margin:0 auto 5px;font-style:normal;font-size:8px;font-weight:800}.tstep-v223.done i{background:#0d8b77;color:#fff}.tstep-v223 span{font-size:7px;color:#788784;line-height:1.2;display:block}.track-card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #eef2f1;padding:10px 14px;background:#fbfcfc}.track-card-foot small{font-size:8px;color:#7b8987}.track-card-foot a{font-size:9px;text-decoration:none;color:#087567;font-weight:800}.request-detail-v223{max-width:980px;margin:0 auto 90px}.req-detail-head{background:linear-gradient(135deg,#0f7569,#11957f);color:#fff;border-radius:18px;padding:17px;margin-bottom:12px}.req-detail-head h2{font-size:18px;margin:4px 0}.req-detail-head p{font-size:9px;color:#d9f1ec;margin:0}.req-detail-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:11px}.req-detail-card{background:#fff;border:1px solid var(--m223-line);border-radius:15px;padding:13px}.req-detail-card h3{font-size:12px;margin:0 0 9px}.fulfill-row{display:grid;grid-template-columns:1fr auto;gap:10px;border-top:1px solid #eef2f1;padding:9px 0;font-size:9px}.fulfill-row:first-of-type{border-top:0}.fulfill-row small{display:block;color:#81908d;margin-top:2px}.req-item-row{display:grid;grid-template-columns:1fr auto;gap:10px;padding:9px 0;border-top:1px solid #eef2f1;font-size:9px}.req-item-row:first-of-type{border-top:0}.req-item-row small{display:block;color:#81908d;margin-top:2px}
@media(max-width:900px){.cart-float{left:16px;right:16px;bottom:74px}.outlet-mobile-shell,.outlet-order-v223,.request-track-v223,.request-detail-v223{padding:0 2px}.order-mobile-grid{grid-template-columns:1fr}.outlet-overview-grid{grid-template-columns:repeat(2,1fr)}.req-detail-grid{grid-template-columns:1fr}.order-v223-head{flex-direction:column}.order-v223-location{align-self:flex-start}.order-toolbar{top:0}.outlet-quick-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.outlet-mobile-hero{padding:15px}.outlet-mobile-hero h2{font-size:19px}.stock-compact{grid-template-columns:repeat(3,1fr)}.qty-unit-mobile{grid-template-columns:1fr 1fr}.cart-float{padding:10px 11px}.cart-float .btn{padding:9px 11px}.track-progress-v223 span{font-size:6.5px}}