/* TAXI · Wartezeit-Knopf (Ankunft) und Telefon für Fahrer */
html body .wait-chip{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:4px;margin:4px 0 0 0;padding:3px 8px;border:1px solid var(--line);border-radius:999px;background:var(--surface2);color:var(--muted);font:600 11px/1.3 Inter,ui-sans-serif,-apple-system,"Segoe UI",sans-serif;font-variant-numeric:tabular-nums;cursor:pointer;white-space:nowrap;vertical-align:middle;-webkit-tap-highlight-color:transparent}
html body .wait-chip:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
html body .wait-chip.is-running{color:var(--text);border-color:var(--gold)}
html body .wait-chip.is-warn{color:#8a5a00;background:#ffe9b0;border-color:#e0a800}
html body .wait-chip.is-alarm,html body .wait-chip.is-over{color:#fff;background:#c62828;border-color:#c62828}
@media(prefers-reduced-motion:no-preference){html body .wait-chip.is-alarm,html body .wait-chip.is-over{animation:wait-pulse 1s ease-in-out infinite}}
@keyframes wait-pulse{50%{opacity:.6}}
.ride-name+.wait-chip{margin-left:0}
.featured-ride .ride-name+.wait-chip{display:inline-flex}

.wait-menu{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;padding:6px;border:1px solid var(--line);border-radius:10px;background:var(--surface);font-size:12px;color:var(--text)}
html body .wait-menu button{min-height:0;padding:6px 10px;border-radius:8px;font-size:12px}
html body .wait-menu button[data-wait-act="stop"]{background:transparent;border:1px solid var(--line);color:var(--text)}
html body .wait-menu select{width:auto;min-height:0;padding:4px 6px;font-size:12px}
.wait-menu label{display:inline-flex;align-items:center;gap:4px;margin:0;color:var(--muted)}

/* in the pickup sign: top right, small */
html body .taxi-sign .sign-wait{position:absolute;top:max(10px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));margin:0;z-index:3;background:#14171ccc;color:#f5f7fa;border-color:#3a414c}
html body .taxi-sign .sign-wait.is-warn{background:#ffe9b0;color:#5a3c00}
html body .taxi-sign .sign-wait.is-alarm,html body .taxi-sign .sign-wait.is-over{background:#c62828;color:#fff}
.taxi-sign .wait-menu{position:absolute;top:calc(max(10px,env(safe-area-inset-top)) + 32px);right:max(12px,env(safe-area-inset-right));z-index:3;margin:0;background:#14171cf2;color:#f5f7fa;border-color:#3a414c}

.ride-phone{margin:6px 0;font-size:13px}
.ride-phone a{font-weight:700}