/* assets/css/driver-zones.css - Driver Zones screen styles (Maple Rides) */

.mr-zones-controls { margin-bottom: var(--mr-space-4); }

.mr-zones-inline { display: inline-flex; align-items: center; gap: var(--mr-space-3); flex-wrap: wrap; }

.mr-zones-radius-input { width: 120px; }

.mr-driver-zones-map { height: 400px; width: 100%; margin-bottom: var(--mr-space-4); border-radius: var(--mr-radius-2xl); overflow: hidden; }

.mr-zones-list { list-style: none; padding: 0; margin-top: 16px; }

.mr-zone-item { padding: 8px 0; border-bottom: 1px solid var(--mr-border); display: flex; align-items: center; justify-content: space-between; }

.mr-zone-meta { color: var(--mr-muted); }

/* Left stack with bullet and prominent coords */
.mr-zone-left { display: inline-flex; align-items: center; gap: var(--mr-space-3); }
.mr-zone-coords { font-weight: 700; color: var(--mr-text); }
.mr-zone-radius { color: var(--mr-muted); }