/* ProRide Driver — стили экранов поверх tokens.css и bundle.css */
html,body{margin:0;height:100%}
body{background:var(--surface-0)}

a{color:var(--link)}a:hover{color:var(--ink)}
.d-card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;display:flex;flex-direction:column;gap:12px}
.d-row{display:flex;align-items:center;gap:12px}
.d-btn{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 20px;border-radius:12px;font:600 16px/20px var(--font-sans);text-align:center}
.d-btn:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.d-btn-main{background:var(--peach-500);color:var(--on-peach)}
.d-btn-ghost{background:var(--surface-2);color:var(--ink)}
.d-btn-quiet{min-height:44px;color:var(--link);font-weight:600}
.d-chip{all:unset;box-sizing:border-box;cursor:pointer;min-height:44px;padding:0 12px;border-radius:10px;border:1px solid var(--border-control);background:var(--surface-1);color:var(--ink);font:600 14px/18px var(--font-mono);display:flex;align-items:center;justify-content:center;text-align:center}
.d-chip.is-on{background:var(--navy-900);border-color:var(--navy-900);color:#FFFFFF}
.d-tab{all:unset;box-sizing:border-box;cursor:pointer;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:56px;font:500 11px/14px var(--font-sans);color:var(--ink-muted)}
.d-tab.is-on{color:var(--ink);font-weight:700}
.d-tab .d-tabmark{width:20px;height:3px;border-radius:2px;background:transparent}
.d-tab.is-on .d-tabmark{background:var(--peach-500)}
.d-lang{all:unset;cursor:pointer;min-width:36px;min-height:32px;display:grid;place-items:center;border-radius:8px;font:600 12px/16px var(--font-sans);color:var(--sidebar-ink-muted)}
.d-lang.is-on{background:var(--navy-700);color:#FFFFFF}
.d-input{box-sizing:border-box;width:100%;min-height:52px;padding:0 14px;border:1px solid var(--border-control);border-radius:12px;background:var(--surface-1);color:var(--ink);font:500 18px/24px var(--font-mono)}
.d-input:focus{outline:2px solid var(--focus);outline-offset:0}
.d-label{font:500 13px/18px var(--font-sans);color:var(--ink-muted)}
.d-op{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--border)}
.d-op:last-child{border-bottom:0}
.d-opicon{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:var(--neutral-bg);color:var(--neutral-ink);font-size:15px}
.d-opicon.is-in{background:var(--success-bg);color:var(--success-ink)}
.d-opicon.is-out{background:var(--danger-bg);color:var(--danger-ink)}
.d-amt{font:600 14px/20px var(--font-mono);white-space:nowrap;text-align:right}
.d-amt.is-in{color:var(--success-ink)}
.d-amt.is-out{color:var(--ink)}
.d-step{display:flex;align-items:center;gap:12px;font:500 15px/20px var(--font-sans);color:var(--ink-faint)}
.d-step .d-dot{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--border-control);font-size:14px;flex:none}
.d-step.is-done{color:var(--ink)}
.d-step.is-done .d-dot{background:var(--success);border-color:var(--success);color:var(--on-danger)}
.d-step.is-now{color:var(--wait-ink);font-weight:600}
.d-step.is-now .d-dot{border-color:var(--wait);color:var(--wait-ink)}