.checkout-panel,.account-panel,.tracking-panel{min-height:70vh}.checkout-title,.section-title{margin:3px 0 16px}.checkout-block{background:#fff;border:1px solid var(--line);border-radius:17px;padding:14px;margin:11px 0}.checkout-block>h3{font-size:12px;margin:0 0 10px}.address-choice{display:flex;gap:9px;align-items:flex-start;border:1px solid var(--line);border-radius:12px;padding:10px;margin:7px 0}.address-choice:has(input:checked){border-color:#78b98a;background:var(--brand-50)}.address-choice input{margin-top:3px}.address-choice span{display:block;flex:1}.address-choice b,.address-choice small{display:block}.address-choice small{color:var(--muted);line-height:1.45;margin-top:3px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.field-grid label,.stack-field{display:grid;gap:5px;color:var(--muted);font-size:9px;font-weight:800}.field-grid .wide{grid-column:1/-1}.field-grid input,.field-grid select,.coupon-row input,.stack-field input{width:100%;height:43px;border:1px solid var(--line);border-radius:10px;padding:0 11px;background:#fff;outline:none}.coupon-row{display:flex;gap:8px}.coupon-row input{flex:1}.coupon-row button,.outline-button,.text-button{border:1px solid var(--line);background:#fff;border-radius:10px;padding:9px 12px;font-weight:800}.quote-loading{padding:25px;text-align:center;color:var(--muted)}.promo-note{background:#fff7d8;color:#735700;border-radius:10px;padding:9px;font-size:10px;margin:8px 0}.legal-consent{display:flex;align-items:flex-start;gap:9px;color:var(--muted);font-size:11px;line-height:1.45}.legal-links{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.legal-links button{border:0;background:var(--brand-50);color:var(--brand-700);border-radius:8px;padding:6px 8px;font-size:9px;font-weight:800}.payment-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.payment-option{border:1px solid var(--line);border-radius:12px;padding:11px}.payment-option:has(input:checked){border-color:#78b98a;background:var(--brand-50)}.order-list{display:grid;gap:10px}.order-card{border:1px solid var(--line);background:#fff;border-radius:15px;padding:13px;text-align:left}.order-card header,.order-card footer{display:flex;justify-content:space-between;gap:10px}.order-card h3{font-size:13px;margin:0}.order-card p{font-size:10px;color:var(--muted)}.order-status{border-radius:20px;background:#edf5ff;color:#316897;padding:5px 8px;font-size:9px;font-weight:900}.order-status.delivered{background:var(--brand-100);color:var(--brand-700)}.order-status.cancelled{background:#ffeded;color:var(--danger)}.tracking-map{position:relative;overflow:hidden;min-height:150px;border-radius:18px;background:linear-gradient(140deg,#edf6e9,#fdf8df);margin:13px 0}.tracking-map:before,.tracking-map:after{content:"";position:absolute;height:10px;background:#fff;border:2px solid #d8ded9;border-radius:20px;transform:rotate(-17deg)}.tracking-map:before{width:120%;left:-15%;top:48%}.tracking-map:after{width:90%;left:15%;top:30%;transform:rotate(34deg)}.map-rider,.map-home{position:absolute;z-index:2;font-size:28px}.map-rider{left:23%;top:50%}.map-home{right:14%;top:19%}.live-chip{display:inline-flex;border-radius:20px;padding:5px 8px;background:var(--brand-100);color:var(--brand-700);font-size:9px;font-weight:900}.live-chip.stale{background:#fff5cf;color:#7a5a00}.timeline-list{border-left:2px solid var(--brand-100);margin:16px 8px;padding-left:20px}.timeline-list p{position:relative;font-size:11px}.timeline-list p:before{content:"";position:absolute;left:-26px;top:3px;width:9px;height:9px;border-radius:50%;background:var(--brand-600)}.tracking-actions{display:grid;gap:8px}.danger-button{width:100%;min-height:46px;border:1px solid #efb8b5;background:#fff;color:var(--danger);border-radius:13px;font-weight:900}.payment-panel{text-align:center}.real-qr{display:block;width:min(260px,75vw);aspect-ratio:1;margin:14px auto;border:10px solid #fff;border-radius:15px;box-shadow:var(--shadow)}.payment-status{border-radius:10px;background:var(--brand-50);padding:10px;font-size:11px}.profile-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px}.profile-card h2{margin:0}.profile-card p{color:var(--muted)}.auth-dialog{display:none;place-items:center;width:100%;height:100%;max-width:none;max-height:none;border:0;background:rgba(9,26,15,.5)}.auth-dialog[open]{display:grid}.auth-dialog::backdrop{background:rgba(9,26,15,.5)}.auth-card{width:min(410px,calc(100% - 28px));background:#fff;border-radius:22px;padding:27px}.auth-logo{display:grid;place-items:center;width:50px;height:50px;border-radius:15px;background:var(--brand-700);color:#fff;font-size:26px;font-weight:900}.auth-card>p{color:var(--brand-700);font-size:9px;letter-spacing:.14em;font-weight:900;margin:15px 0 4px}.auth-card h2{margin:0 0 18px}.auth-card label{display:grid;gap:6px;color:var(--muted);font-size:10px;font-weight:800;margin:11px 0}.auth-card input{height:45px;border:1px solid var(--line);border-radius:11px;padding:0 12px}.auth-card .text-button{width:100%;margin-top:8px}.form-error{min-height:18px;color:var(--danger);font-size:10px}.connection-note{font-size:10px;color:var(--muted)}
@media(max-width:520px){.field-grid{grid-template-columns:1fr}.field-grid .wide{grid-column:auto}.payment-options{grid-template-columns:1fr}}
.pay-link{display:flex;align-items:center;justify-content:center;text-decoration:none;margin-top:10px}
.location-picker-panel{min-height:72vh}.location-picker-panel>h2{margin:3px 0 4px}.location-picker-panel>p{margin:0 0 12px;color:var(--muted);font-size:10px}.location-picker-map{position:relative;height:min(52vh,430px);border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,#edf6e9,#eef4ff);overflow:hidden}.location-center-pin{position:absolute;z-index:3;left:50%;top:50%;width:24px;height:24px;margin:-22px 0 0 -12px;color:var(--danger);font-size:34px;line-height:24px;text-shadow:0 2px 3px #fff;pointer-events:none}.location-center-pin:after{content:"";position:absolute;left:9px;top:25px;width:7px;height:7px;border-radius:50%;background:rgba(0,0,0,.22)}.location-picker-status{min-height:39px;margin:10px 0;padding:9px;border-radius:10px;background:var(--brand-50);color:var(--brand-700);font-size:10px;font-weight:800}.location-picker-status.error{background:#ffeded;color:var(--danger)}.location-picker-actions{display:grid;grid-template-columns:1fr 1.2fr;gap:8px}.location-picker-actions .primary-button{margin:0}.address-serviceability{grid-column:1/-1;min-height:34px;padding:8px;border-radius:9px;background:#f3f6f3;color:var(--muted);font-size:9px}.address-serviceability.success{background:var(--brand-50);color:var(--brand-700)}
@media(max-width:520px){.location-picker-actions{grid-template-columns:1fr}}
.location-map-wrap{position:relative}.location-map-wrap .location-picker-map{position:static}
.tracking-map:has(.gm-style){min-height:260px;border:1px solid var(--line)}.tracking-map:has(.gm-style):before,.tracking-map:has(.gm-style):after{display:none}
