/* ===== Карта воды (ATLAS) — тёмная страница: глубокий чёрно-зелёный, зелёные градиенты, сталь =====
   Раскладка: компактный hero с поиском и цифрами → карта на весь экран в рамке-градиенте → «дальше — ваш объект».
   Карта и панель фильтров — светлые «экраны прибора» на тёмном корпусе. Компоненты карты — из water-map.css. */
:root{
  --at-bg:#070d0c; --at-bg2:#0c1614; --at-text:#e6ede8; --at-muted:#9fb1aa; --at-line:rgba(230,240,236,.12);
  --at-mint:#24d8bc; --at-acid:#d9ff43;
  --at-grad:linear-gradient(100deg,#24d8bc,#d9ff43 55%,#c9d2d8);
  --at-steel:linear-gradient(100deg,#ffffff 0%,#c4ced3 30%,#f3f6f7 52%,#9aa7ad 78%,#e4e9ec 100%);
  color-scheme:dark;
}
body.atlas-body{background:var(--at-bg);color:var(--at-text);font-family:var(--font-body)}
.atlas-body .theme-btn{display:none}
.atlas-page{display:block}

/* ---------- hero ---------- */
.at-hero{position:relative;overflow:hidden;padding:clamp(28px,4vw,56px) var(--gutter) clamp(18px,2.4vw,28px);
  background:
    radial-gradient(60% 90% at 88% 0%,rgba(36,216,188,.22),transparent 60%),
    repeating-radial-gradient(circle at 86% 18%,transparent 0 26px,rgba(36,216,188,.07) 26px 27px),
    var(--at-bg)}
.at-hero-in{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:clamp(20px,4vw,64px);align-items:end}
.at-kick{display:inline-flex;align-items:center;gap:10px;margin:0;font:600 13px var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--at-muted)}
.at-kick i{font-style:normal;display:grid;place-items:center;height:30px;padding:0 10px;border-radius:999px;background:var(--at-grad);color:#08110f}
.at-hero h1{margin:14px 0 0;font:900 clamp(44px,7vw,104px)/.9 var(--font-display);letter-spacing:-.07em;color:#fff;text-wrap:balance}
.at-hero h1 em{font-style:normal;background:var(--at-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.at-lead{margin:16px 0 0;max-width:40em;font-size:clamp(16px,1.25vw,19px);line-height:1.5;color:var(--at-muted)}

.at-find{display:grid;gap:10px;padding:18px;border-radius:24px;border:1.5px solid transparent;
  background:linear-gradient(var(--at-bg2),var(--at-bg2)) padding-box,var(--at-grad) border-box;box-shadow:0 20px 60px rgba(36,216,188,.12)}
.at-find label{font:600 12px var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--at-muted)}
.at-find-row{display:flex;gap:8px}
.at-find input{flex:1;min-width:0;height:54px;padding:0 16px;border-radius:16px;border:1px solid var(--at-line);background:#050a09;color:#fff;font:500 17px var(--font-body)}
.at-find input:focus{outline:none;border-color:var(--at-mint);box-shadow:0 0 0 3px rgba(36,216,188,.2)}
.at-find button[type=submit]{flex:none;height:54px;padding:0 20px;border:0;border-radius:16px;background:var(--at-grad);color:#08110f;font:800 15px var(--font-body);cursor:pointer}
.at-near{justify-self:start;min-height:44px;padding:0 4px;border:0;background:none;color:var(--at-mint);font:700 15px var(--font-body);cursor:pointer}
.at-near:hover{text-decoration:underline;text-underline-offset:4px}

.at-stats{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:clamp(22px,3vw,34px) 0 0;border-radius:18px;overflow:hidden;background:var(--at-line)}
.at-stats div{display:flex;flex-direction:column-reverse;gap:4px;padding:14px 16px;background:var(--at-bg2)}
.at-stats dt{font:500 12px var(--font-mono);letter-spacing:.06em;color:var(--at-muted)}
.at-stats dd{margin:0;font:900 clamp(24px,2.6vw,38px)/1 var(--font-display);letter-spacing:-.05em;font-variant-numeric:tabular-nums;background:var(--at-steel);-webkit-background-clip:text;background-clip:text;color:transparent}
.at-line{margin:10px 0 0;font:500 12px var(--font-mono);color:var(--at-muted)}

/* ---------- карта ---------- */
.atlas-body .wm-workspace{background:transparent;padding:clamp(10px,1.4vw,18px) var(--gutter) 0;grid-template-columns:330px minmax(0,1fr);gap:12px;min-height:0;scroll-margin-top:72px}
.atlas-body .wm-map-wrap{height:calc(100svh - 72px - 28px);min-height:560px;max-height:980px;border-radius:26px;border:1.5px solid transparent;background:linear-gradient(#cbd8d1,#cbd8d1) padding-box,var(--at-grad) border-box;box-shadow:0 30px 80px rgba(0,0,0,.45),0 0 60px rgba(36,216,188,.10)}
.atlas-body .wm-panel{top:84px;max-height:calc(100svh - 72px - 28px);border:0;border-radius:24px;box-shadow:0 20px 60px rgba(0,0,0,.4);
  background:linear-gradient(180deg,#f6f9f8,#e9eeed)}
.atlas-body .wm-metrics button.active,.atlas-body .wm-source-chips button.active{background:#0b2b27;color:#fff;border-color:#0b2b27}
.atlas-body .wm-search #searchBtn{background:#0b2b27;color:#fff}

/* ---------- важно ---------- */
.at-note{display:flex;align-items:center;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;margin:14px var(--gutter) 0;padding:14px 18px;border-radius:18px;border:1px solid var(--at-line);background:var(--at-bg2)}
.at-note p{margin:0;font-size:15px;line-height:1.45;color:var(--at-muted);max-width:64em}
.at-note b{color:var(--at-text)}
.at-lab{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px 0 6px;border-radius:999px;background:var(--blue);color:#fff;font-weight:800;white-space:nowrap}
.at-lab i{font:600 12px/1 var(--font-mono);font-style:normal;letter-spacing:.08em;display:grid;place-items:center;height:32px;padding:0 9px;border-radius:999px;background:#fff;color:var(--blue)}

/* ---------- дальше ---------- */
.at-next{padding:clamp(48px,6vw,96px) var(--gutter)}
.at-next h2{margin:0;font:900 clamp(30px,4.4vw,64px)/.98 var(--font-display);letter-spacing:-.065em;color:#fff;text-wrap:balance;max-width:16em}
.at-next h2 em{font-style:normal;background:var(--at-steel);-webkit-background-clip:text;background-clip:text;color:transparent}
.at-next-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:clamp(22px,3vw,36px)}
.at-card{display:flex;flex-direction:column;gap:10px;padding:22px;border-radius:24px;background:var(--at-bg2);border:1px solid var(--at-line);color:var(--at-text);transition:transform .25s,border-color .25s}
.at-card:hover{transform:translateY(-3px);border-color:var(--at-mint)}
.at-card b{font:850 clamp(19px,1.5vw,23px)/1.12 var(--font-display);letter-spacing:-.045em;color:#fff}
.at-card p{margin:0;font-size:15.5px;line-height:1.45;color:var(--at-muted)}
.at-card .go{margin-top:auto;padding-top:6px;font-weight:800;color:var(--at-mint)}
.at-tag{display:inline-flex;align-items:center;gap:8px;font:700 14px var(--font-body);color:var(--at-muted)}
.at-tag i{font:600 12px/1 var(--font-mono);font-style:normal;display:grid;place-items:center;height:28px;min-width:28px;padding:0 8px;border-radius:999px;background:rgba(230,240,236,.1);color:var(--at-text)}
.at-card.at-lab-card{background:var(--blue);border-color:var(--blue)}
.at-card.at-lab-card p,.at-card.at-lab-card .at-tag{color:rgba(255,255,255,.85)}
.at-card.at-lab-card .at-tag i{background:#fff;color:var(--blue)}
.at-card.at-lab-card .go{color:#fff}
.at-card.at-lab-card:hover{border-color:#fff}

.atlas-body .wm-source-section{background:transparent;padding:0 var(--gutter) 40px}
.atlas-body .tank-footer{margin-top:0}

/* ---------- адаптив ---------- */
@media (max-width:1100px){
  .at-hero-in{grid-template-columns:minmax(0,1fr);align-items:start}
  .at-next-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .atlas-body .wm-workspace{display:block;padding:10px 12px 0}
  .atlas-body .wm-map-wrap{height:72svh;min-height:480px;max-height:none}
  .atlas-body .wm-panel{top:auto;max-height:88vh}
}
@media (max-width:620px){
  .at-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .at-find-row{flex-direction:column}
  .at-find button[type=submit]{width:100%}
  .at-next-grid{grid-template-columns:minmax(0,1fr)}
  .at-note{margin:12px 12px 0}
}
/* светлые «экраны» карты — тёмный текст */
.atlas-body .wm-panel,.atlas-body .wm-map-wrap,.atlas-body .wm-mobile-point-card,.atlas-body .leaflet-popup,.atlas-body .wm-source-section{color:#071b19}
.atlas-body .wm-source-section{color:var(--at-text)}
.at-line{display:none}
.atlas-body .leaflet-control-attribution{font-size:11px}
.atlas-body .wm-panel-head{background:transparent}
.atlas-body .wm-mobile-filters{background:var(--at-grad);color:#08110f}
@media (max-width:620px){.at-find input{flex:none;height:54px}.at-lead{font-size:16px}}

/* ===== Металл в цифрах и рамках (Иван 08.10 16:02: базовый вариант, но больше блеска) =====
   --sy (прокрутка, из atlas.js) двигает градиент внутри цифр и по рамкам. */
.atlas-body{--sheen:linear-gradient(115deg,#5d6a70 0%,#e9eef0 18%,#8f9ca2 30%,#24d8bc 46%,#d9ff43 54%,#f4f7f8 66%,#7c888e 80%,#e3e9eb 100%)}
.atlas-body .at-stats{background:transparent;gap:10px}
.atlas-body .at-stats div,.atlas-body .at-note,.atlas-body .at-card:not(.at-lab-card){position:relative;overflow:hidden;border:1px solid transparent;
  background:linear-gradient(160deg,rgba(24,32,35,.96),rgba(11,16,18,.96)) padding-box,linear-gradient(115deg,rgba(255,255,255,.45),rgba(36,216,188,.55) 45%,rgba(217,255,67,.4) 60%,rgba(255,255,255,.15)) border-box}
.atlas-body .at-stats div{border-radius:16px}
.atlas-body .at-stats dd{background:var(--sheen);background-size:100% 600%;background-position:0 calc(20% + var(--sy,0) * 0.08%);-webkit-background-clip:text;background-clip:text;color:transparent}
.atlas-body .at-stats div::after,.atlas-body .at-card:not(.at-lab-card)::after,.atlas-body .at-find::after{content:"";position:absolute;inset:-40%;pointer-events:none;
  background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.13) 50%,transparent 58%);transform:translateX(calc(-60% + var(--sy,0) * 0.06px))}
.atlas-body .at-find{position:relative;overflow:hidden;background:linear-gradient(160deg,#162024,#0b1113) padding-box,var(--sheen) border-box;background-size:auto,100% 400%;background-position:0 0,0 calc(var(--sy,0) * 0.05%)}
.atlas-body .wm-map-wrap{position:relative;isolation:isolate;z-index:0;border-width:2px;background:linear-gradient(#cbd8d1,#cbd8d1) padding-box,var(--sheen) border-box;background-size:auto,100% 500%;background-position:0 0,0 calc(var(--sy,0) * 0.05%)}
.atlas-body .at-kick i,.atlas-body .at-card:not(.at-lab-card) .at-tag i{background:linear-gradient(180deg,#f7fafb,#c6d0d4 48%,#9eabb1 52%,#e6ecee);color:#0a1214}

/* ===== Радар в шапке: классическая развёртка, зелёные отметки вспыхивают под лучом ===== */
.at-hero{background:radial-gradient(60% 90% at 88% 0%,rgba(36,216,188,.18),transparent 60%),var(--at-bg)}
.at-hero-in,.at-stats{z-index:1}
.at-radar{--T:6s;position:absolute;right:clamp(-120px,-4vw,-40px);top:clamp(-140px,-6vw,-60px);width:clamp(300px,36vw,560px);aspect-ratio:1;border-radius:50%;pointer-events:none;z-index:0;
  background:
    radial-gradient(circle,rgba(36,216,188,.10) 0 1.5px,transparent 2px) 0 0/22px 22px,
    radial-gradient(closest-side,transparent 0 24.4%,rgba(36,216,188,.3) 24.6% 25.2%,transparent 25.4% 49.4%,rgba(36,216,188,.3) 49.6% 50.2%,transparent 50.4% 74.4%,rgba(36,216,188,.3) 74.6% 75.2%,transparent 75.4%),
    linear-gradient(90deg,transparent calc(50% - .5px),rgba(36,216,188,.25) 50%,transparent calc(50% + .5px)),
    linear-gradient(0deg,transparent calc(50% - .5px),rgba(36,216,188,.25) 50%,transparent calc(50% + .5px)),
    radial-gradient(closest-side,#06201b 0%,#041210 100%);
  box-shadow:0 0 0 10px #0b1214,0 0 0 12px #8f9ca2,0 0 0 13px #e9eef0,0 0 0 15px #5d6a70,0 0 80px rgba(36,216,188,.25),inset 0 0 60px rgba(0,0,0,.6)}
.at-radar::before{content:"";position:absolute;inset:-15px;border-radius:50%;
  background:repeating-conic-gradient(from 0deg,rgba(233,238,240,.6) 0 .5deg,transparent .5deg 5deg);
  -webkit-mask:radial-gradient(closest-side,transparent calc(100% - 9px),#000 calc(100% - 8px));mask:radial-gradient(closest-side,transparent calc(100% - 9px),#000 calc(100% - 8px))}
.r-sweep{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg 280deg,rgba(36,216,188,.06) 300deg,rgba(36,216,188,.35) 352deg,rgba(217,255,67,.75) 359deg,transparent 360deg);animation:atSweep var(--T) linear infinite}
@keyframes atSweep{to{transform:rotate(360deg)}}
.at-radar i{position:absolute;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:var(--at-mint);box-shadow:0 0 10px 3px rgba(36,216,188,.8);
  left:calc(50% + var(--r) * 46% * sin(var(--a) * 1deg));top:calc(50% - var(--r) * 46% * cos(var(--a) * 1deg));
  opacity:.15;animation:atBlip var(--T) linear infinite;animation-delay:calc(var(--a) / 360 * var(--T) - var(--T))}
.at-radar i.hot{background:var(--at-acid);box-shadow:0 0 12px 4px rgba(217,255,67,.8)}
@keyframes atBlip{0%{opacity:1;transform:scale(1.5)}12%{opacity:.85;transform:scale(1)}70%{opacity:.25}100%{opacity:.15}}
.r-center{position:absolute;left:50%;top:50%;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:#e9eef0;box-shadow:0 0 0 3px rgba(36,216,188,.35)}
@media (max-width:1100px){.at-radar{opacity:.55}}
@media (max-width:620px){.at-radar{width:260px;right:-90px;top:-70px;opacity:.5}}
@media (prefers-reduced-motion:reduce){.r-sweep{animation-duration:14s}.at-radar i{animation-duration:14s;animation-delay:calc(var(--a) / 360 * 14s - 14s)}}

/* светлые «экраны» карты — тёмный текст */
.atlas-body .wm-panel,.atlas-body .wm-map-wrap,.atlas-body .wm-mobile-point-card,.atlas-body .leaflet-popup,.atlas-body .wm-source-section{color:#071b19}
.atlas-body .wm-source-section{color:var(--at-text)}
.at-line{display:none}
.atlas-body .leaflet-control-attribution{font-size:11px}
.atlas-body .wm-panel-head{background:transparent}
.atlas-body .wm-mobile-filters{background:var(--at-grad);color:#08110f}
@media (max-width:620px){.at-find input{flex:none;height:54px}.at-lead{font-size:16px}}