.top:has(.driver-availability){flex-wrap:wrap}.driver-availability{display:flex;flex-direction:column;gap:8px;width:100%;max-width:none;box-sizing:border-box;padding:12px 14px;border:1px solid #31373e;border-radius:16px;background:#11161c;color:#f5f7fa}
.driver-availability[hidden]{display:none}.availability-options{display:flex;gap:6px}.availability-options button{flex:1;min-height:42px;padding:9px 12px;border:1px solid #444b54;border-radius:10px;background:#1b222b;color:#e4e8ed;font:inherit;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap}.availability-options button[aria-pressed="true"]{background:#0a8f48;border-color:#28d378;color:#fff}.availability-options button[data-available="false"][aria-pressed="true"]{background:#44301c;border-color:#c57627;color:#ffe1bb}.availability-options button:disabled{opacity:.6;cursor:wait}.availability-options button:focus-visible{outline:3px solid #ff9b21;outline-offset:3px}.availability-caption{font-size:12px;line-height:1.45;color:#bec6d0}.availability-caption strong{color:#fff}.driver-availability .availability-dot,.availability-public .availability-dot{width:8px;height:8px;display:inline-block;flex-shrink:0;border-radius:50%;background:#697584;margin-right:7px}.driver-availability[data-state="available"] .availability-dot,.availability-public[data-state="available"] .availability-dot{background:#25d875;box-shadow:0 0 10px #25d87555}
.availability-public{position:absolute;top:12px;right:14px;display:flex;align-items:center;gap:5px;max-width:calc(100% - 76px);padding:6px 8px;border:1px solid #42454e;border-radius:999px;background:#24262dcc;box-sizing:border-box;line-height:1.2;z-index:2}.availability-public strong{font-size:9px;font-weight:600;line-height:1.2;color:#bbc0c9}.availability-public[data-state="available"]{border-color:#24bc68;background:#0d452b;color:#e2ffed;box-shadow:0 2px 12px #20cf6522}.availability-public[data-state="available"] strong{font-size:10px;color:#e2ffed}.availability-public[data-state="empty"]{padding:5px 8px}.availability-public[data-state="empty"] strong{font-size:8.5px;font-weight:400}.availability-public small{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.availability-public .availability-dot{width:5px;height:5px;margin:0}
@media(max-width:600px){.top{flex-wrap:wrap}.driver-availability{width:100%;max-width:none;box-sizing:border-box}.availability-options button{min-height:44px}}