/* MISTER FAST LiveMapChat WEB V3.0.8 — Route/Radius Discovery + Chat Sync */
.mf308-mode-switch{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:8px 0 10px;padding:6px;border:1px solid #dbe5f2;border-radius:14px;background:#fff}
.mf308-mode-switch>button{display:inline-flex;align-items:center;gap:7px;border:1px solid #d5dfec;background:#f7faff;color:#24466f;border-radius:10px;padding:8px 12px;cursor:pointer;font:inherit}
.mf308-mode-switch>button.is-active{background:#003da5;border-color:#003da5;color:#fff;box-shadow:0 4px 12px rgba(0,61,165,.2)}
.mf308-mode-switch>button b{font-size:13px}
.mf308-mode-note{color:#64748b;margin-left:auto;padding:0 8px;font-size:11px}
.mf532-radius-panel.is-radius-drag-active{box-shadow:0 0 0 3px rgba(255,196,0,.22),0 12px 28px rgba(0,61,165,.14)}
.mf308-radius-handle-wrap{background:transparent!important;border:0!important}
.mf308-radius-handle{width:38px;height:38px;border:3px solid #fff;border-radius:50%;background:#ffc400;color:#003da5;display:grid;place-items:center;font-weight:900;font-size:18px;box-shadow:0 4px 14px rgba(0,61,165,.34);cursor:ew-resize}
.mf308-radius-handle:active{transform:scale(1.08)}
.mf308-chat-discovery{align-items:flex-start!important}
.mf308-chat-discovery-body{min-width:0;width:100%}
.mf308-chat-discovery-body>p{margin:5px 0 8px;font-size:12px;color:#334155}
.mf308-chat-driver-list{display:flex;flex-direction:column;gap:6px;max-height:250px;overflow:auto;padding-right:2px}
.mf308-chat-driver{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:7px;align-items:center;padding:7px;border:1px solid #e2e8f0;border-radius:10px;background:#fff}
.mf308-chat-rank{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#eef4ff;color:#003da5;font-size:11px;font-weight:800}
.mf308-chat-driver b{display:block;font-size:12px;color:#0f2f5f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mf308-chat-driver small{display:block;font-size:10px;color:#64748b;margin-top:2px}
.mf308-chat-driver-actions{display:flex;gap:3px}
.mf308-chat-driver-actions button{width:27px;height:27px;border:1px solid #d8e2ef;border-radius:8px;background:#f8fbff;cursor:pointer;padding:0}
.mf308-chat-driver-actions button:hover{border-color:#003da5;background:#edf4ff}
.mf308-chat-empty{margin:0;padding:10px;text-align:center;color:#64748b;font-size:11px}
@media(max-width:1100px){.mf308-mode-note{width:100%;margin-left:0}.mf308-mode-switch>button{flex:1;justify-content:center}}