/* MISTER FAST LiveMapChat WEB V3.4.5 — Radius Slider + Compact Driver List */
:root{--mf345-blue:#003da5;--mf345-yellow:#ffc400;--mf345-ink:#103b72;--mf345-line:#d8e3f0;--mf345-soft:#f5f8fc}

/* Radius control: one clean horizontal control directly above Driver Feed */
.mf514-map-wrap .mf532-radius-panel{
  position:absolute!important;left:18px!important;right:18px!important;bottom:14px!important;z-index:650!important;
  display:grid!important;grid-template-columns:auto minmax(260px,1fr) auto!important;align-items:center!important;gap:16px!important;
  width:auto!important;max-width:none!important;margin:0!important;padding:12px 16px!important;
  border:1px solid rgba(203,217,234,.95)!important;border-radius:17px!important;background:rgba(255,255,255,.96)!important;
  box-shadow:0 12px 34px rgba(0,48,112,.14)!important;backdrop-filter:blur(12px)!important;color:var(--mf345-ink)!important;
}
.mf532-radius-head{display:flex!important;align-items:center!important;gap:10px!important;min-width:154px!important;margin:0!important}
.mf532-radius-head>div{display:block!important}.mf532-radius-head b{font-size:12px!important;font-weight:900!important;white-space:nowrap!important}
.mf532-radius-head small{display:none!important}.mf532-radius-head strong{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:62px!important;height:34px!important;margin:0!important;padding:0 10px!important;border-radius:10px!important;background:#eef4ff!important;color:var(--mf345-blue)!important;font-size:12px!important;white-space:nowrap!important}
.mf54-range-wrap{position:relative!important;display:flex!important;align-items:center!important;min-width:0!important;height:38px!important;padding:0 2px!important}
.mf54-range-wrap input[type="range"]{--mf345-progress:9.1%;width:100%!important;height:6px!important;margin:0!important;border:0!important;border-radius:999px!important;outline:0!important;appearance:none!important;background:linear-gradient(90deg,var(--mf345-blue) 0 var(--mf345-progress),#dbe4ef var(--mf345-progress) 100%)!important;cursor:pointer!important}
.mf54-range-wrap input[type="range"]::-webkit-slider-thumb{appearance:none;width:20px;height:20px;border:4px solid #fff;border-radius:50%;background:var(--mf345-blue);box-shadow:0 2px 9px rgba(0,61,165,.34)}
.mf54-range-wrap input[type="range"]::-moz-range-thumb{width:13px;height:13px;border:4px solid #fff;border-radius:50%;background:var(--mf345-blue);box-shadow:0 2px 9px rgba(0,61,165,.34)}
.mf54-range-bubble{position:absolute!important;top:-23px!important;left:var(--mf345-progress)!important;transform:translateX(-50%)!important;display:none!important;padding:4px 7px!important;border-radius:7px!important;background:var(--mf345-blue)!important;color:#fff!important;font-size:10px!important;font-weight:900!important;white-space:nowrap!important}
.mf54-range-wrap:focus-within .mf54-range-bubble,.mf54-range-wrap:hover .mf54-range-bubble{display:block!important}
.mf532-radius-presets{display:flex!important;align-items:center!important;gap:4px!important;margin:0!important;white-space:nowrap!important}
.mf532-radius-presets button{min-width:31px!important;height:31px!important;padding:0 7px!important;border:1px solid var(--mf345-line)!important;border-radius:9px!important;background:#fff!important;color:#526b88!important;font-size:10px!important;font-weight:850!important;cursor:pointer!important}
.mf532-radius-presets button:hover,.mf532-radius-presets button.is-active{border-color:var(--mf345-blue)!important;background:var(--mf345-blue)!important;color:#fff!important}
.mf532-radius-summary,.mf54-nearest-driver{display:none!important}

/* Compact list rows: preserve the existing real-data DOM and actions */
.mf3306-feed{padding:14px 18px 30px!important;background:var(--mf345-soft)!important}
.mf3306-feed-head{grid-template-columns:minmax(240px,1fr) minmax(260px,380px)!important;align-items:center!important;margin-bottom:9px!important}
.mf3306-feed-title b{font-size:18px!important}.mf3306-feed-title small{font-size:11px!important}
.mf3306-summary{display:none!important}
.mf3306-toolbar{margin:0 0 8px!important;padding:5px 0!important;background:rgba(245,248,252,.96)!important}
.mf3306-filters{gap:5px!important}.mf3306-filters button,.mf3306-sort{padding:6px 9px!important;font-size:10px!important}
.mf3306-list{display:flex!important;flex-direction:column!important;gap:6px!important}
.mf3306-card{display:grid!important;grid-template-columns:minmax(210px,1.5fr) minmax(170px,1fr) minmax(140px,.8fr) auto!important;align-items:center!important;gap:12px!important;min-height:76px!important;padding:9px 12px!important;border-radius:13px!important;scroll-margin-top:72px!important}
.mf3306-card:hover{transform:none!important;box-shadow:0 5px 16px rgba(0,52,123,.07)!important}
.mf3306-card-top{grid-template-columns:44px minmax(0,1fr) auto!important;gap:9px!important}.mf3306-avatar{width:44px!important;height:44px!important;font-size:21px!important}.mf3306-name b{font-size:13px!important}.mf3306-distance{padding:5px 7px!important;font-size:9px!important}
.mf3306-badges{margin:0!important;align-content:center!important}.mf3306-badge{padding:4px 7px!important;font-size:9px!important}
.mf3306-meta{grid-template-columns:1fr 1fr!important;gap:5px!important;margin:0!important}.mf3306-meta div{padding:6px 8px!important}.mf3306-meta small{font-size:8px!important}.mf3306-meta b{font-size:9px!important}
.mf3306-actions{justify-content:flex-end!important;flex-wrap:nowrap!important;margin:0!important}.mf3306-actions button,.mf3306-actions a{min-width:34px!important;min-height:32px!important;padding:6px 8px!important;font-size:9px!important;white-space:nowrap!important}

@media(max-width:1180px){.mf514-map-wrap .mf532-radius-panel{grid-template-columns:auto minmax(190px,1fr)!important}.mf532-radius-presets{display:none!important}.mf3306-card{grid-template-columns:minmax(210px,1.4fr) minmax(140px,.8fr) auto!important}.mf3306-meta{display:none!important}}
@media(max-width:900px){.mf514-map-wrap .mf532-radius-panel{left:10px!important;right:10px!important;bottom:10px!important;grid-template-columns:1fr!important;gap:7px!important;padding:10px 12px!important}.mf532-radius-head{justify-content:space-between!important;width:100%!important}.mf3306-feed-head{grid-template-columns:1fr!important}.mf3306-card{grid-template-columns:1fr auto!important}.mf3306-badges,.mf3306-meta{display:none!important}}
@media(max-width:560px){.mf3306-feed{padding:11px 9px 24px!important}.mf3306-card{grid-template-columns:1fr!important}.mf3306-actions{justify-content:flex-start!important;flex-wrap:wrap!important}.mf3306-actions button,.mf3306-actions a{flex:1 1 auto!important}.mf3306-distance{display:none!important}}