.driver-page{max-width:1280px;margin:auto;padding:36px 28px}.driver-tools{display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:13px}.driver-profile{background:#edf5ff;padding:14px 18px;border-radius:12px;font-size:13px;line-height:1.6}.driver-tabs{display:flex;gap:10px;margin:24px 0}.driver-tabs button{min-height:48px;padding:12px 20px;border:1px solid #c7d8eb;border-radius:12px;background:#fff;font:inherit;font-size:14px;font-weight:600;color:#31557e;cursor:pointer}.driver-tabs button[aria-pressed=true]{background:#fff1ae;border-color:#bc9d36}.driver-tabs span{margin-left:10px}.driver-layout{display:grid;grid-template-columns:350px minmax(0,1fr);gap:24px;align-items:start}.driver-list-panel,.driver-card,.driver-empty{background:#fff;border:1px solid #dce6f1;border-radius:22px;padding:24px;min-width:0}.driver-list-panel h2{font-size:21px;margin-top:0}.driver-list-panel>p{font-size:13px;line-height:1.7;color:#657a94}.driver-list{display:grid;gap:12px;margin:20px 0}.driver-select{display:grid;gap:9px;width:100%;text-align:left;min-height:48px;border:1px solid #d5e1ee;border-radius:14px;padding:16px;background:#f8fafc;color:#284869;font:inherit;cursor:pointer;overflow-wrap:anywhere}.driver-select[aria-current=true]{background:#edf5ff;border-color:#6394c5;box-shadow:inset 3px 0 #6394c5}.driver-select small{color:#60758e;line-height:1.6}.driver-card-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap}.driver-card h2{font-size:26px;margin:6px 0}.driver-badge{background:#edf3fa;padding:9px 14px;border-radius:20px;font-size:13px}.driver-card dl{display:grid;grid-template-columns:145px minmax(0,1fr);gap:12px 18px;line-height:1.7;font-size:14px;margin:26px 0}.driver-card dt{color:#6a7e95}.driver-card dd{margin:0;overflow-wrap:anywhere;white-space:pre-wrap}.driver-fare{display:grid;grid-template-columns:1fr 1fr;gap:16px;background:#fff5cb;border-radius:14px;padding:20px}.driver-fare span{font-size:12px;line-height:1.7;display:block}.driver-fare strong{font-size:25px;display:block;margin:8px 0;overflow-wrap:anywhere}.driver-payment{background:#edf5fc;border-radius:12px;padding:16px;font-size:13px;line-height:1.8}.driver-card h3{font-size:20px}.driver-card p,.driver-empty{font-size:14px;line-height:1.8}.driver-empty{padding:55px 26px;color:#657a94}.driver-footnote{font-size:12px;line-height:1.8;color:#657a94;margin-top:28px}.driver-page button:focus-visible{outline:3px solid #568dcc;outline-offset:3px}.driver-page .server-feedback[data-error=true]{background:#fff0e7;padding:14px;border-radius:10px}@media(max-width:850px){.driver-layout{grid-template-columns:1fr}.driver-list{max-height:360px;overflow:auto}}@media(max-width:480px){.driver-page{padding:24px 14px}.driver-list-panel,.driver-card{padding:18px}.driver-card dl{grid-template-columns:1fr;gap:5px}.driver-card dd{margin-bottom:8px}.driver-fare{grid-template-columns:1fr}.driver-tabs button{flex:1;padding:12px 8px}.driver-tools{gap:10px}.editor-header{padding:18px 14px;flex-wrap:wrap}.driver-card .button{width:100%}}
.driver-progress{margin:22px 0;padding:18px;border:1px solid #c7d8eb;border-radius:14px;background:#f3f8ff}.driver-progress h3{margin-top:0}.driver-progress .button{min-height:48px;white-space:normal}
#completion-dialog{max-width:520px;width:calc(100% - 40px);box-sizing:border-box;border:1px solid #c7d8eb;border-radius:20px;padding:26px;color:#284869}#completion-dialog::backdrop{background:#142b4e65}#completion-dialog p{line-height:1.7;overflow-wrap:anywhere}.driver-dialog-actions{display:flex;gap:12px;flex-wrap:wrap}.driver-dialog-actions .button{flex:1;min-height:48px}

.driver-balance{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;margin:22px 0;padding:24px;background:#fff;border:1px solid #dce6f1;border-radius:20px}.driver-balance strong{font-size:30px;overflow-wrap:anywhere}.driver-balance p{font-size:13px;line-height:1.7}.driver-balance summary{cursor:pointer;min-height:48px;display:flex;align-items:center;font-weight:600}#balance-history p{white-space:pre-wrap;border-top:1px solid #e1e8f0;padding-top:14px;overflow-wrap:anywhere}@media(max-width:600px){.driver-balance{grid-template-columns:1fr;gap:10px;padding:18px}}
.driver-app-panel{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin:22px 0;padding:24px;border:1px solid #c7d8eb;border-radius:20px;background:#edf5fc}.driver-app-panel>div{min-width:0}.driver-app-panel h2{font-size:22px;margin:8px 0}.driver-app-panel h3{font-size:18px;margin:8px 0}.driver-app-panel p{font-size:13px;line-height:1.7;overflow-wrap:anywhere}.driver-app-panel .eyebrow{font-size:11px}.driver-app-actions{display:flex;gap:10px;flex-wrap:wrap}.driver-app-panel .button{white-space:normal;min-height:44px;max-width:100%}.driver-app-panel .driver-app-limit{font-size:12px;color:#657a94}@media(max-width:700px){.driver-app-panel{grid-template-columns:1fr;gap:22px;padding:18px}}

/* Orders first: calm surfaces, readable routes and larger touch targets. */
body{background:#f3f5f8}
.editor-header{justify-content:space-between}
.driver-page{max-width:1320px;padding:38px 32px 44px}
.driver-page .button{font-size:13px;min-height:48px}
.driver-page .editor-title h1{font-size:clamp(30px,3.5vw,44px);line-height:1.12;letter-spacing:-.045em}
.driver-page .editor-title h1 span{color:#326f9f}
.driver-profile{display:inline-block;margin:12px 0 0;background:#e7eef4;color:#3a566d;font-size:13px}
.driver-page .server-feedback{font-size:13px;margin:14px 0 8px}
.driver-page .server-feedback:empty{display:none}
.live-orders{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;font-size:12px;line-height:1.6;color:#586e81;margin:10px 0}
.live-orders strong{padding:7px 12px;border-radius:9px;background:#fff0ad;color:#665313}
.driver-shortcuts{display:flex;flex-wrap:wrap;gap:4px 20px;margin:12px 0 18px;border-bottom:1px solid #dbe3eb;padding-bottom:10px}
.driver-shortcuts a{display:inline-flex;align-items:center;min-height:44px;font-size:13px;font-weight:600;color:#436681}
.driver-shortcuts a:hover,.driver-back:hover{text-decoration:underline;text-underline-offset:4px}
.driver-orders,.driver-balance,.driver-settings,.driver-card{scroll-margin-top:20px}
.driver-tabs{margin:0 0 18px;gap:8px}
.driver-tabs button{min-height:52px;border-radius:14px;color:#284869}
.driver-tabs button[aria-pressed=true]{background:#284869;border-color:#284869;color:#fff;box-shadow:0 4px 12px #28486918}
.driver-tabs span{display:inline-grid;place-items:center;min-width:25px;min-height:25px;margin-left:9px;border-radius:8px;background:#eff3f6;color:#284869;font-size:12px}
.driver-tabs button[aria-pressed=true] span{background:#fff1b5;color:#51400b}
.driver-layout{grid-template-columns:minmax(300px,390px) minmax(0,1fr);gap:22px}
.driver-list-panel,.driver-card,.driver-empty{border-color:#dce4eb;box-shadow:0 8px 30px #223e5610;border-radius:24px}
.driver-list-panel{padding:22px}
.driver-list-panel h2{font-size:20px;letter-spacing:-.02em;margin:0 0 8px}
.driver-list-panel>p{margin:0;font-size:12px;line-height:1.6}
.driver-list{gap:14px;margin:18px 0 0}
.driver-select{position:relative;gap:10px;border-radius:18px;padding:18px;background:#fff;color:#203a50;transition:background .15s,border-color .15s}
.driver-select:hover{background:#f4f8fb;border-color:#8bacc3}
.driver-select[aria-current=true]{background:#f0f6fb;border-color:#597f9d;box-shadow:inset 4px 0 #284869}
.driver-select-time{font-size:16px;line-height:1.45;letter-spacing:-.02em}
.driver-select .driver-select-state{justify-self:start;padding:4px 9px;border-radius:7px;background:#eaf0f5;font-size:11px;color:#48677f}
.driver-select-route{display:grid;gap:11px;margin:3px 0;font-size:14px;line-height:1.5}
.driver-select-stop{display:grid;grid-template-columns:23px minmax(0,1fr);gap:9px;align-items:start}
.driver-stop-label{display:grid;place-items:center;width:23px;height:23px;border:1px solid #b4c5d3;border-radius:50%;background:#fff;font-size:10px;font-weight:700;color:#284869}
.driver-select-stop:last-child .driver-stop-label{background:#ffdf57;border-color:#d7b951;color:#51400b}
.driver-select-income{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:5px 10px;border-top:1px solid #dae4ec;padding-top:12px;font-size:12px;color:#49657b}
.driver-select-income strong{font-size:23px;letter-spacing:-.035em;color:#203a50}
.driver-select .driver-select-meta{font-size:11px;line-height:1.6;color:#60758e}
.driver-list-empty{font-size:14px;line-height:1.8;margin:8px 0;padding:18px;background:#f4f7fa;border-radius:14px;color:#546b7f}
.driver-card{padding:28px;border-top:4px solid #284869}
.driver-back{display:none;align-items:center;min-height:44px;margin-bottom:12px;font-size:13px;color:#426b8d}
.driver-card-heading{align-items:flex-start;border-bottom:1px solid #e0e7ee;padding-bottom:18px}
.driver-card-heading .eyebrow{font-size:11px;letter-spacing:.06em;line-height:1.6;margin-bottom:8px;color:#416780}
.driver-card h2{font-size:27px;letter-spacing:-.035em;overflow-wrap:anywhere;margin:0}
.driver-badge{background:#eaf0f5;color:#47677f;font-weight:600;padding:9px 12px}
.driver-card dl{font-size:15px;line-height:1.65;margin:24px 0;gap:14px 18px}
.driver-card dt{font-size:13px;color:#5b7185}
.driver-card #trip-summary dd:nth-of-type(-n+2){font-weight:650;color:#203a50}
.driver-fare{background:#fff5cf;border:1px solid #f1df99;padding:20px 22px;border-radius:18px;gap:20px}
.driver-fare strong{font-size:30px;line-height:1.2;letter-spacing:-.035em;margin:9px 0 0;color:#233e54}
.driver-fare span{color:#576273;font-size:12px}
.driver-payment{background:#f0f5f9;color:#47647c;font-size:13px;line-height:1.8;border-radius:14px}
.driver-card #accept-area{border-top:1px solid #dfe7ee;margin-top:20px;padding-top:4px}
.driver-card #accept-area .button,.driver-progress .button{min-width:220px;min-height:52px;font-size:14px}
.driver-progress{border-radius:18px;background:#f0f6fb;padding:20px}
.driver-empty{display:grid;align-content:center;justify-items:start;min-height:380px;padding:40px;color:#536c81;background:linear-gradient(145deg,#fff,#f5f9fc)}
.driver-empty-icon{display:grid;place-items:center;width:62px;height:62px;border-radius:20px;background:#e8eff5;color:#446c8b;font-size:30px;margin-bottom:22px}
.driver-empty h2{font-size:26px;letter-spacing:-.035em;color:#284869;margin:0 0 12px}
.driver-empty p{font-size:15px;line-height:1.8;max-width:370px;margin:0 0 20px}
.driver-empty-hint{font-size:12px;line-height:1.7;color:#657d92}
.driver-balance{margin:28px 0 18px;border-radius:20px;gap:30px;padding:24px 28px;background:#edf2f6}
.driver-balance .eyebrow{font-size:10px;color:#526e86}
.driver-balance strong{font-size:32px;letter-spacing:-.035em;color:#284869}
.driver-balance p{margin:10px 0 0;color:#526a80}
.driver-balance summary{font-size:14px;color:#284869}
.driver-settings{border:1px solid #dce4eb;background:#fff;border-radius:18px}
.driver-settings>summary{padding:18px 24px;cursor:pointer;font-size:14px;font-weight:650;color:#284869}
.driver-settings>summary span{display:inline-block;vertical-align:middle;max-width:calc(100% - 24px)}
.driver-settings>summary small{display:block;font-size:12px;font-weight:400;line-height:1.6;margin-top:5px;color:#637a8f}
.driver-settings .driver-app-panel{margin:0;border:0;border-top:1px solid #dce4eb;border-radius:0 0 18px 18px;background:#f8fafc}
.driver-footnote{max-width:1000px;margin-top:22px}
.driver-contact-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.driver-card .driver-contact-note{font-size:12px;color:#60758e}
#load-more{width:100%;margin-top:18px}
@media(max-width:850px){
  .driver-page{padding:28px 20px 36px}
  .driver-layout{grid-template-columns:1fr}
  .driver-list{max-height:none;overflow:visible}
  .driver-back{display:inline-flex}
  .driver-empty{min-height:220px;padding:28px}
  .driver-empty-icon{width:46px;height:46px;font-size:25px;margin-bottom:14px}
}
@media(max-width:480px){
  .editor-header{padding:16px;gap:12px}
  .driver-tools{gap:8px;font-size:12px}
  .driver-tools .button{padding:10px 12px}
  .driver-page{padding:24px 14px 30px}
  .driver-page .editor-title h1{font-size:32px}
  .driver-profile{font-size:12px;padding:12px 14px}
  .driver-shortcuts{gap:0 16px;margin-bottom:16px}
  .driver-shortcuts a{font-size:12px}
  .driver-tabs button{padding:12px 10px;font-size:13px}
  .driver-list-panel,.driver-card{padding:18px;border-radius:20px}
  .driver-select{padding:16px}
  .driver-card h2{font-size:24px}
  .driver-card dl{grid-template-columns:1fr;gap:4px;font-size:15px}
  .driver-card dd{margin-bottom:12px}
  .driver-fare{grid-template-columns:1fr 1fr;padding:16px 14px;gap:14px}
  .driver-fare strong{font-size:24px}
  .driver-fare span{font-size:11px}
  .driver-balance{grid-template-columns:1fr;padding:18px;gap:10px}
  .driver-settings>summary{padding:16px 18px}
  .driver-dialog-actions{flex-direction:column}
}
@media(prefers-reduced-motion:reduce){.driver-select{transition:none}}