/* ============================================================
   ДНЖ · раздел «Цифры» — тепловая карта регионов
   Основа: проект dnzh-region-map. Все правила ограничены .numbers-wrap,
   чтобы оформление карты не протекало в остальной сайт и наоборот.
   Шрифт и палитра берутся из tokens.css сайта — своего theme.css здесь нет.
   ============================================================ */
.numbers-wrap{position:fixed;left:0;right:0;bottom:0;top:var(--nm-top,120px);z-index:5;
  isolation:isolate;overflow:hidden;background:#FCFCFE}
.numbers-wrap *{box-sizing:border-box}.numbers-wrap{background:#FCFCFE;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}.numbers-wrap button, .numbers-wrap input, .numbers-wrap select{font:inherit}.numbers-wrap button{cursor:pointer}.numbers-wrap button, .numbers-wrap select, .numbers-wrap input{-webkit-tap-highlight-color:transparent}.numbers-wrap button:focus-visible, .numbers-wrap input:focus-visible, .numbers-wrap select:focus-visible{outline:2px solid var(--violet);outline-offset:4px}.numbers-wrap button svg{width:18px;height:18px;flex:none;pointer-events:none}.numbers-wrap button{color:var(--violet)}.numbers-wrap [hidden]{display:none!important}.numbers-wrap .map-stage{position:absolute;inset:0;isolation:isolate}.numbers-wrap .map-halo{position:absolute;inset:0;background:radial-gradient(ellipse at 58% 43%,rgba(202,71,240,.055),transparent 63%);pointer-events:none;opacity:0}.numbers-wrap .map-svg{width:100%;height:100%;display:block;overflow:visible;opacity:0;transform:scale(.994);transform-origin:50% 50%}.numbers-wrap.ready .map-svg{opacity:1;transform:none;transition:opacity .35s ease,transform .6s var(--ease)}.numbers-wrap .region{stroke:#FCFCFE;stroke-width:.65;cursor:pointer;transition:stroke .35s ease;outline:none;transform-box:fill-box;transform-origin:center}.numbers-wrap .region:focus-visible{stroke:var(--orange);stroke-width:2}.numbers-wrap .region.selected{stroke:#9659B2;stroke-width:1.3}.numbers-wrap .region.pinned{stroke:#7A3D97;stroke-width:1.8}.numbers-wrap .region-flow{pointer-events:none;opacity:0;transition:opacity .45s ease;filter:url(#nm-region-glow);stroke:rgba(255,255,255,.8);stroke-width:.75}.numbers-wrap .region-flow.visible{opacity:.93}.numbers-wrap .pin-outline{pointer-events:none;fill:none;stroke:var(--violet);stroke-width:1.5;opacity:.65}.numbers-wrap .toolbar{position:absolute;z-index:20;top:25px;left:50%;transform:translateX(-50%);display:grid;grid-template-columns:185px minmax(240px,350px) 158px;align-items:stretch;gap:10px;width:min(750px,calc(100% - 44px));opacity:0}.numbers-wrap.ready .toolbar{opacity:1;transition:opacity .6s ease .16s}.numbers-wrap .field, .numbers-wrap .dash-button{border:1px solid rgba(219,209,229,.72);border-radius:var(--r-pill);background:rgba(255,255,255,.86);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 2px 4px rgba(45,5,64,.025),0 8px 28px -15px rgba(85,5,119,.2)}.numbers-wrap .field{position:relative;height:58px;display:flex;flex-direction:column;justify-content:center;padding:7px 19px;gap:1px}.numbers-wrap .field label{font-size:11px;font-weight:500;line-height:1.3;color:var(--mut)}.numbers-wrap .field select, .numbers-wrap .field input{appearance:none;-webkit-appearance:none;border:0;background:transparent;outline:none;color:var(--ink);padding:0;font-weight:500;font-size:14px;width:100%;height:23px;line-height:23px;min-width:0}.numbers-wrap .field:focus-within{border-color:rgba(85,5,119,.5);box-shadow:var(--ring),var(--shadow-panel)}.numbers-wrap .period-field{padding-right:38px}.numbers-wrap .period-field select{cursor:pointer}.numbers-wrap .period-field>.chevron{position:absolute;right:16px;top:22px;width:15px;height:15px;pointer-events:none}.numbers-wrap .region-field{padding-left:43px}.numbers-wrap .region-field>.search-icon{position:absolute;width:18px;height:18px;left:17px;top:21px}.numbers-wrap .field input::placeholder{color:var(--ink-2);opacity:.78}.numbers-wrap .field input::-webkit-search-cancel-button{cursor:pointer}.numbers-wrap .dash-button{display:flex;align-items:center;justify-content:center;gap:9px;padding:0 16px;font-size:14px;font-weight:500;color:var(--mut);cursor:not-allowed}.numbers-wrap .dash-button svg{width:15px;height:15px;opacity:.75}.numbers-wrap .dash-button:hover{background:rgba(255,255,255,.95)}.numbers-wrap .search-results{position:absolute;top:65px;left:0;right:0;background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:17px;padding:6px;box-shadow:var(--shadow-panel);max-height:min(350px,55vh);overflow:auto;backdrop-filter:blur(24px)}.numbers-wrap .search-results button{display:block;width:100%;border:0;background:transparent;text-align:left;border-radius:11px;padding:11px 12px;font-size:13px;font-weight:500;color:var(--ink-2)}.numbers-wrap .search-results button:hover, .numbers-wrap .search-results button:focus-visible{background:var(--violet-l);color:var(--violet)}.numbers-wrap .search-results p{font-size:13px;color:var(--mut);padding:2px 10px}.numbers-wrap .region-card{position:fixed;z-index:30;left:0;top:0;width:410px;max-width:calc(100vw - 28px);border-radius:23px;padding:23px 25px 19px;background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(255,255,255,.89));border:1px solid rgba(255,255,255,.93);box-shadow:0 0 0 1px rgba(199,175,212,.32),0 20px 70px -24px rgba(59,9,84,.28),0 0 34px -16px rgba(202,71,240,.29);backdrop-filter:blur(24px) saturate(120%);-webkit-backdrop-filter:blur(24px) saturate(120%);opacity:0;visibility:hidden;pointer-events:none;transform:translate3d(var(--x,0px),var(--y,0px),0);transition:opacity .22s ease,visibility .22s ease;isolation:isolate;max-height:calc(100dvh - 28px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d9c7e3 transparent}.numbers-wrap .region-card::before{content:"";position:absolute;z-index:-1;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse at 5% 0%,rgba(202,71,240,.10),transparent 48%),radial-gradient(ellipse at 100% 100%,rgba(255,93,0,.065),transparent 44%)}.numbers-wrap .region-card.show{opacity:1;visibility:visible}.numbers-wrap .region-card.interactive{pointer-events:auto}.numbers-wrap .region-card.pinned{background:linear-gradient(145deg,rgba(255,255,255,.77),rgba(249,245,253,.64));box-shadow:0 0 0 1px rgba(199,175,212,.27),0 25px 70px -30px rgba(59,9,84,.24)}.numbers-wrap .region-card.docking{transition:transform .65s cubic-bezier(.22,1,.36,1),opacity .24s ease,visibility .24s ease,background .5s ease}.numbers-wrap .card-top{display:flex;align-items:flex-start;gap:12px;justify-content:space-between;margin-bottom:13px}.numbers-wrap .card-heading{min-width:0}.numbers-wrap .card-fo{font-size:10px;font-weight:700;letter-spacing:.075em;text-transform:uppercase;color:var(--mut);line-height:1.5}.numbers-wrap .card-heading h1{font-size:21px;line-height:1.25;font-weight:700;letter-spacing:-.015em;margin:5px 0 0;overflow-wrap:break-word}.numbers-wrap .card-actions{display:flex;gap:3px;flex-shrink:0;margin-top:-2px}.numbers-wrap .icon-button{border:0;background:transparent;border-radius:50%;display:grid;place-items:center;width:30px;height:30px;padding:5px;color:var(--violet);transition:background .2s ease,transform .2s ease}.numbers-wrap .icon-button:hover{background:rgba(85,5,119,.07)}.numbers-wrap .icon-button:active{transform:scale(.95)}.numbers-wrap .pin-button[aria-pressed=true]{background:var(--violet);color:white}.numbers-wrap .pin-button[aria-pressed=true] svg{transform:rotate(-35deg)}.numbers-wrap .card-actions svg{transition:transform .25s ease}.numbers-wrap .region-card:not(.interactive) .card-actions{visibility:hidden}.numbers-wrap .hero{padding:1px 0 15px;border-bottom:1px solid rgba(85,5,119,.10)}.numbers-wrap .hero-label{font-size:13px;font-weight:500;color:var(--ink-2);margin-bottom:3px}.numbers-wrap .hero-number{font-size:45px;font-weight:800;color:#FF5D00;line-height:1.1;letter-spacing:-.035em;font-variant-numeric:tabular-nums}.numbers-wrap .hero-number.small{font-size:29px}.numbers-wrap .hero-sub{margin-top:5px;color:var(--mut);font-size:11px;line-height:1.4;font-weight:400}.numbers-wrap .nmstat{padding:12px 0 10px;border-bottom:1px solid rgba(85,5,119,.09)}.numbers-wrap .nmstat-main{display:flex;align-items:center;justify-content:space-between;gap:12px}.numbers-wrap .nmstat-label{font-size:13px;font-weight:500;line-height:1.35;max-width:185px;color:var(--ink-2)}.numbers-wrap .nmstat-value{font-size:27px;font-weight:700;color:var(--ink);line-height:1.15;white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:-.025em}.numbers-wrap .nmstat-sub{font-size:10.5px;color:var(--mut);line-height:1.45;margin-top:4px;font-weight:400}.numbers-wrap .nmstat-help .nmstat-value{color:#FF5D00}.numbers-wrap .statuses{padding-top:8px}.numbers-wrap .status-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:8px;font-size:11px;line-height:1.4;color:var(--ink-2);font-weight:500}.numbers-wrap .status-label{min-width:0;max-width:285px}.numbers-wrap .status-label small{font-weight:400;color:var(--mut);font-size:9px;margin-left:3px}.numbers-wrap .status-pill{font-size:10px;font-weight:500;white-space:nowrap;padding:4px 9px;border-radius:var(--r-pill);background:#f0edf4;color:var(--mut);display:inline-flex;align-items:center;gap:4px}.numbers-wrap .status-pill.yes{background:#e9f5ed;color:#246041}.numbers-wrap .status-pill.no{background:#fbefe3;color:#956521}.numbers-wrap .status-pill svg{width:11px;height:11px}.numbers-wrap .card-period{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:15px;padding-top:9px;border-top:1px solid rgba(85,5,119,.065);font-size:9px;color:var(--mut)}.numbers-wrap .card-period a{color:inherit;text-decoration:none}.numbers-wrap .card-period a:hover{color:var(--violet)}.numbers-wrap .card-period .period-label{color:var(--violet-m);font-weight:500}.numbers-wrap .period-tip{cursor:help}


@media(max-width:750px){
.numbers-wrap .toolbar{top:16px;width:calc(100% - 28px);grid-template-columns:140px minmax(125px,1fr) 125px;gap:7px}
.numbers-wrap .field{height:54px;padding-left:15px;padding-right:12px}
.numbers-wrap .field label{font-size:10px}
.numbers-wrap .field input, .numbers-wrap .field select{font-size:12px}
.numbers-wrap .period-field{padding-right:26px}
.numbers-wrap .period-field>.chevron{right:10px;top:22px;width:12px}
.numbers-wrap .region-field{padding-left:34px}
.numbers-wrap .region-field>.search-icon{left:12px;top:20px;width:15px;height:15px}
.numbers-wrap .dash-button{font-size:12px;gap:6px;padding:0 9px}
.numbers-wrap .dash-button svg{width:13px}
.numbers-wrap .region-card{width:380px;padding:21px}
.numbers-wrap .card-heading h1{font-size:19px}
.numbers-wrap .hero-number{font-size:41px}
.numbers-wrap .nmstat-value{font-size:25px}}

@media(max-width:480px){
.numbers-wrap .toolbar{grid-template-columns:105px minmax(100px,1fr) 105px;top:12px;width:calc(100% - 20px);gap:5px}
.numbers-wrap .field{padding-left:12px;height:51px}
.numbers-wrap .field select, .numbers-wrap .field input{font-size:11px}
.numbers-wrap .field label{font-size:9px}
.numbers-wrap .region-field{padding-left:28px}
.numbers-wrap .region-field>.search-icon{left:9px;width:13px}
.numbers-wrap .period-field{padding-right:21px}
.numbers-wrap .period-field>.chevron{right:8px;top:21px;width:10px}
.numbers-wrap .dash-button{font-size:11px;gap:5px;padding:0 7px}
.numbers-wrap .dash-button svg{width:12px}
.numbers-wrap .region-card{max-width:calc(100vw - 20px);padding:19px 21px 16px;border-radius:20px}
.numbers-wrap .card-heading h1{font-size:19px}
.numbers-wrap .hero-number{font-size:38px}
.numbers-wrap .nmstat-value{font-size:24px}
.numbers-wrap .nmstat{padding:10px 0 9px}
.numbers-wrap .nmstat-label{font-size:12px;max-width:170px}
.numbers-wrap .hero-sub, .numbers-wrap .nmstat-sub{font-size:10px}
.numbers-wrap .status-row{font-size:10px}
.numbers-wrap .map-svg{object-fit:contain}}

@media(max-height:680px) and (min-width:751px){
.numbers-wrap .region-card{padding:17px 21px 14px;width:380px}
.numbers-wrap .card-top{margin-bottom:8px}
.numbers-wrap .card-heading h1{font-size:19px}
.numbers-wrap .hero-number{font-size:38px}
.numbers-wrap .hero{padding-bottom:10px}
.numbers-wrap .nmstat{padding:8px 0}
.numbers-wrap .nmstat-value{font-size:24px}
.numbers-wrap .card-period{margin-top:10px}
.numbers-wrap .status-row{padding-top:6px}}

@media(max-width:480px){
.numbers-wrap .toolbar{grid-template-columns:95px minmax(0,1fr) 96px}}

@media(prefers-reduced-motion:reduce){
.numbers-wrap *, .numbers-wrap *::before, .numbers-wrap *::after{animation:none!important;transition:none!important}
.numbers-wrap.ready .map-svg{opacity:1;transform:none}
.numbers-wrap .map-halo{display:none}
.numbers-wrap .region-flow{filter:none}}.numbers-wrap .map-svg{touch-action:none;user-select:none;cursor:default}.numbers-wrap .map-svg.is-zoomed, .numbers-wrap .map-svg.is-zoomed .region{cursor:grab}.numbers-wrap .map-svg.dragging, .numbers-wrap .map-svg.dragging .region{cursor:grabbing}.numbers-wrap .region{vector-effect:non-scaling-stroke}.numbers-wrap .region-flow{stroke:none}.numbers-wrap .region-flow.visible{opacity:1}.numbers-wrap .pin-outline{vector-effect:non-scaling-stroke}.numbers-wrap .nmstat-help .nmstat-value{color:#550577}.numbers-wrap .region-card{max-height:calc(100dvh - 170px);box-shadow:inset 0 1px 0 rgba(255,255,255,.98),0 0 0 1px rgba(199,175,212,.28),0 20px 70px -24px rgba(59,9,84,.29),0 0 45px -22px rgba(155,54,190,.3)}.numbers-wrap .region-card::before{background:radial-gradient(ellipse at 4% 0%,rgba(202,71,240,.15),transparent 51%),radial-gradient(ellipse at 90% 100%,rgba(85,5,119,.075),transparent 45%),linear-gradient(145deg,rgba(255,255,255,.4),transparent 50%,rgba(255,255,255,.32))}.numbers-wrap .statuses{padding-bottom:2px}.numbers-wrap .map-footer{position:absolute;z-index:35;bottom:22px;left:24px;right:24px;display:flex;align-items:flex-end;justify-content:space-between;gap:30px;pointer-events:none}.numbers-wrap .map-legend{width:min(570px,55vw);padding:13px 16px 11px;background:rgba(255,255,255,.85);border:1px solid rgba(221,210,231,.6);border-radius:18px;box-shadow:0 8px 30px -18px rgba(59,9,84,.2);backdrop-filter:blur(20px);pointer-events:auto}.numbers-wrap .legend-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:11px;margin-bottom:9px;line-height:1.4}.numbers-wrap .legend-heading>span:first-child{color:var(--violet);font-weight:500}.numbers-wrap .legend-heading>span:last-child{color:var(--mut);font-size:10px;white-space:nowrap}.numbers-wrap .legend-bins{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:3px}.numbers-wrap .legend-bin i{display:block;height:8px;border-radius:2px}.numbers-wrap .legend-bin span{display:block;color:var(--mut);font-size:9px;white-space:nowrap;margin-top:5px;font-variant-numeric:tabular-nums}.numbers-wrap .footer-right{display:flex;flex-direction:column;align-items:flex-end;gap:12px;pointer-events:auto;flex-shrink:0}.numbers-wrap .data-date{font-size:10px;color:var(--mut);text-decoration:none;text-shadow:0 1px 8px white,0 0 15px white;white-space:nowrap}.numbers-wrap .data-date:hover{color:var(--violet)}.numbers-wrap .map-actions{display:flex;align-items:center;gap:8px}.numbers-wrap .metric-picker{position:relative}.numbers-wrap .metric-button, .numbers-wrap .zoom-reset{display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid rgba(215,200,225,.8);border-radius:var(--r-pill);background:rgba(255,255,255,.9);backdrop-filter:blur(20px);box-shadow:0 7px 22px -13px rgba(85,5,119,.24);height:46px;padding:0 17px;font-weight:500;font-size:12px;color:var(--violet)}.numbers-wrap .zoom-reset{font-size:11px;height:42px;padding:0 13px}.numbers-wrap .metric-button:hover, .numbers-wrap .zoom-reset:hover{border-color:var(--lavender);background:white}.numbers-wrap .metric-button svg{width:16px;height:16px}.numbers-wrap .metric-button .picker-chevron{width:13px;height:13px;transition:transform .2s ease}.numbers-wrap .metric-button[aria-expanded=true] .picker-chevron{transform:rotate(180deg)}.numbers-wrap .metric-menu{position:absolute;right:0;bottom:57px;width:330px;padding:7px;border:1px solid rgba(218,203,227,.8);border-radius:18px;background:rgba(255,255,255,.96);backdrop-filter:blur(24px);box-shadow:0 18px 55px -15px rgba(59,9,84,.25)}.numbers-wrap .metric-menu button{width:100%;display:block;text-align:left;position:relative;background:transparent;border:0;padding:12px 29px 12px 13px;border-radius:11px;color:var(--ink-2);font-weight:500;font-size:12px;line-height:1.45}.numbers-wrap .metric-menu button small{display:block;font-size:10px;font-weight:400;color:var(--mut);margin-top:4px;line-height:1.45}.numbers-wrap .metric-menu button:hover{background:#f7f1fa}.numbers-wrap .metric-menu button[aria-checked=true]{background:#f2e8f8;color:var(--violet)}.numbers-wrap .metric-menu button[aria-checked=true]::after{content:'✓';position:absolute;right:12px;top:14px;font-size:13px;color:var(--violet)}

@media(max-width:900px){
.numbers-wrap .map-footer{left:18px;right:18px;gap:14px}
.numbers-wrap .map-legend{width:58vw;padding:12px}
.numbers-wrap .legend-heading{flex-wrap:wrap;gap:2px 9px;font-size:10px}
.numbers-wrap .legend-heading>span:last-child{font-size:9px}
.numbers-wrap .legend-bin span{font-size:8px}
.numbers-wrap .data-date{font-size:9px}
.numbers-wrap .metric-button{font-size:11px;height:42px;padding:0 14px}
.numbers-wrap .footer-right{gap:10px}}

@media(max-width:650px){
.numbers-wrap .map-footer{left:12px;right:12px;bottom:12px;flex-direction:column-reverse;align-items:stretch;gap:9px}
.numbers-wrap .map-legend{width:100%;padding:10px 12px;border-radius:14px}
.numbers-wrap .footer-right{flex-direction:column;align-items:flex-end;gap:7px}
.numbers-wrap .map-actions{gap:5px}
.numbers-wrap .legend-heading{flex-wrap:nowrap;font-size:10px;margin-bottom:7px}
.numbers-wrap .legend-heading>span:last-child{font-size:9px}
.numbers-wrap .legend-bin span{font-size:8px}
.numbers-wrap .data-date{font-size:8px;white-space:nowrap;max-width:none}
.numbers-wrap .metric-button{height:37px;padding:0 11px;font-size:10px;gap:6px}
.numbers-wrap .metric-button svg{width:13px;height:13px}
.numbers-wrap .metric-button .picker-chevron{width:11px}
.numbers-wrap .zoom-reset{height:35px;font-size:10px;padding:0 8px}
.numbers-wrap .metric-menu{width:min(320px,calc(100vw - 24px));bottom:46px}
.numbers-wrap .region-card{max-height:calc(100dvh - 230px)}
.numbers-wrap .legend-heading>span:first-child{max-width:70%}}



/* ── Легенда: не ровная лента, а распределение регионов ──────────────
   Столбик = диапазон шкалы, высота столбика = сколько регионов в него попало.
   Сразу видно, где основная масса, кто внизу и кто в лидерах. */
.numbers-wrap .map-legend{width:min(620px,58vw);padding:12px 16px 10px}
.numbers-wrap .legend-heading{margin-bottom:8px}
.numbers-wrap .legend-bins{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;align-items:end}
.numbers-wrap .legend-bin{display:flex;flex-direction:column;justify-content:flex-end;gap:0;
  min-width:0;text-align:center;cursor:default}
.numbers-wrap .legend-bin b{display:block;font-size:10px;font-weight:700;line-height:1.2;color:var(--violet);
  font-variant-numeric:tabular-nums;margin-bottom:3px}
.numbers-wrap .legend-bin i{display:block;border-radius:3px 3px 2px 2px;min-height:4px;
  transition:height .35s var(--ease),filter .2s ease}
.numbers-wrap .legend-bin span{display:block;color:var(--mut);font-size:9px;white-space:nowrap;margin-top:5px;
  font-variant-numeric:tabular-nums}
.numbers-wrap .legend-bin.here b{color:var(--orange)}
.numbers-wrap .legend-bin.here i{box-shadow:0 0 0 2px var(--orange)}
.numbers-wrap .legend-bin.empty b{color:var(--mut-2)}
.numbers-wrap .legend-ends{display:flex;justify-content:space-between;gap:10px;margin-top:7px;
  font-size:9px;color:var(--mut-2);letter-spacing:.02em}
.numbers-wrap .legend-ends span:last-child{color:var(--violet);font-weight:500}
@media(max-width:900px){ .numbers-wrap .map-legend{width:60vw} }
@media(max-width:650px){ .numbers-wrap .map-legend{width:100%}
  .numbers-wrap .legend-bin b{font-size:9px}
  .numbers-wrap .legend-ends{font-size:8px} }

/* кнопка «Дашборд» внутри панели — неактивная, с пометкой «скоро» */
.numbers-wrap .dash-button{position:relative;cursor:default}
.numbers-wrap .dash-button .soon{font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  color:var(--lavender);background:var(--violet-l);border-radius:var(--r-pill);padding:2px 6px;line-height:1.3}
@media(max-width:480px){ .numbers-wrap .dash-button .soon{display:none} }

/* пока открыт раздел «Цифры», страница не прокручивается: карта занимает весь экран */
html.nm-page, html.nm-page body{overflow:hidden}
html.nm-page #app>main{padding:0;max-width:none}

/* Панель управления: период · дашборд · регион. Кнопка дашборда переехала в середину,
   поэтому фиксированная колонка тоже вторая, а поле поиска региона — третье и тянется. */
.numbers-wrap .toolbar{grid-template-columns:185px 168px minmax(240px,350px)}
@media(max-width:750px){ .numbers-wrap .toolbar{grid-template-columns:140px 132px minmax(125px,1fr)} }
@media(max-width:480px){ .numbers-wrap .toolbar{grid-template-columns:100px 104px minmax(96px,1fr)} }

/* самый светлый диапазон на белом подвале почти не виден — даём ему контур */
.numbers-wrap .legend-bin i{box-shadow:inset 0 0 0 1px rgba(85,5,119,.10)}
.numbers-wrap .legend-bin.here i{box-shadow:0 0 0 2px var(--orange)}

/* подсказки поиска не должны уходить под карточку региона: панель выше карточки */
.numbers-wrap .toolbar{z-index:40}
.numbers-wrap .search-results{z-index:41}

/* мелкая строка в самом низу карточки: практики в библиотеке */
.numbers-wrap .card-extra{margin-top:10px;padding-top:8px;border-top:1px solid rgba(85,5,119,.07);
  font-size:10.5px;line-height:1.4;color:var(--mut);font-weight:400}

/* Поле «Регион» при вводе не должно вспыхивать толстой рамкой — достаточно тонкой линии. */
.numbers-wrap .field:focus-within{border-color:rgba(170,130,187,.75);box-shadow:0 2px 4px rgba(45,5,64,.03),0 8px 28px -15px rgba(85,5,119,.18)}
.numbers-wrap .field input:focus-visible,.numbers-wrap .field select:focus-visible{outline:none}

/* Кнопка «Дашборд» была уже соседних полей — делаем её сопоставимой по ширине. */
.numbers-wrap .toolbar{grid-template-columns:180px minmax(210px,1fr) minmax(240px,320px)}
@media(max-width:750px){ .numbers-wrap .toolbar{grid-template-columns:132px minmax(150px,1fr) minmax(130px,1fr)} }
@media(max-width:480px){ .numbers-wrap .toolbar{grid-template-columns:92px minmax(110px,1fr) minmax(92px,1fr)} }

/* На невысоких экранах карточка не влезала целиком и нижняя строка уходила под прокрутку.
   Чуть поджимаем отступы — содержимое то же, читается так же. */
@media(max-height:1010px) and (min-width:751px){
  .numbers-wrap .region-card{padding:18px 23px 14px}
  .numbers-wrap .card-top{margin-bottom:9px}
  .numbers-wrap .hero{padding-bottom:10px}
  .numbers-wrap .hero-number{font-size:38px}
  .numbers-wrap .nmstat{padding:8px 0 7px}
  .numbers-wrap .nmstat-value{font-size:24px}
  .numbers-wrap .status-row{padding-top:6px}
  .numbers-wrap .card-extra{margin-top:7px;padding-top:6px}
}

/* В base.css есть общее правило :focus-visible{box-shadow:var(--ring)} — кольцо в 3 px.
   Внутри карты оно и давало ту самую толстую обводку у поля «Регион». Гасим её здесь:
   подсветка фокуса в карте — тонкая рамка самого поля, она видна и без кольца. */
.numbers-wrap :focus-visible{box-shadow:none}
.numbers-wrap .field input:focus,
.numbers-wrap .field select:focus,
.numbers-wrap .field input:focus-visible,
.numbers-wrap .field select:focus-visible{box-shadow:none;outline:none;border-radius:0}
.numbers-wrap .field:focus-within{border-color:rgba(150,105,175,.8)}
/* кнопкам и пунктам меню фокус оставляем заметным — по ним ходят с клавиатуры */
.numbers-wrap button:focus-visible{outline:2px solid var(--violet);outline-offset:3px}

/* Individual regions assemble independently; the whole map stays in place. */
.numbers-wrap .map-svg{transform:none}
.numbers-wrap.ready .map-svg{transition:none}
.numbers-wrap:is(.map-entering,.map-refilling) .region-flow{opacity:0;transition:opacity .16s ease}
.numbers-wrap .pin-outline{stroke:var(--nm-map-accent,var(--violet))}
.numbers-wrap .map-legend{--violet:var(--nm-map-accent,#550577);--orange:var(--nm-bin-highlight,#FF5D00)}