/* Repair My Phone Today customer experience: scoped additions to the existing white workspace. */
.cx-stack{display:grid;gap:18px}.cx-muted{color:var(--muted,#64748b);font-size:13px}.cx-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.cx-between{justify-content:space-between}.cx-grow{flex:1;min-width:0}.cx-section{border:1px solid #e4eaf2;border-radius:16px;padding:20px;background:#fff}.cx-section h3{margin:0 0 6px}.cx-section p{margin:6px 0;line-height:1.6}.cx-heading{display:flex;align-items:center;gap:12px;margin-bottom:18px}.cx-heading .mini-icon{width:40px;height:40px;border-radius:12px}.cx-heading h3{font-size:16px}.cx-heading small{font-size:12px;color:#64748b}.cx-customer-picker{position:relative}.cx-customer-picker input{padding-right:36px}.cx-customer-results{position:absolute;z-index:8;top:100%;left:0;right:0;max-height:260px;overflow:auto;background:white;border:1px solid #dce5f0;box-shadow:0 12px 28px #18305b16;border-radius:12px;margin-top:4px}.cx-customer-results:empty{display:none}.cx-suggestion{display:flex;align-items:center;gap:12px;width:100%;border:0;border-bottom:1px solid #f0f3f8;background:white;padding:12px;text-align:left;cursor:pointer;color:#172d4a;font:inherit;min-height:58px}.cx-suggestion:hover,.cx-suggestion[aria-selected=true]{background:#eef6ff}.cx-suggestion small{display:block;font-size:12px;color:#64748b;margin-top:3px}.cx-avatar{width:32px;height:32px;border-radius:10px;background:#edf3ff;color:#2164bd;display:grid;place-items:center;font-weight:700;flex-shrink:0}.cx-selected{display:flex;align-items:center;gap:12px;margin-top:10px;padding:12px;background:#eff8ff;border:1px solid #d3e8ff;border-radius:12px}.cx-selected small{display:block}.cx-alert{background:#fff6df;border:1px solid #f7d68c;padding:10px 12px;color:#744700;border-radius:9px;font-size:13px}.cx-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:20px}.cx-step{border:1px solid #e2e8f0;color:#64748b;border-radius:10px;background:#f8fafc;padding:11px 6px;text-align:center;font:600 13px inherit;cursor:pointer}.cx-step b{display:inline-grid;place-items:center;background:#e6ebf2;color:#53647a;width:22px;height:22px;border-radius:7px;margin-right:6px;font-size:12px}.cx-step.active{background:#eef5ff;border-color:#b5d4ff;color:#165bb5}.cx-step.active b{background:#2475db;color:#fff}.cx-step-pane[hidden]{display:none!important}.cx-intake .modal{max-width:1050px}.cx-intake .modal-body{padding:22px}.cx-intake-summary{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:15px 18px;border:1px solid #dbe8fa;background:#f4f8ff;border-radius:12px;margin:18px 0}.cx-intake-summary small{display:block;color:#64748b;font-size:11px}.cx-intake-summary b{font-size:17px}.cx-wizard-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;border-top:1px solid #edf0f6;padding-top:16px}.cx-service-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:250px;overflow:auto;padding:4px 3px}.cx-service-item{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e3eaf4;padding:12px;border-radius:11px;text-align:left;cursor:pointer;color:#20364f;font:inherit}.cx-service-item:hover{background:#f2f7ff;border-color:#bad7fa}.cx-service-item strong{font-size:13px;display:block;line-height:1.4}.cx-service-item small{display:block;color:#697c94;font-size:11px;margin-top:3px}.cx-service-item .cx-service-price{color:#1762bf;font-size:13px;white-space:nowrap}.cx-quote-lines{margin-top:16px}.cx-quote-line{display:grid;grid-template-columns:minmax(100px,1fr) 65px 100px 80px 34px;gap:8px;align-items:center;padding:10px 0;border-bottom:1px solid #edf1f6}.cx-quote-line label{font-size:10px;margin:0 0 2px}.cx-quote-line input{min-height:35px;font-size:13px;padding:7px}.cx-quote-line strong{font-size:13px;line-height:1.4}.cx-quote-line small{display:block;color:#64748b;font-size:11px}.cx-quote-line .cx-line-total{text-align:right;font-weight:600;font-size:13px}.cx-quote-empty{padding:18px;background:#f8fafc;border:1px dashed #d5dfeb;border-radius:12px;font-size:13px;text-align:center;color:#738399}.cx-history-devices{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.cx-history-device{border:1px solid #d9e5f3;background:#fff;padding:9px 12px;border-radius:10px;cursor:pointer;font:inherit;font-size:12px}.cx-job-title{font-size:28px;letter-spacing:-1px;margin:0}.cx-tracking-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;background:#f0f6ff;color:#1b5fae;border-radius:8px;font-weight:700;letter-spacing:1.5px;font-size:14px}.cx-job-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:20px}.cx-job-grid .cx-section{padding:18px}.cx-job-grid .info-row{font-size:13px;gap:16px}.cx-job-grid .info-row b{overflow-wrap:anywhere;text-align:right}.cx-timeline{list-style:none;margin:0;padding:0}.cx-timeline li{position:relative;padding:0 0 20px 23px;border-left:2px solid #e8edf5;margin-left:5px}.cx-timeline li:before{content:'';position:absolute;left:-6px;top:3px;width:10px;height:10px;background:#5f94dc;border:2px solid #fff;border-radius:50%;box-sizing:border-box}.cx-timeline b{display:block;font-size:13px}.cx-timeline p{font-size:12px;line-height:1.5;margin:5px 0;color:#50637c}.cx-timeline small{font-size:11px;color:#8a99ad}.cx-links{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.cx-links .btn{font-size:12px}.cx-qr{display:block;width:156px;height:156px;max-width:100%;background:#fff}.cx-qr-card{display:flex;gap:18px;align-items:center;padding:16px;border:1px solid #dce8f8;border-radius:14px;background:#f7faff}.cx-qr-card .cx-qr{flex-shrink:0;width:136px;height:136px}.cx-qr-card h3{font-size:15px}.cx-qr-card p{font-size:12px;line-height:1.55}.cx-promotion{margin:14px 0;padding:12px;border:1px dashed #b9c8de;border-radius:9px;text-align:center;break-inside:avoid}.cx-promotion strong{display:block;font-size:14px}.cx-promotion p{margin:6px 0;font-size:12px}.cx-promotion small{display:block;font-size:10px;line-height:1.5;margin-top:4px}.cx-promo-code{font-family:ui-monospace,monospace;font-size:17px;font-weight:700;letter-spacing:1px;margin:7px 0}.cx-promo-editor{border:1px solid #e0e7f1;border-radius:12px;padding:16px;margin-top:12px}.cx-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:20px;border-bottom:1px solid #e6ecf4;padding-bottom:12px}.cx-tabs button{border:1px solid transparent;border-radius:9px;background:#fff;color:#667b93;padding:10px 14px;font:600 13px/1.4 inherit;cursor:pointer}.cx-tabs button.active{background:#eaf3ff;color:#1764c1;border-color:#cce0fc}.cx-settings-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(290px,.8fr);gap:22px;align-items:start}.cx-paper-preview{background:#edf2f8;border:1px solid #e0e7f1;border-radius:16px;padding:24px;max-height:750px;overflow:auto}.cx-receipt{box-sizing:border-box;width:100%;max-width:340px;padding:18px;background:white;color:#111827;margin:0 auto;box-shadow:0 5px 20px #20364b12;font-family:Arial,sans-serif;line-height:1.4;font-size:12px;overflow-wrap:anywhere}.cx-receipt header,.cx-receipt footer{text-align:center}.cx-receipt header h2{font-size:17px;line-height:1.3;margin:5px 0}.cx-receipt header p{margin:4px 0}.cx-receipt header small,.cx-receipt footer small{display:block;margin:4px 0;font-size:10px}.cx-receipt-logo{display:block;width:95px;height:75px;object-fit:contain;margin:0 auto 8px}.cx-doc-kind{text-align:center;font-size:10px;font-weight:700;letter-spacing:1px;margin-top:20px}.cx-ticket-number{font-size:25px;letter-spacing:1px;text-align:center;font-weight:700;margin:5px 0 15px}.cx-receipt-row{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin:6px 0;font-size:11px}.cx-receipt-row b{text-align:right}.cx-total{font-size:16px;font-weight:700;border-top:1px solid #8594a4;padding-top:10px;margin-top:10px}.cx-balance{font-size:14px}.cx-line{margin:10px 0;break-inside:avoid}.cx-line>b{font-size:12px}.cx-receipt hr{border:0;border-top:1px dashed #b0bdca;margin:14px 0}.cx-qr-block{text-align:center;margin:20px 0;break-inside:avoid}.cx-qr-block .cx-qr{margin:8px auto;width:32mm;height:32mm}.cx-qr-block h3{font-size:15px;margin:5px 0}.cx-qr-block small{display:block;font-size:10px;line-height:1.5;margin-top:5px}.cx-tracking{font-size:17px;letter-spacing:2px}.cx-terms{font-size:10px;line-height:1.5;margin-top:15px}.cx-doc-note{display:block;margin:15px 0;font-size:9px}.cx-receipt footer{border-top:1px dashed #aaa;padding-top:16px;margin-top:18px;font-size:11px}.cx-void{border:2px solid #222;text-align:center;padding:12px;font-weight:bold}.qr-warning{color:#9b4319;font-size:11px}.cx-reward-balance{padding:18px;background:#f0f9f5;border:1px solid #cdeee0;border-radius:12px}.cx-reward-balance b{color:#197e56;font-size:22px}.cx-reward-balance small{display:block;color:#46816a}.cx-terms-summary{font-size:12px;line-height:1.65;background:#f8fafc;border:1px solid #e5ebf3;border-radius:12px;padding:14px}.cx-service-table td input{max-width:105px}.cx-error{color:#ac3030;background:#fff4f4;border:1px solid #f2caca;padding:12px 14px;border-radius:10px;white-space:pre-line;line-height:1.5}.cx-success{background:#edf9f3;color:#167243;padding:12px 14px;border-radius:10px}.cx-live{font-size:12px;margin-top:8px;color:#677b92}.cx-draft-warning{background:#fffaec;border:1px solid #f0dfb2;padding:12px;border-radius:10px;color:#806122;font-size:12px}.cx-print-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:26px;max-width:1050px;margin:30px auto;padding:0 20px}.cx-print-control{padding:22px;background:#fff;border:1px solid #dfe7f1;border-radius:16px;align-self:start;position:sticky;top:24px}.cx-print-control h2{font-size:20px;margin:0 0 10px}.cx-print-control p{font-size:13px;color:#6c7e94;line-height:1.6}.cx-print-stage{padding:30px;background:#edf1f6;border-radius:18px}.cx-print-label{display:block;text-align:center;font-size:12px;color:#64748b;margin-bottom:20px}.cx-print-control .btn{width:100%;justify-content:center;margin:10px 0 0}
@media(max-width:900px){.cx-settings-grid,.cx-job-grid{grid-template-columns:1fr}.cx-paper-preview{max-height:560px}.cx-print-layout{grid-template-columns:1fr}.cx-print-control{position:static;order:-1}.cx-print-control .btn{width:auto}.cx-job-title{font-size:25px}}
@media(max-width:540px){.cx-intake .modal-body{padding:14px}.cx-step{font-size:11px;padding:8px 3px}.cx-step b{display:block;margin:0 auto 4px}.cx-service-list{grid-template-columns:1fr}.cx-quote-line{grid-template-columns:minmax(90px,1fr) 50px 78px 30px;gap:7px}.cx-quote-line .cx-line-total{grid-column:3;grid-row:2}.cx-quote-line>button{grid-column:4;grid-row:1}.cx-section{padding:16px}.cx-qr-card{flex-direction:column;text-align:center}.cx-print-stage{padding:12px}.cx-print-layout{padding:0 12px;margin:16px auto}.cx-tabs button{padding:9px;font-size:12px}.cx-intake-summary{padding:12px;gap:15px}.cx-intake-summary b{font-size:15px}}
@media print{body.cx-print-body{background:white!important}.cx-print-control,.cx-print-label,.cx-print-header{display:none!important}.cx-print-layout,.cx-print-stage{display:block;margin:0;padding:0;background:white;max-width:none;border-radius:0}.cx-receipt{box-shadow:none;width:100%;max-width:none;margin:0;padding:0;color:black}.cx-receipt .cx-qr{width:32mm;height:32mm}.cx-receipt h2{color:black}.cx-promotion{border-color:#555}}
@media(max-width:620px){#quickRepair{display:inline-flex;width:34px;height:34px;min-width:34px;padding:8px;font-size:0;border-radius:9px}#quickRepair svg{width:18px;height:18px}}