/* Tehnikas faili — koku kartes vadīklas (Leaflet; ārpus komponentes CSS izolācijas). */
.mfm-playback { display: flex; align-items: center; gap: 10px; background: rgba(17, 24, 39, .82); color: #fff; padding: 8px 12px; border-radius: 12px; box-shadow: 0 4px 14px rgba(0,0,0,.3); }
.mfm-playback input[type=range] { width: 260px; accent-color: #66bb6a; }
.mfm-play { border: 0; width: 34px; height: 34px; border-radius: 50%; background: #2e7d32; color: #fff; font-size: 14px; cursor: pointer; }
.mfm-play:hover { background: #43a047; }
.mfm-label { font-size: 12px; font-variant-numeric: tabular-nums; min-width: 190px; }
.mfm-legend { background: rgba(255,255,255,.92); padding: 8px 10px; border-radius: 10px; font-size: 12px; line-height: 1.7; box-shadow: 0 2px 8px rgba(0,0,0,.2); }
.mfm-legend i { display: inline-block; width: 10px; height: 10px; border-radius: 50%; margin-right: 6px; vertical-align: -1px; }
.mfm-area { margin-top: 4px; padding-top: 4px; border-top: 1px solid #e5e7eb; font-weight: 700; }

/* Atvērta faila panelis ir mud-container slānī, bet saraksta peldošā horizontālā skrolbāra (gridStickyScroll,
   z-index 1000 body līmenī) tad rādās tam pāri — panelim atvērtam to slēpjam. */
body:has(.mfv-panel) .foremsw-sticky-hscroll { display: none !important; }
.mfm-modes { display: flex; gap: 2px; background: rgba(17, 24, 39, .82); padding: 4px; border-radius: 10px; box-shadow: 0 4px 14px rgba(0,0,0,.3); }
.mfm-modes button { border: 0; background: transparent; color: #e5e7eb; font-size: 12px; padding: 5px 9px; border-radius: 7px; cursor: pointer; }
.mfm-modes button.on { background: #2e7d32; color: #fff; }
.mfm-modes button:hover:not(.on) { background: rgba(255,255,255,.12); }
.mfm-ramp { width: 160px; height: 10px; border-radius: 5px; background: linear-gradient(90deg, #2166ac, #43a047, #fdd835, #fb8c00, #e53935); }
.mfm-ramp-labels { display: flex; justify-content: space-between; font-size: 11px; color: #374151; gap: 10px; }