/* Картооснова на странице «Ввод заявок» (окно выбора места подачи).
   Те же цвета и подписи, что у карты на главной странице (app.css), без её раскладки. */
:root {
  --m-road-major:#e39a2e; --m-road-sec:#efc15f; --m-road-minor:#ffffff; --m-road-service:#f7f7f4; --m-track:#b3a283;
  --m-rail:#5e615f; --m-water:#a7c9de; --m-river:#7fb0cf; --m-bld:#d6cfc3; --m-bld-edge:#c3baab;
  --m-ind:#e0d9e6; --m-mil:#e7d8d2; --m-bnd:#1f5f8b; --m-city:#7c5a2d; --m-label:#27302c; --m-halo:#e9ece7; --m-ground:#e9ece7;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --m-road-major:#b9812c; --m-road-sec:#8d7440; --m-road-minor:#4b5451; --m-road-service:#3b4341; --m-track:#6b614f;
    --m-rail:#9a9d9b; --m-water:#1e3a4c; --m-river:#2f5c78; --m-bld:#393833; --m-bld-edge:#46443d;
    --m-ind:#2f2a36; --m-mil:#35292a; --m-bnd:#6fb0dc; --m-city:#c99b5c; --m-label:#dfe6e2; --m-halo:#191d1c; --m-ground:#191d1c;
  }
}
.leaflet-container { background: var(--m-ground); font: inherit; }
.leaflet-control-attribution { font-size: 10px; }
.tl { position: absolute; transform: translate(-50%, -50%); width: 9px; height: 21px; border-radius: 3px; background: #1f2326; border: 1px solid #fff;
  display: flex; flex-direction: column; justify-content: space-around; align-items: center; padding: 1px 0; box-sizing: border-box;
  box-shadow: 0 1px 3px rgb(0 0 0 / .45); pointer-events: none; }
.tl i { width: 5px; height: 5px; border-radius: 50%; background: #e03131; }
.tl i:nth-child(2) { background: #f2b705; }
.tl i:nth-child(3) { background: #2fb344; }
.sl { position: absolute; transform: translate(-50%, -50%); width: 22px; height: 22px; border-radius: 50%; background: #fff; border: 3px solid #d0021b;
  box-sizing: border-box; display: grid; place-items: center; font: 700 10px/1 Arial, sans-serif; color: #111; letter-spacing: -.03em;
  box-shadow: 0 1px 3px rgb(0 0 0 / .4); pointer-events: none; }
.plc { white-space: nowrap; color: var(--m-label); font-size: 11px; text-shadow: 0 0 3px var(--m-halo), 0 0 3px var(--m-halo), 0 0 2px var(--m-halo);
  pointer-events: none; transform: translate(-50%, -50%); display: inline-block; }
.plc.town { font-size: 15px; font-weight: 600; letter-spacing: .02em; } .plc.out { opacity: .55; }
#map[data-z="lo"] .plc.small, #map[data-z="lo"] .plc.village, #map[data-z="mid"] .plc.small { display: none; }
.rdl { position: absolute; left: 0; top: 0; white-space: nowrap; line-height: 1; color: var(--m-label); font-weight: 500; pointer-events: none;
  text-shadow: 0 0 2px var(--m-halo), 0 0 2px var(--m-halo), 0 0 3px var(--m-halo), 0 0 4px var(--m-halo); }
.rdl.street { opacity: .92; } .rdl.road { font-style: italic; font-weight: 600; color: var(--m-city); }
.rdl.code { font-weight: 600; padding: 2px 4px; border-radius: 3px; background: #fff; border: 1px solid var(--m-road-major); text-shadow: none; }
.hn { position: absolute; left: 0; top: 0; transform: translate(-50%, -50%); white-space: nowrap; line-height: 1; font-weight: 500; color: #5b6875;
  pointer-events: none; text-shadow: 0 0 2px var(--m-halo), 0 0 2px var(--m-halo), 0 0 3px var(--m-halo); }
#map[data-base="sat"] .plc, #map[data-base="sat"] .rdl.street, #map[data-base="sat"] .hn { color: #fff; text-shadow: 0 0 2px #000, 0 0 3px #000, 0 0 4px rgb(0 0 0 / .8); }
/* метки мест на карте выбора: избранное, объекты карты, остановки */
.mk { position: absolute; transform: translate(-50%, -50%); width: 18px; height: 18px; border-radius: 50%; display: grid; place-items: center;
  font: 700 10px/1 system-ui, sans-serif; color: #fff; box-shadow: 0 0 0 2px #fff, 0 1px 3px rgb(0 0 0 / .35); cursor: pointer; }
.mk.book { background: #e0ad00; } .mk.infra { background: #0079c2; } .mk.stop { background: #1f5f8b; border-radius: 4px; width: 15px; height: 15px; font-size: 9px; }