.vehicle-status-panel{display:grid;grid-template-columns:12px minmax(0,1fr);gap:11px;align-items:start;margin:-2px 0 12px;padding:13px 14px;border:1px solid #dfe3e4;border-radius:14px;background:#f7f8f8}
.vehicle-status-panel[hidden]{display:none!important}
.vehicle-status-dot{width:10px;height:10px;margin-top:5px;border-radius:999px;background:#a7afb1;box-shadow:0 0 0 4px rgba(167,175,177,.14)}
.vehicle-status-copy>span{display:block;font-size:9px;font-weight:950;letter-spacing:.08em;color:#747c7e}
.vehicle-status-copy>strong{display:block;font-size:14px;line-height:1.25;margin-top:2px}
.vehicle-status-copy>small{display:block;font-size:10px;line-height:1.4;color:#687174;margin-top:3px}
.vehicle-status-panel.is-available{border-color:#b9e5c7;background:#effbf3}
.vehicle-status-panel.is-available .vehicle-status-dot{background:#20b858;box-shadow:0 0 0 4px rgba(32,184,88,.14)}
.vehicle-status-panel.is-available .vehicle-status-copy>strong{color:#117536}
.vehicle-status-panel.is-unavailable{border-color:#efc6c6;background:#fff4f4}
.vehicle-status-panel.is-unavailable .vehicle-status-dot{background:#d84848;box-shadow:0 0 0 4px rgba(216,72,72,.13)}
.vehicle-status-panel.is-unavailable .vehicle-status-copy>strong{color:#9b2020}
.vehicle-status-panel.is-checking{border-color:#ead99b;background:#fffbed}
.vehicle-status-panel.is-checking .vehicle-status-dot{background:#e2b72f;box-shadow:0 0 0 4px rgba(226,183,47,.15);animation:vehicle-status-pulse 1.2s ease-in-out infinite}
@keyframes vehicle-status-pulse{0%,100%{opacity:1}50%{opacity:.35}}
@media(max-width:720px){.vehicle-status-panel{padding:12px}}