/* CargO Book — Full-page premium booking v6 */
:root {
  --cb-primary: #FF6B00;
  --cb-primary-dark: #E55A00;
  --cb-accent: #00D4AA;
  --cb-navy: #1A1A2E;
  --cb-text: #374151;
  --cb-muted: #6B7280;
  --cb-light: #F5F5F7;
  --cb-surface: #FFFFFF;
  --cb-border: #E5E7EB;
  --cb-danger: #DC2626;
  --cb-success: #22C55E;
  --cb-radius: 16px;
  --cb-radius-sm: 12px;
  --cb-radius-xs: 8px;
  --cb-font-display: 'Poppins', sans-serif;
  --cb-font-body: 'Inter', sans-serif;
  --cb-shadow-sm: 0 1px 3px rgba(0,0,0,0.06);
  --cb-shadow-md: 0 4px 20px rgba(0,0,0,0.08);
  --cb-shadow-lg: 0 8px 40px rgba(0,0,0,0.1);
}
[x-cloak]{display:none!important}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body.cargo-book{font-family:var(--cb-font-body);background:var(--cb-light);color:var(--cb-text);min-height:100vh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased}

/* Header */
.cb-header{position:sticky;top:0;z-index:50;height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:var(--cb-surface);border-bottom:1px solid var(--cb-border)}
.cb-logo{font-family:var(--cb-font-display);font-weight:800;font-size:22px;color:var(--cb-navy);text-decoration:none}
.cb-logo span{color:var(--cb-primary)}
.cb-header__center{flex:1;display:flex;justify-content:center}
.cb-step-pills{display:flex;gap:6px}
.cb-pill{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--cb-border);color:var(--cb-muted);font-size:11px;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1)}
.cb-pill.active{background:var(--cb-primary);color:#fff;transform:scale(1.15);box-shadow:0 2px 8px rgba(255,107,0,.3)}
.cb-pill.done{background:var(--cb-success);color:#fff}
.cb-pill svg{display:none}
.cb-pill.done svg{display:block}
.cb-pill.done .cb-pill__num{display:none}
.cb-back-btn{width:36px;height:36px;border-radius:50%;border:1px solid var(--cb-border);background:var(--cb-surface);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--cb-text);transition:all .15s}
.cb-back-btn:hover{background:var(--cb-light);border-color:#ccc}

/* Main layout */
.cb-main{flex:1;display:flex;min-height:0}
.cb-panel{width:100%;max-width:540px;background:var(--cb-surface);border-right:1px solid var(--cb-border);display:flex;flex-direction:column;position:relative;z-index:10}
.cb-panel__scroll{flex:1;overflow-y:auto;padding:28px 24px 40px;scroll-behavior:smooth}
.cb-map-panel{flex:1;position:relative;display:none}
.cb-map{width:100%;height:100%}
@media(min-width:900px){.cb-map-panel{display:block}.cb-panel{flex:0 0 500px}}
@media(min-width:1200px){.cb-panel{flex:0 0 540px}}

/* Phase animation */
.cb-phase{animation:cbSlideUp .4s cubic-bezier(.16,1,.3,1)}
.cb-phase--center{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:55vh;text-align:center}
@keyframes cbSlideUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
.cbFadeIn{animation:cbSlideUp .35s cubic-bezier(.16,1,.3,1)}
@keyframes cbFadeRow{from{opacity:0;transform:translateX(-6px)}to{opacity:1;transform:none}}

/* Titles */
.cb-title{font-family:var(--cb-font-display);font-size:26px;font-weight:800;color:var(--cb-navy);line-height:1.2;margin-bottom:6px}
.cb-title-sm{font-family:var(--cb-font-display);font-size:20px;font-weight:700;color:var(--cb-navy);margin-bottom:16px}
.cb-subtitle{color:var(--cb-muted);font-size:14px;margin-bottom:20px;line-height:1.5}
.cb-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--cb-muted);margin:20px 0 10px}
.cb-hint{font-size:12px;color:var(--cb-muted);margin-bottom:16px;display:flex;align-items:center;gap:6px}
.cb-hint::before{content:'💡';font-size:14px}

/* Phase header */
.cb-phase-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.cb-route-badge{display:flex;align-items:center;gap:4px;padding:4px 10px;background:rgba(255,107,0,.08);border-radius:20px;font-size:12px;font-weight:700;color:var(--cb-primary)}

/* Zone selector */
.cb-zone-cards{display:flex;gap:10px;margin-bottom:8px}
.cb-zone-card{display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:var(--cb-radius);border:2px solid var(--cb-border);background:var(--cb-surface);cursor:pointer;transition:all .2s;font-family:inherit;flex:1;text-align:left}
.cb-zone-card:hover{border-color:#ddd;transform:translateY(-1px)}
.cb-zone-card.active{border-color:var(--cb-primary);background:#FFF8F3;box-shadow:0 2px 12px rgba(255,107,0,.12)}
.cb-zone-card__icon{font-size:24px}
.cb-zone-card__name{display:block;font-size:14px;font-weight:700;color:var(--cb-navy)}
.cb-zone-card__radius{display:block;font-size:11px;color:var(--cb-muted)}

/* Service grid */
.cb-service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px}
@media(min-width:480px){.cb-service-grid{grid-template-columns:repeat(3,1fr)}}
.cb-service-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 8px 12px;border-radius:var(--cb-radius);border:2px solid var(--cb-border);background:var(--cb-surface);cursor:pointer;transition:all .25s;font-family:inherit;text-align:center}
.cb-service-card:hover{border-color:#ddd;transform:translateY(-2px);box-shadow:var(--cb-shadow-sm)}
.cb-service-card.active{border-color:var(--scolor,var(--cb-primary));background:color-mix(in srgb,var(--scolor,var(--cb-primary)) 6%,white);box-shadow:0 2px 12px color-mix(in srgb,var(--scolor,var(--cb-primary)) 15%,transparent)}
.cb-service-card__icon{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:20px;transition:transform .2s}
.cb-service-card:hover .cb-service-card__icon{transform:scale(1.08)}
.cb-service-card__name{font-size:12px;font-weight:700;color:var(--cb-navy);line-height:1.2}
.cb-service-card__desc{font-size:10px;color:var(--cb-muted);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* Address fields */
.cb-field{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--cb-light);border:2px solid transparent;border-radius:var(--cb-radius);transition:all .25s;position:relative}
.cb-field.focused{border-color:var(--cb-primary);background:#fff;box-shadow:0 0 0 4px rgba(255,107,0,.06)}
.cb-field.filled{background:#fff}
.cb-field__dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}
.cb-field__dot--green{background:var(--cb-success)}
.cb-field__dot--orange{background:var(--cb-primary)}
.cb-field__body{flex:1;display:flex;flex-direction:column}
.cb-field__body label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--cb-muted);margin-bottom:2px}
.cb-field__body input{border:none;background:transparent;font-size:15px;font-family:inherit;color:var(--cb-navy);outline:none;width:100%}
.cb-field__body input::placeholder{color:#b0b8c4}
.cb-field__clear{width:28px;height:28px;border-radius:50%;border:none;background:var(--cb-border);color:var(--cb-muted);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}
.cb-field__clear:hover{background:#d1d5db}
.cb-connector{width:2px;height:16px;background:var(--cb-border);margin:0 0 0 21px}

/* Autocomplete dropdown */
.cb-suggestions{margin-top:8px;border-radius:var(--cb-radius);background:var(--cb-surface);border:1px solid var(--cb-border);overflow:hidden;box-shadow:var(--cb-shadow-md)}

/* Selection status hint */
.cb-selection-status{display:flex;align-items:center;gap:6px;padding:10px 14px;background:rgba(255,107,0,.04);border:1px dashed rgba(255,107,0,.25);border-radius:var(--cb-radius-sm);font-size:12px;color:var(--cb-primary);font-weight:500;margin-bottom:8px}

/* ── Section headers (like the app) ── */
.cb-places-section{margin-top:14px}
.cb-section-header{margin-bottom:10px}
.cb-section-header__chip{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:20px;font-size:12px;font-weight:600}
.cb-section-header__chip--teal{background:rgba(0,212,170,.1);color:#00a88a}
.cb-section-header__chip--indigo{background:rgba(99,102,241,.1);color:#6366f1}
.cb-section-header__chip--orange{background:rgba(255,107,0,.08);color:var(--cb-primary)}

/* ── Place row (app-style list items) ── */
.cb-places-list{display:flex;flex-direction:column;gap:6px}
.cb-place-row{display:flex;align-items:center;gap:12px;width:100%;padding:11px 14px;border-radius:var(--cb-radius-sm);border:1px solid var(--cb-border);background:var(--cb-surface);cursor:pointer;transition:all .18s ease;font-family:inherit;text-align:left}
.cb-place-row:hover{border-color:rgba(255,107,0,.3);background:#FFFAF6;box-shadow:0 1px 4px rgba(255,107,0,.06)}
.cb-place-row__icon{width:42px;height:42px;border-radius:12px;background:rgba(255,107,0,.07);display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0}
.cb-place-row__icon-emoji{font-size:20px;line-height:1}
.cb-place-row__dist{font-size:9px;font-weight:600;color:var(--cb-muted);margin-top:2px;line-height:1}
.cb-place-row__body{flex:1;min-width:0;overflow:hidden}
.cb-place-row__name{display:block;font-size:14px;font-weight:600;color:#1A1A2E;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cb-place-row__addr{display:block;font-size:11px;color:#6B7280;line-height:1.3;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cb-place-row__arrow{width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:var(--cb-primary);opacity:.45;flex-shrink:0;font-size:15px;font-weight:600}

/* ── Cargo items (what are you moving?) ── */
.cb-cargo-grid{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.cb-cargo-chip{display:inline-flex;align-items:center;gap:5px;padding:8px 14px;border-radius:22px;border:1.5px solid var(--cb-border);background:var(--cb-surface);font-size:12px;font-weight:500;color:var(--cb-text);cursor:pointer;transition:all .2s;font-family:inherit;white-space:nowrap}
.cb-cargo-chip:hover{border-color:var(--cb-primary);color:var(--cb-primary);background:#FFF8F3}
.cb-cargo-chip.active{border-color:var(--cb-primary);background:#FFF8F3;color:var(--cb-primary);font-weight:600}
.cb-cargo-chip__icon{font-size:15px}
.cb-cargo-chip__name{font-size:12px}
.cb-cargo-chip__helper{font-size:10px;opacity:.6}

/* Added cargo items list */
.cb-cargo-added{display:flex;flex-direction:column;gap:5px;margin-top:8px}
.cb-cargo-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--cb-radius-xs);background:var(--cb-light);font-size:12px}
.cb-cargo-item__icon{font-size:17px;width:32px;height:32px;border-radius:9px;background:rgba(255,107,0,.08);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.cb-cargo-item__name{flex:1;font-weight:600;color:#1A1A2E;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cb-cargo-item__qty{display:flex;align-items:center;border:1px solid var(--cb-border);border-radius:8px;overflow:hidden}
.cb-cargo-item__qty button{width:28px;height:28px;border:none;background:transparent;font-size:15px;font-weight:600;cursor:pointer;color:#1A1A2E}
.cb-cargo-item__qty button:hover{background:var(--cb-border)}
.cb-cargo-item__qty span{width:24px;text-align:center;font-size:13px;font-weight:700;color:#1A1A2E}
.cb-cargo-item__remove{width:26px;height:26px;border:none;border-radius:7px;background:rgba(220,38,38,.08);color:var(--cb-danger);font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s}
.cb-cargo-item__remove:hover{background:rgba(220,38,38,.15)}

/* ── Cargo summary (in service phase) ── */
.cb-cargo-summary{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1.5px solid var(--cb-border);border-radius:var(--cb-radius-sm);background:var(--cb-surface);cursor:pointer;transition:border-color .2s;margin-bottom:12px}
.cb-cargo-summary:hover{border-color:var(--cb-primary)}
.cb-cargo-summary__icon{font-size:22px;width:36px;height:36px;border-radius:10px;background:rgba(99,102,241,.08);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.cb-cargo-summary__body{flex:1;min-width:0}
.cb-cargo-summary__count{display:block;font-size:13px;font-weight:700;color:#1A1A2E}
.cb-cargo-summary__list{display:block;font-size:11px;color:var(--cb-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}
.cb-cargo-summary__edit{font-size:14px;opacity:.6;flex-shrink:0}

/* Context badges */
.cb-context-bar{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.cb-context-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:20px;font-size:12px;font-weight:600;background:var(--cb-light);color:var(--cb-text);border:1px solid var(--cb-border);transition:all .2s}
.cb-context-badge--service{background:color-mix(in srgb,var(--badge-color,#FF6B00) 8%,white);border-color:color-mix(in srgb,var(--badge-color,#FF6B00) 20%,white);color:var(--badge-color,#FF6B00)}
.cb-context-badge--route{background:rgba(255,107,0,.06);border-color:rgba(255,107,0,.15);color:var(--cb-primary);font-weight:700}

/* Route mini bar */
.cb-route-mini{display:flex;align-items:center;gap:6px;padding:10px 14px;background:var(--cb-light);border-radius:var(--cb-radius-sm);margin-bottom:12px;flex-wrap:wrap}
.cb-route-mini__dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.cb-route-mini__dot--green{background:var(--cb-success)}
.cb-route-mini__dot--orange{background:var(--cb-primary)}
.cb-route-mini__addr{font-size:12px;color:var(--cb-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}
.cb-route-mini__arrow{color:var(--cb-muted);font-size:12px}
.cb-route-mini__km{font-size:11px;font-weight:700;color:var(--cb-primary);margin-left:auto}

/* ── Vehicles (collapsible) ── */
.cb-vehicles{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}
.cb-vehicle-selected{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:var(--cb-radius);border:2px solid var(--cb-primary);background:#FFF8F3;cursor:pointer;font-family:inherit;text-align:left;width:100%;box-shadow:0 2px 12px rgba(255,107,0,.1);transition:all .2s}
.cb-vehicle-selected:hover{box-shadow:0 3px 16px rgba(255,107,0,.15)}
.cb-vehicle-selected__img{width:56px;height:38px;object-fit:contain;border-radius:6px}
.cb-vehicle-selected__emoji{font-size:26px}
.cb-vehicle-selected__info{flex:1}
.cb-vehicle-selected__name{display:block;font-size:15px;font-weight:700;color:#1A1A2E}
.cb-vehicle-selected__price{display:flex;align-items:baseline;gap:6px;font-size:14px;font-weight:700;color:var(--cb-primary)}
.cb-vehicle-selected__perkm{font-size:11px;font-weight:500;color:var(--cb-muted)}
.cb-vehicle-selected__check{width:24px;height:24px;color:var(--cb-primary)}
.cb-vehicle-selected__check svg{width:24px;height:24px}
.cb-vehicle-selected__chevron{font-size:18px;color:var(--cb-muted);transition:transform .25s}
.cb-vehicle-selected__chevron.open{transform:rotate(180deg)}

.cb-vehicle-options{display:flex;flex-direction:column;gap:4px;margin-top:4px;overflow:hidden;transition:max-height .3s ease, opacity .3s ease}
.cb-vehicle-option{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--cb-radius-sm);border:1.5px solid var(--cb-border);background:var(--cb-surface);cursor:pointer;transition:all .15s;font-family:inherit;text-align:left;width:100%}
.cb-vehicle-option:hover{border-color:rgba(255,107,0,.3);background:#FFFAF6}
.cb-vehicle-option__img{width:48px;height:32px;object-fit:contain;border-radius:6px}
.cb-vehicle-option__emoji{font-size:22px}
.cb-vehicle-option__info{flex:1}
.cb-vehicle-option__name{display:block;font-size:13px;font-weight:600;color:#1A1A2E}
.cb-vehicle-option__price{font-size:12px;font-weight:600;color:var(--cb-primary)}
.cb-vehicle-option__perkm{font-size:10px;font-weight:400;color:var(--cb-muted)}

/* Helper */
.cb-helper-toggle{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-radius:var(--cb-radius);background:var(--cb-light);cursor:pointer;margin-top:12px;transition:background .15s}
.cb-helper-toggle:hover{background:#eef0f3}
.cb-helper-toggle__left{display:flex;align-items:center;gap:10px}
.cb-helper-toggle__icon{font-size:20px}
.cb-helper-toggle__title{display:block;font-weight:700;font-size:13px;color:#1A1A2E}
.cb-helper-toggle__sub{display:block;font-size:11px;color:var(--cb-muted)}
.cb-toggle{width:44px;height:24px;border-radius:12px;background:#d1d5db;position:relative;transition:background .25s;flex-shrink:0}
.cb-toggle.on{background:var(--cb-primary)}
.cb-toggle__thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .25s cubic-bezier(.16,1,.3,1);box-shadow:0 1px 3px rgba(0,0,0,.15)}
.cb-toggle.on .cb-toggle__thumb{transform:translateX(20px)}
.cb-helper-details{padding:12px 0 0}
.cb-helper-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cb-helper-field label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;color:var(--cb-muted);margin-bottom:6px;letter-spacing:.04em}
.cb-stepper{display:flex;align-items:center;border:2px solid var(--cb-border);border-radius:var(--cb-radius-sm);overflow:hidden}
.cb-stepper button{width:40px;height:38px;border:none;background:var(--cb-light);font-size:18px;font-weight:600;cursor:pointer;color:#1A1A2E;transition:background .15s}
.cb-stepper button:hover{background:#e5e7eb}
.cb-stepper span{flex:1;text-align:center;font-size:14px;font-weight:700;color:#1A1A2E}

/* Buttons */
.cb-btn{width:100%;padding:14px 24px;border:none;border-radius:28px;font-size:14px;font-weight:700;font-family:var(--cb-font-body);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px}
.cb-btn:active:not(:disabled){transform:scale(.98)}
.cb-btn--primary{background:linear-gradient(135deg,var(--cb-primary),var(--cb-primary-dark));color:#fff;box-shadow:0 4px 16px rgba(255,107,0,.25)}
.cb-btn--primary:hover:not(:disabled){box-shadow:0 6px 24px rgba(255,107,0,.35);transform:translateY(-1px)}
.cb-btn--primary:disabled{opacity:.55;cursor:not-allowed;transform:none!important;box-shadow:none!important}
.cb-btn--ghost{background:transparent;color:var(--cb-primary);border:1.5px solid rgba(255,107,0,.2)}
.cb-btn--ghost:hover{background:#fff4eb;border-color:var(--cb-primary)}
.cb-btn--lg{padding:16px 24px;font-size:15px}
.cb-spinner{width:18px;height:18px;border:2.5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:cbSpin .6s linear infinite;display:inline-block}
@keyframes cbSpin{to{transform:rotate(360deg)}}

/* Quote hero */
.cb-quote-hero{text-align:center;padding:24px;background:linear-gradient(135deg,#FFF8F3,#FFF0E6);border-radius:var(--cb-radius);margin-bottom:16px}
.cb-quote-hero__label{display:block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--cb-muted);margin-bottom:4px}
.cb-quote-hero__amount{font-family:var(--cb-font-display);font-size:42px;font-weight:800;color:#1A1A2E;animation:cbCountUp .5s cubic-bezier(.16,1,.3,1)}
@keyframes cbCountUp{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}

/* Quote breakdown */
.cb-quote-card,.cb-confirm-card{background:var(--cb-light);border-radius:var(--cb-radius);padding:16px 18px;margin-bottom:12px}
.cb-quote-row,.cb-confirm-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:13px;color:var(--cb-text)}
.cb-quote-row__icon{font-size:14px;margin-right:6px;opacity:.6}
.cb-quote-row--tax{color:var(--cb-muted);font-size:12px}
.cb-quote-row small{color:var(--cb-muted);font-weight:400}
.cb-quote-row--total{font-size:16px;font-weight:800;color:#1A1A2E;border-top:2px solid var(--cb-border);margin-top:6px;padding-top:10px;font-family:var(--cb-font-display)}
.cb-confirm-row--total{font-size:18px;font-weight:800;color:#1A1A2E;border-top:2px solid var(--cb-border);margin-top:8px;padding-top:12px;font-family:var(--cb-font-display)}
.cb-confirm-val{font-size:11px;color:var(--cb-muted);max-width:200px;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cb-quote-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.cb-quote-meta__item{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:var(--cb-text);padding:6px 10px;background:var(--cb-light);border-radius:20px;border:1px solid var(--cb-border)}

/* Auth */
.cb-select-code{border:none;background:transparent;font-size:14px;font-weight:600;color:#1A1A2E;outline:none;min-width:70px}
.cb-otp-sent{display:flex;align-items:center;gap:8px;padding:10px 14px;background:rgba(34,197,94,.06);border-radius:var(--cb-radius-sm);color:var(--cb-success);font-size:12px;font-weight:600;margin-bottom:14px}
.cb-otp-input input{width:100%;text-align:center;letter-spacing:10px;font-size:28px;font-weight:800;font-family:var(--cb-font-display);padding:14px;border:2px solid var(--cb-border);border-radius:var(--cb-radius);outline:none;transition:border-color .2s}
.cb-otp-input input:focus{border-color:var(--cb-primary)}
.cb-payment-info{display:flex;align-items:center;gap:8px;padding:10px 14px;background:rgba(99,102,241,.04);border-radius:var(--cb-radius-sm);color:#6366f1;font-size:12px;font-weight:600;margin-bottom:8px}

/* Searching */
.cb-searching{margin-bottom:28px}
.cb-searching__pulse{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#FFF4EB,#FFE8D6);display:flex;align-items:center;justify-content:center;margin:0 auto 18px;font-size:32px;animation:cbPulse 2s ease-in-out infinite}
@keyframes cbPulse{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(255,107,0,.2)}50%{transform:scale(1.06);box-shadow:0 0 0 16px rgba(255,107,0,0)}}
.cb-searching h2{font-family:var(--cb-font-display);font-size:18px;font-weight:700;color:#1A1A2E;margin-bottom:4px}
.cb-searching p{color:var(--cb-muted);font-size:13px}
.cb-download-cta{text-align:center;padding:20px;background:var(--cb-light);border-radius:var(--cb-radius)}
.cb-download-cta p{font-size:13px;color:var(--cb-muted);margin-bottom:10px}
.cb-badges{display:flex;gap:12px;justify-content:center}
.cb-badges img{height:40px}

/* Driver card */
.cb-driver-card{display:flex;align-items:center;gap:14px;padding:14px;background:var(--cb-light);border-radius:var(--cb-radius);margin-bottom:14px}
.cb-driver-card__avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--cb-primary),var(--cb-primary-dark));color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;font-family:var(--cb-font-display);flex-shrink:0}
.cb-driver-card__info h3{font-size:15px;font-weight:700;color:#1A1A2E;margin-bottom:2px}
.cb-driver-card__rating{font-size:12px;color:#f59e0b;font-weight:600}

/* Done */
.cb-done{margin-bottom:20px}
.cb-done__check{width:64px;height:64px;border-radius:50%;background:rgba(34,197,94,.08);color:var(--cb-success);display:flex;align-items:center;justify-content:center;margin:0 auto 14px;font-size:28px;font-weight:800;animation:cbBounceIn .5s cubic-bezier(.16,1,.3,1)}
@keyframes cbBounceIn{0%{transform:scale(0)}60%{transform:scale(1.15)}100%{transform:scale(1)}}
.cb-done h2{font-family:var(--cb-font-display);font-size:20px;font-weight:700;color:#1A1A2E;margin-bottom:4px}
.cb-done p{color:var(--cb-muted);font-size:13px}

/* Error toast */
.cb-error{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;padding:10px 18px;background:#fef2f2;border:1px solid #fecaca;border-radius:28px;font-size:12px;color:var(--cb-danger);font-weight:500;box-shadow:var(--cb-shadow-lg);z-index:100;animation:cbSlideUp .3s cubic-bezier(.16,1,.3,1);max-width:90vw}
.cb-error button{border:none;background:none;color:var(--cb-danger);font-size:16px;cursor:pointer;margin-left:4px}

/* Mobile */
@media(max-width:899px){
  .cb-panel{max-width:100%;border-right:none}
  .cb-title{font-size:22px}
  .cb-service-grid{grid-template-columns:repeat(2,1fr)}
  .cb-map-panel--mobile-show{display:block!important;flex:none;height:240px;border-top:1px solid var(--cb-border)}
  .cb-main{flex-wrap:wrap}
}