/* Mr Pinkys Tracker V3.12.84 — streamlined Laundry / POS interface UI-only layer. Approved Mr Pinky's palette retained. */ :root{ --mpt84-pink:#e83e92;--mpt84-purple:#7c3aed;--mpt84-blue:#287ee6;--mpt84-orange:#e97714; --mpt84-yellow:#eebb18;--mpt84-ink:#261d27;--mpt84-muted:#665b64;--mpt84-line:#d9a9c3; --mpt84-bg:#fff;--mpt84-soft:#fff6fa;--mpt84-shadow:0 10px 28px rgba(72,35,77,.10) } #laundry.mpt-pos84{max-width:1480px!important;margin:0 auto!important;padding:12px!important} #laundry.mpt-pos84 .mpt-brandbar{margin-bottom:10px!important;border-radius:18px!important} #laundry .laundry-pos-hero.mpt84-hero{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;padding:16px 18px!important;margin-bottom:10px!important;border:2px solid var(--mpt84-line)!important;border-radius:20px!important;background:linear-gradient(135deg,#ffe7f2,#edf5ff 60%,#fff2df)!important;box-shadow:var(--mpt84-shadow)!important} #laundry .mpt84-hero h2{margin:0 0 3px!important;font-size:1.65rem!important;color:var(--mpt84-ink)!important} #laundry .mpt84-hero-copy{font-size:.84rem;color:var(--mpt84-muted);font-weight:700} #laundry .mpt84-hero-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end} #laundry .mpt84-hero-actions .btn{min-width:0!important;min-height:48px!important;font-size:.9rem!important;padding:10px 14px!important} #laundry .mpt84-lookup{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:center;margin:10px 0;background:#fff;border:2px solid var(--mpt84-line);border-radius:17px;padding:8px 10px;box-shadow:0 6px 18px rgba(72,35,77,.06)} #laundry .mpt84-lookup-box{display:flex;align-items:center;gap:9px;min-height:48px;border:2px solid #c9b6c3;border-radius:13px;padding:0 12px;background:white} #laundry .mpt84-lookup-box span{font-size:20px} #laundry .mpt84-lookup-box input{width:100%;border:0!important;outline:0!important;padding:0!important;min-height:42px!important;background:transparent!important;font-size:1rem!important;font-weight:750} #laundry .mpt84-lookup-note{font-size:.7rem;color:var(--mpt84-muted);font-weight:750;max-width:290px;line-height:1.35} #laundry .mpt84-stages{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin:9px 0 11px} #laundry .mpt84-stage{--mpt-stage:var(--mpt84-pink);position:relative;overflow:hidden;text-align:left;min-height:70px;padding:10px 12px 9px 15px;border:2px solid #eadde5;border-radius:15px;background:rgba(255,255,255,.96);color:var(--mpt84-ink);box-shadow:0 3px 10px rgba(72,35,77,.04)} #laundry .mpt84-stage:before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--mpt-stage)} #laundry .mpt84-stage.active{border-color:var(--mpt-stage);box-shadow:0 0 0 2px color-mix(in srgb,var(--mpt-stage) 13%,transparent),0 6px 16px rgba(72,35,77,.08)} #laundry .mpt84-stage-line{display:flex;align-items:center;justify-content:space-between;gap:6px} #laundry .mpt84-stage b{font-size:.78rem} #laundry .mpt84-stage strong{font-size:1.35rem;line-height:1} #laundry .mpt84-stage small{display:block;margin-top:5px;font-size:.62rem;color:var(--mpt84-muted);font-weight:800} #laundry .mpt84-queue-shell{background:#fff;border:2px solid var(--mpt84-line);border-radius:18px;box-shadow:var(--mpt84-shadow);overflow:hidden} #laundry .mpt84-queue-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:1px solid #eadde5;background:linear-gradient(135deg,#fffafd,#f7f9ff)} #laundry .mpt84-queue-head b{font-size:.94rem} #laundry .mpt84-queue-head .small{font-size:.7rem} #laundryBoard.mpt84-order-list{display:block!important;padding:6px!important} #laundryBoard .mpt84-order{--mpt-stage:var(--mpt84-pink);position:relative;display:grid;grid-template-columns:minmax(230px,1.15fr) minmax(145px,.65fr) minmax(170px,.7fr) 108px;gap:11px;align-items:center;padding:11px 10px 11px 15px;margin:6px 0;border:2px solid #eadde5!important;border-radius:15px!important;background:#fff!important;box-shadow:none!important} #laundryBoard .mpt84-order:before{content:"";position:absolute;left:0;top:9px;bottom:9px;width:6px;border-radius:0 8px 8px 0;background:var(--mpt-stage)} #laundryBoard .mpt84-customer b{display:block;font-size:.94rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #laundryBoard .mpt84-meta{display:flex;gap:5px;flex-wrap:wrap;margin-top:5px} #laundryBoard .mpt84-meta span{font-size:.65rem;color:var(--mpt84-muted);font-weight:760;background:#f8f4f7;padding:4px 6px;border-radius:7px} #laundryBoard .mpt84-status{display:inline-flex;align-items:center;gap:6px;width:max-content;max-width:100%;padding:7px 9px;border-radius:999px;border:1.5px solid color-mix(in srgb,var(--mpt-stage) 45%,white);background:color-mix(in srgb,var(--mpt-stage) 11%,white);font-size:.67rem;font-weight:950} #laundryBoard .mpt84-status i{width:8px;height:8px;border-radius:50%;background:var(--mpt-stage);flex:0 0 auto} #laundryBoard .mpt84-progress{display:flex;gap:4px} #laundryBoard .mpt84-progress i{height:6px;flex:1;border-radius:999px;background:#ece7eb} #laundryBoard .mpt84-progress i.done,#laundryBoard .mpt84-progress i.current{background:var(--mpt-stage)} #laundryBoard .mpt84-progress-note{margin-top:5px;font-size:.64rem;color:var(--mpt84-muted);font-weight:850} #laundryBoard .mpt84-open{width:100%;min-height:44px!important;padding:8px 9px!important;font-size:.72rem!important} #laundryBoard .mpt84-empty{padding:34px 18px;text-align:center;color:var(--mpt84-muted);font-weight:800} /* Normal order modal */ #modal.mpt-stream-order84 .modalbox{width:min(1180px,calc(100vw - 18px))!important;max-width:none!important;height:min(94vh,920px)!important;max-height:94vh!important;border:2px solid var(--mpt84-line)!important;border-radius:22px!important;padding:0!important;overflow:hidden!important} #modal.mpt-stream-order84 .modalbox>.row.space:first-child{padding:12px 15px!important;min-height:58px!important;background:linear-gradient(135deg,#fff5fa,#eff6ff)!important;border-bottom:1px solid #eadde5!important;position:sticky;top:0;z-index:8} #modal.mpt-stream-order84 #modalTitle{font-size:1.2rem!important;margin:0!important} #modal.mpt-stream-order84 #modalBody{padding:12px 14px 20px!important;overflow:auto!important;height:calc(94vh - 60px)!important} #modal.mpt-stream-order84 .pos-quick-status,#modal.mpt-stream-order84 #mpOrderStageV3124{display:none!important} #modal.mpt-stream-order84 .mpt84-order-overview{border:2px solid var(--mpt84-line);border-radius:17px;background:#fff;overflow:hidden;margin-bottom:10px} #modal.mpt-stream-order84 .mpt84-overview-main{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);gap:12px;padding:13px} #modal.mpt-stream-order84 .mpt84-current{--mpt-stage:var(--mpt84-blue);border:2px solid var(--mpt-stage);background:color-mix(in srgb,var(--mpt-stage) 7%,white);border-radius:14px;padding:12px} #modal.mpt-stream-order84 .mpt84-current-label{font-size:.62rem;text-transform:uppercase;letter-spacing:.05em;color:var(--mpt84-muted);font-weight:950} #modal.mpt-stream-order84 .mpt84-current strong{display:block;font-size:1.28rem;margin-top:3px} #modal.mpt-stream-order84 .mpt84-current p{margin:5px 0 0;font-size:.73rem;color:var(--mpt84-muted);font-weight:700;line-height:1.4} #modal.mpt-stream-order84 .mpt84-order-progress{display:flex;gap:5px;margin-top:10px} #modal.mpt-stream-order84 .mpt84-order-progress i{height:7px;flex:1;border-radius:999px;background:#eae5e9} #modal.mpt-stream-order84 .mpt84-order-progress i.done,#modal.mpt-stream-order84 .mpt84-order-progress i.current{background:var(--mpt-stage)} #modal.mpt-stream-order84 .mpt84-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px} #modal.mpt-stream-order84 .mpt84-info{border:1px solid #ddcbd5;border-radius:11px;padding:8px 9px;background:#fff} #modal.mpt-stream-order84 .mpt84-info span{display:block;font-size:.58rem;text-transform:uppercase;color:var(--mpt84-muted);font-weight:900} #modal.mpt-stream-order84 .mpt84-info b{display:block;margin-top:3px;font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #modal.mpt-stream-order84 .mpt84-main-action-wrap{display:flex;gap:8px;padding:0 13px 13px} #modal.mpt-stream-order84 .mpt84-main-action{flex:1;min-height:56px!important;border-radius:14px!important;font-size:.92rem!important} #modal.mpt-stream-order84 .mpt84-secondary-action{min-width:150px;min-height:56px!important} #modal.mpt-stream-order84 .mpt84-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:10px 0} #modal.mpt-stream-order84 .mpt84-tab{min-height:48px;border:2px solid #decbd6;background:#f7f3f6;border-radius:13px;font-weight:950;color:#594a54} #modal.mpt-stream-order84 .mpt84-tab.active{border-color:var(--mpt84-pink);background:linear-gradient(135deg,#fff0f7,#f2eeff);color:#76204f;box-shadow:0 5px 14px rgba(72,35,77,.07)} #modal.mpt-stream-order84 .order-workflow-layout{display:block!important} #modal.mpt-stream-order84 .order-zone{display:none!important;border:2px solid #eadde5!important;border-radius:17px!important;background:#fff!important;padding:13px!important;box-shadow:none!important;margin:0!important} #modal.mpt-stream-order84 .order-zone.mpt84-zone-active{display:block!important} #modal.mpt-stream-order84 .order-zone-title{margin-bottom:6px!important} #modal.mpt-stream-order84 .order-zone-title .zone-step{width:30px!important;height:30px!important;min-width:30px!important;font-size:.75rem!important} #modal.mpt-stream-order84 .order-zone-title h3{font-size:1.02rem!important;margin:0!important} #modal.mpt-stream-order84 .order-zone-help{font-size:.72rem!important;line-height:1.35!important;margin-bottom:9px!important} #modal.mpt-stream-order84 .pos-two-col{gap:8px!important} #modal.mpt-stream-order84 .field{margin-bottom:8px!important} #modal.mpt-stream-order84 .field label{font-size:.7rem!important;margin-bottom:4px!important} #modal.mpt-stream-order84 .field input,#modal.mpt-stream-order84 .field select,#modal.mpt-stream-order84 .field textarea{min-height:48px!important;border-radius:12px!important;padding:10px 11px!important;font-size:.9rem!important} #modal.mpt-stream-order84 .mpt84-tools-details{border:1px solid #dfd0d8;border-radius:13px;background:#fbf9fa;margin:9px 0;padding:0!important;overflow:hidden} #modal.mpt-stream-order84 .mpt84-tools-details>summary{list-style:none;padding:11px 12px;cursor:pointer;font-size:.76rem;font-weight:950;color:#5e4e58} #modal.mpt-stream-order84 .mpt84-tools-details>summary::-webkit-details-marker{display:none} #modal.mpt-stream-order84 .mpt84-tools-details[open]>summary{border-bottom:1px solid #e4d7df;background:#fff6fa} #modal.mpt-stream-order84 .mpt84-tools-inner{padding:10px} #modal.mpt-stream-order84 .count-sheets-hub{margin:0!important;border:0!important;padding:0!important;background:transparent!important} #modal.mpt-stream-order84 .count-sheets-title{display:none!important} #modal.mpt-stream-order84 .count-sheet-row{padding:10px!important;border-radius:12px!important;margin-bottom:7px!important} /* Billing: same calm, touch-friendly language */ #modal.mpt-stream-order84 .billing-zone{background:#fff!important} #modal.mpt-stream-order84 .mpt84-billing-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:4px 0 10px} #modal.mpt-stream-order84 .mpt84-bill-chip{border:1px solid #ddcbd5;border-radius:11px;padding:8px 9px;background:#fff} #modal.mpt-stream-order84 .mpt84-bill-chip span{display:block;font-size:.58rem;text-transform:uppercase;color:var(--mpt84-muted);font-weight:900} #modal.mpt-stream-order84 .mpt84-bill-chip b{display:block;margin-top:3px;font-size:.78rem} #modal.mpt-stream-order84 .mpt84-step-label{font-size:.66rem;text-transform:uppercase;letter-spacing:.05em;font-weight:950;color:#7a3157;margin:12px 0 6px} #modal.mpt-stream-order84 #serviceLines{display:grid;gap:7px} #modal.mpt-stream-order84 #serviceLines .service{margin:0!important;padding:10px!important;border:2px solid #e8d9e2!important;border-radius:14px!important;background:#fff!important} #modal.mpt-stream-order84 #serviceLines .billing-line-head{margin-bottom:7px!important} #modal.mpt-stream-order84 #serviceLines .billing-line-title{font-size:.72rem!important} #modal.mpt-stream-order84 #serviceLines .billing-remove{min-height:34px!important;padding:5px 9px!important;font-size:.65rem!important} #modal.mpt-stream-order84 #serviceLines .grid{gap:7px!important} #modal.mpt-stream-order84 #serviceLines .svcHint,#modal.mpt-stream-order84 #serviceLines .svcTotal{font-size:.68rem!important} #modal.mpt-stream-order84 .mpt-add-service-btn{min-height:44px!important;width:100%;margin-top:7px!important} #modal.mpt-stream-order84 #posBillPreview31236{border:1px solid #dfd0d8!important;border-radius:13px!important;padding:9px!important;margin-top:9px!important;background:#fbf9fa!important} #modal.mpt-stream-order84 #posBillPreview31236 .pos-bill-preview-head{margin-bottom:5px!important} #modal.mpt-stream-order84 #posVatSummary{padding:10px!important;border-radius:13px!important;font-size:.82rem!important;margin-top:7px!important} #modal.mpt-stream-order84 .mpt84-payment-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:6px 0 9px} #modal.mpt-stream-order84 .mpt84-pay-tile{min-height:48px;border:2px solid #e3d6de;border-radius:12px;background:#fff;color:#4d4049;font-weight:950;font-size:.78rem} #modal.mpt-stream-order84 .mpt84-pay-tile.active{border-color:var(--mpt84-blue);background:#eaf4ff;color:#174f83;box-shadow:0 0 0 2px rgba(40,126,230,.08)} #modal.mpt-stream-order84 .mpt84-pay-select-hidden{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important} #modal.mpt-stream-order84 .billing-zone .item[style*="fff6fb"]{border:2px solid #e2cbd7!important;background:#fff8fb!important;border-radius:14px!important;padding:10px!important} #modal.mpt-stream-order84 .billing-zone .item[style*="fff6fb"] h4{font-size:.84rem!important;margin:0 0 5px!important} #modal.mpt-stream-order84 #bagTagPreview{margin:5px 0!important} #modal.mpt-stream-order84 .billing-zone .modal-action-bar{display:grid!important;grid-template-columns:minmax(0,1.3fr) minmax(130px,.55fr) minmax(110px,.45fr)!important;gap:7px!important;margin-top:9px!important} #modal.mpt-stream-order84 .billing-zone .modal-action-bar .btn{min-height:52px!important;font-size:.78rem!important;margin:0!important} #modal.mpt-stream-order84 .mpt84-saved-billing{border:1px solid #bdd9c9;background:#f2fbf6;border-radius:13px;padding:9px 10px;margin:8px 0;font-size:.72rem} #modal.mpt-stream-order84 .mpt84-saved-billing summary{cursor:pointer;font-weight:950;color:#266347} #modal.mpt-stream-order84 .mpt84-saved-lines{display:grid;gap:5px;margin-top:7px} #modal.mpt-stream-order84 .mpt84-saved-line{display:flex;justify-content:space-between;gap:8px;padding:6px 0;border-top:1px solid #d7eadd} /* Dry cleaning retains its separate workflow but adopts the same touch spacing. */ #modal.mpt-dry84 .dry-bill-line{border:2px solid #eadde5!important;border-radius:13px!important;margin:7px 0!important;padding:9px!important;background:#fff!important;grid-template-columns:minmax(220px,1fr) 90px 125px 100px!important} #modal.mpt-dry84 .dry-bill-line input,#modal.mpt-dry84 .dry-bill-line select,#modal.mpt-dry84 #dryPay38,#modal.mpt-dry84 #dryPayStatus38{min-height:48px!important;border-radius:11px!important} #modal.mpt-dry84 .dry-total-row{border:2px solid var(--mpt84-line)!important;border-radius:13px!important;background:linear-gradient(135deg,#fff1f7,#f3efff)!important} @media(max-width:900px){ #laundry .mpt84-stages{grid-template-columns:repeat(3,1fr)} #laundryBoard .mpt84-order{grid-template-columns:minmax(0,1fr) 145px 125px} #laundryBoard .mpt84-progress-wrap{display:none} #modal.mpt-stream-order84 .mpt84-overview-main{grid-template-columns:1fr} #modal.mpt-stream-order84 .billing-zone .modal-action-bar{grid-template-columns:1fr 1fr} #modal.mpt-stream-order84 .billing-zone .modal-action-bar .btn:first-child{grid-column:1/-1} } @media(max-width:680px){ #laundry.mpt-pos84{padding:7px!important} #laundry .laundry-pos-hero.mpt84-hero{display:block!important;padding:13px!important} #laundry .mpt84-hero-actions{margin-top:9px;display:grid;grid-template-columns:1fr 1fr} #laundry .mpt84-hero-actions .btn:first-child{grid-column:1/-1} #laundry .mpt84-lookup{grid-template-columns:1fr} #laundry .mpt84-lookup-note{display:none} #laundry .mpt84-stages{display:flex;overflow-x:auto;padding-bottom:3px;scroll-snap-type:x proximity} #laundry .mpt84-stage{min-width:138px;scroll-snap-align:start} #laundryBoard .mpt84-order{display:grid;grid-template-columns:1fr 94px;gap:8px;padding:10px 8px 10px 14px} #laundryBoard .mpt84-stage-cell{grid-column:1/2} #laundryBoard .mpt84-open{grid-column:2/3;grid-row:1/3;min-height:74px!important} #modal.mpt-stream-order84 .modalbox{width:100vw!important;height:100vh!important;max-height:100vh!important;border-radius:0!important;border:0!important} #modal.mpt-stream-order84 #modalBody{height:calc(100vh - 58px)!important;padding:9px!important} #modal.mpt-stream-order84 .mpt84-main-action-wrap{display:grid;grid-template-columns:1fr} #modal.mpt-stream-order84 .mpt84-secondary-action{min-width:0} #modal.mpt-stream-order84 .mpt84-tabs{position:sticky;top:-1px;z-index:6;background:#fff;padding:5px 0} #modal.mpt-stream-order84 .mpt84-billing-summary{grid-template-columns:1fr 1fr} #modal.mpt-stream-order84 .mpt84-billing-summary .mpt84-bill-chip:last-child{grid-column:1/-1} #modal.mpt-stream-order84 .mpt84-payment-tiles{grid-template-columns:1fr} #modal.mpt-stream-order84 .billing-zone .modal-action-bar{grid-template-columns:1fr!important} #modal.mpt-stream-order84 .billing-zone .modal-action-bar .btn{grid-column:auto!important} #modal.mpt-dry84 .dry-bill-line{display:grid!important;grid-template-columns:1fr 1fr!important} #modal.mpt-dry84 .dry-bill-line .dry-desc{grid-column:1/-1} } /* V3.12.84 workflow controls retained behind progressive disclosure */ #modal.mpt-stream-order84 .mpt84-qc-action{margin-top:9px} #modal.mpt-stream-order84 .mpt84-qc-action>.btn{width:100%;min-height:54px!important;font-size:.86rem!important} #modal.mpt-stream-order84 .mpt84-qc-action>.small{text-align:center;margin-top:5px} #modal.mpt-stream-order84 .mpt84-qc-saved{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #b7ddc6;background:#effaf3;border-radius:12px;padding:10px;color:#235d3d} #modal.mpt-stream-order84 .mpt84-qc-saved b{font-size:.75rem;white-space:nowrap} #modal.mpt-stream-order84 .mpt84-qc-saved span{font-size:.68rem;color:#52705f} #modal.mpt-stream-order84 .mpt84-manual-status{margin-top:9px;border-top:1px solid #e1d6dc;padding-top:8px} #modal.mpt-stream-order84 .mpt84-manual-status summary{cursor:pointer;font-size:.68rem;font-weight:900;color:#756671} #modal.mpt-stream-order84 .mpt84-manual-status-buttons{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-top:7px} #modal.mpt-stream-order84 .mpt84-manual-status-buttons button{min-height:38px;border:1px solid #d9c8d2;border-radius:9px;background:#fff;font-size:.65rem;font-weight:850;color:#564952} #modal.mpt-stream-order84 .mpt84-quick-services{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:6px 0 8px} #modal.mpt-stream-order84 .mpt84-service-tile{text-align:left;min-height:62px;border:2px solid #e6d9e1;border-radius:12px;background:#fff;padding:8px;color:#4e4049} #modal.mpt-stream-order84 .mpt84-service-tile.active{border-color:var(--mpt84-pink);background:linear-gradient(135deg,#fff0f7,#f4efff);box-shadow:0 0 0 2px rgba(232,62,146,.07)} #modal.mpt-stream-order84 .mpt84-service-tile b{display:block;font-size:.7rem} #modal.mpt-stream-order84 .mpt84-service-tile span{display:block;margin-top:4px;font-size:.6rem;color:var(--mpt84-muted);font-weight:750} #modal.mpt-stream-order84 .mpt84-billing-more{border:1px solid #dfd0d8;border-radius:12px;margin-top:7px;background:#fbf9fa;overflow:hidden} #modal.mpt-stream-order84 .mpt84-billing-more>summary{cursor:pointer;padding:10px 11px;font-size:.68rem;font-weight:950;color:#675760;list-style:none} #modal.mpt-stream-order84 .mpt84-billing-more>summary::-webkit-details-marker{display:none} #modal.mpt-stream-order84 .mpt84-billing-more-inner{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:0 9px 9px} #modal.mpt-stream-order84 .mpt84-billing-more-inner .btn{min-height:42px!important;font-size:.7rem!important} @media(max-width:680px){ #modal.mpt-stream-order84 .mpt84-qc-saved{display:block} #modal.mpt-stream-order84 .mpt84-qc-saved span{display:block;margin-top:4px} #modal.mpt-stream-order84 .mpt84-manual-status-buttons{grid-template-columns:1fr 1fr} #modal.mpt-stream-order84 .mpt84-quick-services{grid-template-columns:1fr 1fr} } #modal.mpt-stream-order84 .billing-zone .modal-action-bar.mpt84-save-only{grid-template-columns:1fr!important} #modal.mpt-stream-order84 .billing-zone .modal-action-bar.mpt84-save-only .btn{width:100%!important} #laundry .mpt84-dry-wrap{margin:8px 0;border:2px solid #e4b172;border-radius:14px;background:#fffaf3;overflow:hidden} #laundry .mpt84-dry-wrap>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;cursor:pointer;list-style:none;color:#7d3d00} #laundry .mpt84-dry-wrap>summary::-webkit-details-marker{display:none} #laundry .mpt84-dry-wrap>summary span b{display:block;font-size:.76rem} #laundry .mpt84-dry-wrap>summary span small{display:block;margin-top:2px;font-size:.62rem;color:#8b6b4d;font-weight:750} #laundry .mpt84-dry-wrap>summary strong{padding:5px 8px;border-radius:999px;background:#ffe1bd;font-size:.68rem} #laundry .mpt84-dry-wrap #mptDryPanel38{margin:0!important;border:0!important;border-top:1px solid #efd1ad!important;border-radius:0!important;box-shadow:none!important} /* V3.12.84 preservation revision: history, machine issue and processing-location access */ #laundry .mpt84-machine-btn{background:#fff1dc!important;border:2px solid #e4b66f!important;color:#70420b!important} #laundry .mpt84-modebar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:9px 0} #laundry .mpt84-mode-tabs{display:flex;gap:5px;padding:4px;border:1px solid #e4d7df;border-radius:13px;background:#fff} #laundry .mpt84-mode{min-height:40px;border:0;border-radius:9px;padding:8px 13px;background:transparent;color:#675760;font-size:.72rem;font-weight:950} #laundry .mpt84-mode.active{background:linear-gradient(135deg,#fff0f7,#f1edff);color:#74204f;box-shadow:0 2px 7px rgba(72,35,77,.08)} #laundry .mpt84-history-range{display:flex;gap:5px} #laundry .mpt84-history-range button{min-height:38px;border:1px solid #dfd0d8;border-radius:9px;background:#fff;color:#675760;padding:7px 10px;font-size:.67rem;font-weight:900} #laundry .mpt84-history-range button.active{border-color:#287ee6;background:#eaf4ff;color:#174f83} #laundry .mpt84-location-tools{margin-left:auto;border:1px solid #dfd0d8;border-radius:11px;background:#fff;min-width:190px} #laundry .mpt84-location-tools>summary{list-style:none;cursor:pointer;padding:10px 12px;font-size:.68rem;font-weight:950;color:#5e4e58} #laundry .mpt84-location-tools>summary::-webkit-details-marker{display:none} #laundry #mpt84OperationalLocationHost{padding:0 9px 9px} #laundry #mpt84OperationalLocationHost #p2OperationalLocationCard{box-shadow:none!important;border:0!important;padding:4px!important;margin:0!important} #laundry #mpt84OperationalLocationHost #p2OperationalLocationCard>.row:first-child{display:none!important} #laundry .mpt84-history-order{grid-template-columns:minmax(230px,1.05fr) minmax(190px,.8fr) 135px 94px} #laundry .mpt84-history-facts b{display:block;font-size:.75rem} #laundry .mpt84-history-facts span{display:block;margin-top:4px;font-size:.67rem;color:var(--mpt84-muted);font-weight:780} @media(max-width:900px){ #laundry .mpt84-location-tools{margin-left:0} #laundry .mpt84-history-order{grid-template-columns:minmax(0,1fr) 145px 95px} #laundry .mpt84-history-order .mpt84-history-facts{grid-column:1/2} } @media(max-width:680px){ #laundry .mpt84-modebar{display:grid;grid-template-columns:1fr} #laundry .mpt84-mode-tabs{display:grid;grid-template-columns:1fr 1fr} #laundry .mpt84-history-range{display:grid;grid-template-columns:repeat(3,1fr)} #laundry .mpt84-location-tools{width:100%;min-width:0} #laundry .mpt84-history-order{grid-template-columns:1fr 90px} #laundry .mpt84-history-order .mpt84-stage-cell{grid-column:1/2} #laundry .mpt84-history-order .mpt84-open{grid-column:2/3;grid-row:1/4;min-height:82px!important} #laundry .mpt84-hero-actions{grid-template-columns:1fr 1fr!important} #laundry .mpt84-hero-actions .btn:first-child{grid-column:1/-1!important} } /* V3.12.84 responsive-screen revision Designed for wide/short POS monitors, desktop PCs, tablets and phones. */ #laundry.mpt-pos84{width:100%;max-width:none!important;overflow-x:hidden} #laundry .mpt84-hero, #laundry .mpt84-lookup, #laundry .mpt84-modebar, #laundry .mpt84-stages, #laundry .mpt84-queue-shell{min-width:0} #laundry .mpt84-hero-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap;min-width:0} #laundry .mpt84-hero-actions .btn{flex:0 1 auto;white-space:nowrap} #laundry .mpt84-stages{grid-template-columns:repeat(5,minmax(0,1fr));overflow:visible} #laundry .mpt84-stage{min-width:0} #laundry .mpt84-stage b, #laundry .mpt84-stage small{overflow:hidden;text-overflow:ellipsis} #laundryBoard .mpt84-order{min-width:0} #laundryBoard .mpt84-order>*{min-width:0} #laundryBoard .mpt84-customer b{max-width:100%} #laundry .mpt84-queue-shell{padding-bottom:74px} /* keeps last controls clear of Netlify TEST badge / short screens */ /* Desktop / POS: use available width without oversized cards. */ @media (min-width:1280px){ #laundryBoard.mpt84-order-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important} #laundryBoard .mpt84-order{grid-template-columns:minmax(180px,1.1fr) minmax(120px,.55fr) minmax(145px,.68fr) 98px!important;margin:0!important} #laundry .mpt84-queue-shell{padding:6px 6px 74px} } /* Normal laptop / smaller POS width: one compact row per order. */ @media (min-width:701px) and (max-width:1279px){ #laundryBoard.mpt84-order-list{display:block!important} #laundryBoard .mpt84-order{grid-template-columns:minmax(220px,1.25fr) minmax(125px,.55fr) minmax(160px,.75fr) 96px!important} #laundry .mpt84-stages{grid-template-columns:repeat(5,minmax(132px,1fr));overflow-x:auto;scrollbar-width:thin;padding-bottom:3px} } /* Short-height screens such as the laundry POS monitor. */ @media (max-height:760px) and (min-width:701px){ #laundry.mpt-pos84{padding:6px 10px 0!important} #laundry .mpt-brandbar{padding:5px 9px!important;margin-bottom:5px!important;min-height:48px} #laundry .mpt-brandbar img{height:46px!important;max-width:130px!important} #laundry .mpt-brandbar .brandwords{font-size:1rem!important} #laundry .mpt-brandbar .brandsub{font-size:.62rem!important} #laundry .laundry-pos-hero.mpt84-hero{padding:8px 11px!important;margin-bottom:5px!important;gap:8px!important} #laundry .mpt84-hero h2{font-size:1.15rem!important;margin:0 0 2px!important} #laundry .mpt84-hero-copy{font-size:.67rem!important;line-height:1.25} #laundry .mpt84-hero-actions .btn{min-height:38px!important;padding:7px 10px!important;font-size:.69rem!important} #laundry .mpt84-lookup{margin:5px 0!important;gap:5px!important} #laundry .mpt84-lookup-box input{min-height:40px!important;padding:8px 10px!important;font-size:.8rem!important} #laundry .mpt84-lookup-note{font-size:.61rem!important;line-height:1.2} #laundry .mpt84-modebar{margin:4px 0!important} #laundry .mpt84-mode,#laundry .mpt84-history-range button,#laundry .mpt84-location-tools>summary{min-height:34px!important;padding:6px 9px!important;font-size:.62rem!important} #laundry .mpt84-stages{gap:5px!important;margin:4px 0 6px!important} #laundry .mpt84-stage{min-height:54px!important;padding:7px 8px 6px 12px!important;border-radius:12px!important} #laundry .mpt84-stage strong{font-size:1rem!important} #laundry .mpt84-stage b{font-size:.68rem!important} #laundry .mpt84-stage small{font-size:.56rem!important;margin-top:2px!important} #laundry .mpt84-queue-head{padding:7px 10px!important} #laundry .mpt84-queue-head b{font-size:.78rem!important} #laundry .mpt84-queue-head .small,#laundryLastRefresh{font-size:.62rem!important} #laundryBoard .mpt84-order{min-height:74px!important;padding:8px 7px 8px 13px!important;gap:7px!important;border-radius:12px!important} #laundryBoard .mpt84-customer b{font-size:.78rem!important} #laundryBoard .mpt84-meta{margin-top:3px!important;gap:3px!important} #laundryBoard .mpt84-meta span{font-size:.56rem!important;padding:3px 5px!important} #laundryBoard .mpt84-status{font-size:.58rem!important;padding:5px 7px!important} #laundryBoard .mpt84-progress i{height:4px!important} #laundryBoard .mpt84-progress-note{font-size:.55rem!important;margin-top:3px!important} #laundryBoard .mpt84-open{min-height:38px!important;font-size:.62rem!important;padding:6px!important} #laundry .mpt84-queue-shell{padding-bottom:68px!important} } /* Very short landscape screens: hide explanatory copy, never controls. */ @media (max-height:620px) and (min-width:701px){ #laundry .mpt84-hero-copy,#laundry .mpt84-lookup-note{display:none!important} #laundry .mpt-brandbar .brandsub{display:none!important} #laundry .mpt84-stage small{display:none!important} #laundry .mpt84-stage{min-height:44px!important} #laundry .mpt84-queue-head{position:sticky;top:0;z-index:4} } /* Tablet / portrait layouts */ @media (max-width:900px){ #laundry .mpt84-hero-actions{justify-content:flex-start} #laundry .mpt84-location-tools{margin-left:0} } /* Phone: single-column, thumb-friendly, no horizontal clipping. */ @media (max-width:700px){ #laundry.mpt-pos84{padding:6px!important;overflow-x:hidden!important} #laundry .mpt84-hero-actions{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%} #laundry .mpt84-hero-actions .btn{width:100%!important;min-width:0!important} #laundry .mpt84-hero-actions .btn:first-child{grid-column:1/-1} #laundry .mpt84-stages{display:flex!important;overflow-x:auto!important;gap:6px!important} #laundry .mpt84-stage{min-width:132px!important} #laundryBoard.mpt84-order-list{display:block!important} #laundryBoard .mpt84-order{grid-template-columns:minmax(0,1fr) 88px!important} #laundryBoard .mpt84-open{grid-column:2/3;grid-row:1/3!important} #laundry .mpt84-queue-shell{padding-bottom:82px!important} } /* Keep full-screen order modal usable regardless of viewport height. */ #modal.mpt-stream-order84 .modalbox{max-height:calc(100dvh - 12px)!important} #modal.mpt-stream-order84 #modalBody{overscroll-behavior:contain} @media (max-height:700px) and (min-width:681px){ #modal.mpt-stream-order84 .modalbox{height:calc(100dvh - 10px)!important;max-height:calc(100dvh - 10px)!important} #modal.mpt-stream-order84 #modalBody{height:calc(100dvh - 66px)!important;padding:8px 10px 16px!important} #modal.mpt-stream-order84 .mpt84-overview-main{padding:8px!important} #modal.mpt-stream-order84 .mpt84-main-action{min-height:46px!important} #modal.mpt-stream-order84 .mpt84-tabs{margin:6px 0!important} } /* V3.12.84 touch-target revision Buttons scale by device, but never become too small to hit reliably. */ #laundry.mpt-pos84{ --mpt84-touch-primary:56px; --mpt84-touch-standard:50px; --mpt84-touch-compact:46px; --mpt84-touch-gap:8px; --mpt84-touch-radius:13px; } #laundry.mpt-pos84 button, #laundry.mpt-pos84 summary, #modal.mpt-stream-order84 button, #modal.mpt-stream-order84 summary, #modal.mpt-dry84 button{ touch-action:manipulation; -webkit-tap-highlight-color:rgba(232,62,146,.14); } #laundry.mpt-pos84 button:focus-visible, #laundry.mpt-pos84 summary:focus-visible, #modal.mpt-stream-order84 button:focus-visible, #modal.mpt-stream-order84 summary:focus-visible, #modal.mpt-dry84 button:focus-visible{ outline:3px solid #287ee6!important; outline-offset:2px!important; } #laundry.mpt-pos84 button:active, #modal.mpt-stream-order84 button:active, #modal.mpt-dry84 button:active{ transform:translateY(1px); filter:brightness(.97); } /* Header controls: one obvious rectangular touch area per action. */ #laundry .mpt84-hero-actions{ gap:var(--mpt84-touch-gap)!important; } #laundry .mpt84-hero-actions .btn{ min-height:var(--mpt84-touch-standard)!important; min-width:116px!important; padding:10px 14px!important; border-radius:var(--mpt84-touch-radius)!important; border:2px solid transparent!important; font-size:.78rem!important; font-weight:950!important; line-height:1.12!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; } #laundry .mpt84-hero-actions .btn.primary{ min-height:var(--mpt84-touch-primary)!important; min-width:148px!important; font-size:.88rem!important; } #laundry .mpt84-machine-btn{ min-width:144px!important; } /* View and date filters are real touch buttons, not tiny text tabs. */ #laundry .mpt84-mode-tabs, #laundry .mpt84-history-range{ gap:var(--mpt84-touch-gap)!important; } #laundry .mpt84-mode, #laundry .mpt84-history-range button{ min-height:var(--mpt84-touch-standard)!important; min-width:112px!important; padding:9px 12px!important; border:2px solid #dfd0d8!important; border-radius:11px!important; font-size:.72rem!important; font-weight:950!important; background:#fff!important; } #laundry .mpt84-mode.active, #laundry .mpt84-history-range button.active{ border-color:#287ee6!important; box-shadow:0 0 0 2px rgba(40,126,230,.12)!important; } #laundry .mpt84-location-tools>summary, #laundry .mpt84-dry-wrap>summary{ min-height:var(--mpt84-touch-standard)!important; display:flex!important; align-items:center!important; padding:10px 13px!important; border-radius:11px!important; } /* Workflow stage filters: large separated targets with full-card hit areas. */ #laundry .mpt84-stages{ gap:var(--mpt84-touch-gap)!important; } #laundry .mpt84-stage{ min-height:68px!important; padding:10px 12px 9px 16px!important; border-width:2px!important; border-radius:14px!important; cursor:pointer!important; } #laundry .mpt84-stage.active{ border-width:3px!important; box-shadow:0 0 0 3px color-mix(in srgb,var(--mpt-stage) 14%,transparent)!important; } /* Each order always has one explicit action button. */ #laundryBoard .mpt84-open{ min-height:var(--mpt84-touch-standard)!important; min-width:108px!important; padding:8px 10px!important; border:2px solid #287ee6!important; border-radius:12px!important; font-size:.7rem!important; font-weight:950!important; white-space:normal!important; line-height:1.08!important; } #laundryBoard .mpt84-order{ gap:10px!important; } /* Order modal: touch actions must remain large even on short screens. */ #modal.mpt-stream-order84 .mpt84-main-action, #modal.mpt-stream-order84 .mpt84-secondary-action, #modal.mpt-stream-order84 .mpt84-tab, #modal.mpt-stream-order84 .mpt84-qc-action>.btn, #modal.mpt-stream-order84 .billing-zone .modal-action-bar .btn, #modal.mpt-stream-order84 .mpt-add-service-btn, #modal.mpt-stream-order84 .mpt84-billing-more-inner .btn{ min-height:52px!important; border-radius:12px!important; font-size:.78rem!important; font-weight:950!important; } #modal.mpt-stream-order84 .mpt84-main-action{ min-height:58px!important; font-size:.9rem!important; } #modal.mpt-stream-order84 .mpt84-payment-tiles{ gap:9px!important; } #modal.mpt-stream-order84 .mpt84-pay-tile{ min-height:54px!important; border-width:2px!important; font-size:.78rem!important; } #modal.mpt-stream-order84 .mpt84-manual-status-buttons{ gap:8px!important; } #modal.mpt-stream-order84 .mpt84-manual-status-buttons button{ min-height:48px!important; border-width:2px!important; font-size:.7rem!important; } #modal.mpt-stream-order84 .mpt84-service-tile{ min-height:70px!important; padding:10px!important; } #modal.mpt-stream-order84 .mpt84-tools-details>summary, #modal.mpt-stream-order84 .mpt84-billing-more>summary{ min-height:48px!important; display:flex!important; align-items:center!important; padding:10px 12px!important; } /* On short POS screens save vertical space by removing explanatory text, never by shrinking the actual touch targets below safe sizes. */ @media (max-height:760px) and (min-width:701px){ #laundry.mpt-pos84{ --mpt84-touch-primary:52px; --mpt84-touch-standard:48px; --mpt84-touch-compact:46px; --mpt84-touch-gap:7px; } #laundry .mpt84-hero-actions .btn{ min-height:48px!important; min-width:108px!important; padding:8px 11px!important; font-size:.7rem!important; } #laundry .mpt84-hero-actions .btn.primary{ min-height:52px!important; min-width:136px!important; font-size:.78rem!important; } #laundry .mpt84-machine-btn{min-width:132px!important} #laundry .mpt84-mode, #laundry .mpt84-history-range button, #laundry .mpt84-location-tools>summary{ min-height:46px!important; padding:8px 10px!important; font-size:.66rem!important; } #laundry .mpt84-stage{ min-height:58px!important; padding:8px 9px 7px 13px!important; } #laundryBoard .mpt84-open{ min-height:48px!important; min-width:102px!important; font-size:.66rem!important; } #modal.mpt-stream-order84 .mpt84-main-action{min-height:54px!important} #modal.mpt-stream-order84 .mpt84-tab, #modal.mpt-stream-order84 .billing-zone .modal-action-bar .btn{min-height:50px!important} } /* Coarse pointer = finger/stylus device. Give extra hit area regardless of CSS pixels. */ @media (pointer:coarse){ #laundry.mpt-pos84{ --mpt84-touch-primary:60px; --mpt84-touch-standard:54px; --mpt84-touch-compact:50px; --mpt84-touch-gap:10px; } #laundry .mpt84-hero-actions .btn, #laundry .mpt84-mode, #laundry .mpt84-history-range button, #laundryBoard .mpt84-open{ min-height:54px!important; } #laundry .mpt84-stage{min-height:72px!important} #modal.mpt-stream-order84 button, #modal.mpt-dry84 button{min-height:52px} } /* Phone/tablet: buttons become full-width where accuracy matters more than density. */ @media (max-width:700px){ #laundry .mpt84-hero-actions{ gap:10px!important; } #laundry .mpt84-hero-actions .btn{ min-height:56px!important; min-width:0!important; font-size:.78rem!important; } #laundry .mpt84-hero-actions .btn.primary{ min-height:60px!important; font-size:.9rem!important; } #laundry .mpt84-mode, #laundry .mpt84-history-range button{ min-height:52px!important; min-width:0!important; } #laundry .mpt84-stage{ min-height:72px!important; } #laundryBoard .mpt84-open{ min-height:72px!important; min-width:88px!important; font-size:.68rem!important; } #modal.mpt-stream-order84 .mpt84-tab, #modal.mpt-stream-order84 .mpt84-main-action, #modal.mpt-stream-order84 .mpt84-secondary-action, #modal.mpt-stream-order84 .billing-zone .modal-action-bar .btn, #modal.mpt-stream-order84 .mpt84-pay-tile{ min-height:56px!important; } } /* V3.12.101 SLA priority and compact POS/Clock navigation */ body:has(#laundry:not(.hidden)) #posStationSwitcher{display:none!important} #laundry .mpt101-clock-shortcut{min-width:120px!important;padding-inline:14px!important} #laundryBoard .mpt84-order.mpt101-overdue{border:3px solid #c42342!important;background:linear-gradient(135deg,#fff1f3,#fff)!important;box-shadow:0 0 0 2px rgba(196,35,66,.08),0 12px 28px rgba(196,35,66,.12)!important} #laundryBoard .mpt84-order.mpt101-due-soon{border:3px solid #e3a329!important;background:linear-gradient(135deg,#fff8e8,#fff)!important;box-shadow:0 0 0 2px rgba(227,163,41,.08)!important} .mpt101-sla{display:inline-flex;align-items:center;gap:5px;margin-top:7px;border-radius:999px;padding:7px 11px;font-size:.76rem;font-weight:950;letter-spacing:.02em} .mpt101-sla.overdue{background:#c42342;color:#fff} .mpt101-sla.due-soon{background:#fff0bf;color:#734b00;border:2px solid #e3a329} .mpt101-sla.due{background:#eef5ff;color:#235b8c;border:1px solid #c7dcf1} @media(max-width:760px){#laundry .mpt101-clock-shortcut{min-width:96px!important}} /* V3.12.101 fast progressive count sheet */ .mpt101-count-intro{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#eef7ff;border:2px solid #b9d8f5;border-radius:16px;padding:12px 14px;margin:8px 0 12px}.mpt101-count-intro b{font-size:1rem}.mpt101-count-intro span{font-size:.82rem;color:#4f5b67} .mpt101-count-tabs{display:flex;gap:8px;overflow-x:auto;padding:6px 0 10px;scrollbar-width:thin;position:sticky;top:0;background:#fff;z-index:3}.mpt101-count-tabs button{border:2px solid #d7c5d1;background:#fff;border-radius:14px;min-height:52px;padding:9px 14px;font-weight:950;white-space:nowrap}.mpt101-count-tabs button.active{background:#2c72d6;color:#fff;border-color:#2c72d6}.mpt101-count-group.hidden{display:none!important}.mpt101-group-title{font-weight:950;font-size:1rem;letter-spacing:.04em;padding:10px 12px;background:#f4eef6;border-radius:14px;margin:2px 0 8px}.mpt101-count-row{border:2px solid #e7dce4;border-radius:18px;background:#fff;padding:12px;margin-bottom:10px}.mpt101-count-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.mpt101-itemname b{font-size:1.05rem}.mpt101-itemname small{display:block;color:#766974;margin-top:2px}.mpt101-itemname input{min-height:48px!important;font-weight:850}.mpt101-count-head .count-status{font-size:.72rem;font-weight:950;border-radius:999px;padding:7px 10px;text-align:center}.mpt101-counter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.mpt101-counter{border:1px solid #e5d7df;border-radius:14px;background:#faf8fa;padding:8px}.mpt101-counter>span{display:block;font-size:.72rem;font-weight:900;margin-bottom:5px;color:#5f5360}.mpt101-stepper{display:grid;grid-template-columns:54px minmax(62px,1fr) 54px;gap:5px}.mpt101-stepper button{min-height:54px;border:0;border-radius:12px;background:#e7effb;color:#1f5d9d;font-size:1.6rem;font-weight:950}.mpt101-stepper input{min-height:54px!important;text-align:center!important;font-size:1.2rem!important;font-weight:950!important;padding:6px!important}.mpt101-note{margin-top:9px}.mpt101-note label{font-size:.68rem;font-weight:900;color:#756775}.mpt101-note input{min-height:48px!important}.mpt101-count-key{display:flex;gap:8px;align-items:center;background:#fff8e9!important;border-left:5px solid #e3a329!important;margin-top:10px}.count-status.count-ok{background:#e9f7ef;color:#17633b}.count-status.count-warn{background:#fff1c9;color:#734b00}.count-status.count-bad{background:#ffe5e9;color:#9c1f39} #modal:has(#commercialCountBody) .modalbox{max-width:1180px!important}#modal:has(#commercialCountBody) #modalBody{overflow:auto!important} @media(max-width:900px){.mpt101-counter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mpt101-count-intro{display:block}.mpt101-count-intro span{display:block;margin-top:4px}} @media(max-width:580px){.mpt101-counter-grid{grid-template-columns:1fr}.mpt101-stepper{grid-template-columns:64px minmax(70px,1fr) 64px}.mpt101-stepper button{min-height:60px}.mpt101-stepper input{min-height:60px!important}.mpt101-count-head{align-items:flex-start;flex-wrap:wrap}.mpt101-count-head .count-status{width:100%}}