/* Панель слоёв SpoorLayers — ЕДИНЫЙ вид в /view и /editor (замечание владельца 26.08:
   «применить один и тот же фрагмент кода, чтобы выглядело одинаково»). Логика — shared/layers.js,
   вид — этот файл; страницы дают только палитру через CSS-переменные (--card/--fg/--border/--shadow). */
.leaflet-control-layers{
  background:var(--card,#fff); color:var(--fg,#222); border-radius:11px;
  border:1px solid var(--border,#ccc); box-shadow:var(--shadow,0 2px 10px rgba(0,0,0,.16));
}
/* Раскрытый список растёт вверх, нижний пункт оказывался там, где была кнопка раскрытия →
   случайный выбор; пустой отступ снизу выводит пункты из-под пальца. */
.leaflet-control-layers-expanded{ padding-bottom:30px !important; max-height:56vh; overflow:auto; font-size:12px; }
.leaflet-touch .leaflet-control-layers-toggle,
.leaflet-control-layers-toggle{ width:36px; height:36px; background-size:20px 20px; }
.leaflet-touch .leaflet-control-layers{ border:1px solid var(--border,#ccc); }
/* ЗАЩИТА от глобальных стилей страницы: у /view общий `input{width:100%;padding:…}` (форма ручного
   ввода ключа) растягивал радиокнопки панели на всю строку — текст падал на вторую строку (скрин
   владельца 26.08). Нормализуем всё, что внутри контрола, независимо от страницы. */
.leaflet-control-layers label{ display:block; white-space:nowrap; text-align:left; margin:2px 0; }
.leaflet-control-layers input[type="radio"],
.leaflet-control-layers input[type="checkbox"]{
  width:auto; height:auto; padding:0; margin:0 6px 0 0; vertical-align:middle;
}
.leaflet-control-layers span{ vertical-align:middle; font-size:inherit; }

/* ── W2191 — ВЕРТИКАЛЬНАЯ ЛИНЕЙКА МАСШТАБА (слева по центру высоты, как Я.Карты) ──────────────────
   W2191-б (владелец 14.09): и на десктопе тоже — чтобы линейка была НА ОДНОМ МЕСТЕ и там, и там.
   Штатную горизонтальную .leaflet-control-scale прячем везде; логику высоты столбика ведёт
   shared/scale.js. Цвет нейтральный с белой обводкой — читается и на светлой, и на спутниковой. */
.leaflet-control-scale{ display:none !important; }
.spoor-vscale{
  display:flex; align-items:center; gap:6px;
  position:absolute; left:10px; top:50%; transform:translateY(-50%);
  z-index:800; pointer-events:none;
}
.spoor-vscale-bar{
  width:6px; box-sizing:border-box; min-height:6px;
  border:2px solid #3a3a3a; border-right:none; /* «[» — вертикаль слева + засечки сверху/снизу */
}
.spoor-vscale-label{
  font-size:11px; font-weight:600; color:#222; white-space:nowrap;
  text-shadow:0 0 3px #fff,0 0 3px #fff,0 0 3px #fff;
}