.rider-hero{display:flex;align-items:center;justify-content:space-between;gap:28px}
.rider-kicker{display:block;margin-bottom:8px;color:#ffd6f3;font-size:11px;font-weight:800;letter-spacing:.16em}
.rider-availability-switch{position:relative;z-index:1;display:flex;align-items:center;gap:13px;min-width:230px;padding:14px 17px;border:1px solid #ffffff52;border-radius:20px;background:#ffffff18;color:#fff;text-align:left;box-shadow:inset 0 1px 0 #ffffff38,0 14px 30px #16032a45;backdrop-filter:blur(12px);transition:background .3s ease,transform .2s ease,box-shadow .3s ease}
.rider-availability-switch:hover:not(:disabled){transform:translateY(-2px);background:#ffffff25}
.rider-availability-switch:disabled{cursor:not-allowed;opacity:.58}
.rider-switch-track{position:relative;width:60px;height:34px;flex:none;border-radius:999px;background:#766487;box-shadow:inset 0 3px 8px #1c0c2d66;transition:background .35s ease,box-shadow .35s ease}
.rider-switch-track i{position:absolute;top:4px;left:4px;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 5px 12px #17042570;transition:transform .35s cubic-bezier(.22,1,.36,1)}
.rider-availability-switch.is-online .rider-switch-track{background:#29d67d;box-shadow:0 0 0 5px #29d67d26,0 0 24px #29d67d66}
.rider-availability-switch.is-online .rider-switch-track i{transform:translateX(26px)}
.rider-switch-copy{display:grid;gap:2px}.rider-switch-copy strong{font-size:16px}.rider-switch-copy small{color:#eee1fa;font-size:11px;white-space:nowrap}
.rider-availability-switch.is-switching .rider-switch-track{animation:rider-switch-pulse .75s ease-in-out infinite alternate}
.rider-profile input[readonly]{background:#f4eff9!important;color:#746783!important;cursor:not-allowed}.rider-profile .field small{color:#786b8d;font-size:12px;font-weight:500}
@keyframes rider-switch-pulse{to{filter:brightness(1.5);box-shadow:0 0 0 7px #ffffff24}}
@media(max-width:700px){.rider-nav{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;justify-content:stretch!important;width:100%!important}.rider-nav button{width:100%!important;max-width:none!important}.rider-hero{display:grid;gap:20px}.rider-availability-switch{width:100%;min-width:0;justify-content:flex-start}}
@media(prefers-reduced-motion:reduce){.rider-availability-switch,.rider-switch-track,.rider-switch-track i{transition:none!important}.rider-availability-switch.is-switching .rider-switch-track{animation:none!important}}