/* ===== Анализ РЭР — оформление (01.10.2026, v2 «строгая») =====
   Шрифт Inter, графитовые панели, один спокойный синий акцент, контрастный
   текст; без свечения, градиентов и «радуги». Только вид: разметку и
   поведение не трогает. Всё под #tab-rer (и окна вкладки на body) —
   специфичность id перебивает rer*.css, сколько бы их JS ни подключал позже.
   Откатить = убрать <link rer-skin.css> из panel.html. */

@font-face{font-family:"RER Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url(/static/inter-cyrillic-wght-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"RER Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url(/static/inter-cyrillic-ext-wght-normal.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:"RER Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url(/static/inter-latin-wght-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"RER Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url(/static/inter-latin-ext-wght-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* ── токены: шрифт + палитра, подменяются внутри вкладки ── */
#tab-rer,#rer-modal,#rer-lb,#rmx-toast,.rer-mappop,.mtb-menu,
body > div:has(> .osr-dlg),body > div:has(> .mtb-dlg){
  --rer-sans:"RER Inter","Inter",system-ui,-apple-system,"Segoe UI",Roboto,"Segoe UI Emoji","Noto Color Emoji",sans-serif;
  --mono:var(--rer-sans); --serif:var(--rer-sans);
  /* текст: три уровня, все читаемые */
  --txt:#E9EEF5; --txt-2:#B6C2D2; --txt-3:#8392A8;
  --ph:#B6C2D2; --ph-dim:#8E9CB1; --ph-deep:#6F7E94; --ice:#C9D7EA;
  /* поверхности и линии — графит, без синевы-«неона» */
  --panel:#111821; --glass:rgba(255,255,255,.035); --bg-2:#141c27;
  --line:rgba(160,175,195,.13); --rule:rgba(160,175,195,.20); --edge:rgba(160,180,205,.34);
  /* единственный акцент — приглушённый синий */
  --sky:#3D7FD9; --sky-2:#8DB4EA; --sky-deep:#2A5FA8;
  --acc:#3D7FD9; --acc-2:#8DB4EA; --acc-bg:rgba(61,127,217,.14);
  --red:#E5534B; --amber:#D9A441;
  --radius:10px;
  font-family:var(--rer-sans); font-size:13.5px; line-height:1.5; color:var(--txt);
  font-feature-settings:"cv11","tnum";   /* одноэтажная a, цифры одной ширины */
  -webkit-font-smoothing:antialiased;
}
#tab-rer *,#rer-modal *,.mtb-menu *,body > div:has(> .osr-dlg) *,body > div:has(> .mtb-dlg) *{letter-spacing:normal}
#tab-rer textarea,#tab-rer input,#tab-rer select,#tab-rer button{font-family:inherit}
#tab-rer{accent-color:var(--acc)}
/* служебные подписи: мелкие заглавные, ровные */
#tab-rer :is(.rer-kind,.rer-sec-head .t,.rer-pane-head .t,.rai-lbl,.rl .rl-ht){letter-spacing:.07em}

/* ── строка режимов: вкладки с линией снизу ── */
#tab-rer #rer-modes{gap:2px; padding:10px 0 0; margin:0 14px 12px; border-bottom:1px solid var(--line)}
#tab-rer .rer-mode{
  border:0; border-radius:0; background:transparent; padding:10px 14px 11px;
  color:var(--txt-3); font-weight:500; font-size:13.5px; position:relative;
  transition:color .15s;
}
#tab-rer .rer-mode::after{content:""; position:absolute; left:10px; right:10px; bottom:0; height:2px; border-radius:2px 2px 0 0; background:transparent; transition:background .15s}
#tab-rer .rer-mode:hover{color:var(--txt); background:transparent}
#tab-rer .rer-mode:hover::after{background:var(--rule)}
#tab-rer .rer-mode.sel{color:#fff; font-weight:600; background:transparent; box-shadow:none}
#tab-rer .rer-mode.sel::after{background:var(--acc)}
/* иконки режимов — одним тоном, без цветного зоопарка */
#tab-rer .rer-mode{--mic:#7F8FA6}
#tab-rer .rer-mode.sel{--mic:var(--acc-2)}
#tab-rer .rer-mode .rer-mi{opacity:1; filter:none; transform:none}

/* ── панели ── */
#tab-rer .rer-pane{
  background:var(--panel); border:1px solid var(--line); border-radius:var(--radius);
  box-shadow:0 1px 0 rgba(255,255,255,.03) inset, 0 12px 30px -20px rgba(0,0,0,.9);
  backdrop-filter:none;
}
#tab-rer #rer-lmap{border-color:var(--line); border-radius:var(--radius)}
#tab-rer .rer-pane-head{border-bottom-color:var(--line)}
#tab-rer .rer-pane-head .t{color:var(--txt-3); font-size:11px; font-weight:650; text-transform:uppercase}

/* ── кнопки: плоские, спокойные ── */
#tab-rer :is(.rer-btn,.osr-btn,.mtb-btn,.rai-btn,.rn-btn){
  border-radius:7px; font-weight:500; border:1px solid var(--rule);
  background:rgba(255,255,255,.03); color:var(--txt-2); box-shadow:none; filter:none;
  transition:background .12s,border-color .12s,color .12s;
}
#tab-rer :is(.rer-btn,.osr-btn,.mtb-btn,.rai-btn,.rn-btn):hover:not(:disabled){
  color:#fff; border-color:var(--edge); background:rgba(255,255,255,.07);
}
#tab-rer :is(.rer-btn,.osr-btn,.mtb-btn,.rai-btn,.rn-btn).primary{
  color:#fff; font-weight:600; border-color:var(--acc); background:var(--acc); box-shadow:none;
}
#tab-rer :is(.rer-btn,.osr-btn,.mtb-btn,.rai-btn,.rn-btn).primary:hover:not(:disabled){
  color:#fff; border-color:#4C8DE6; background:#4C8DE6; filter:none;
}
#tab-rer .rer-btn.danger:hover{color:#fff; border-color:var(--red); background:rgba(229,83,75,.18)}
/* сегменты-переключатели (Маршруты/Фото/Документы, Все/Октябрь/Посты) */
#tab-rer .rhd-tabs{border-color:var(--rule); border-radius:8px; background:rgba(255,255,255,.02)}
#tab-rer .rhd-tabs button{font-weight:500; color:var(--txt-3)}
#tab-rer .rhd-tabs button:hover{color:var(--txt)}
#tab-rer .rhd-tabs button.on{color:#fff; font-weight:600; background:var(--acc-bg); box-shadow:inset 0 -2px 0 var(--acc)}

/* ── поля ввода ── */
#tab-rer :is(input[type=text],input[type=search],input:not([type]),textarea,select){
  border-radius:7px; transition:border-color .15s,box-shadow .15s;
}
#tab-rer :is(input[type=text],input[type=search],input:not([type]),textarea,select):focus{
  outline:none; border-color:var(--acc) !important; box-shadow:0 0 0 3px rgba(61,127,217,.18);
}
#tab-rer ::placeholder{color:#66758b; opacity:1}

/* ── дерево ── */
#tab-rer #rer-tree{padding:6px}
#tab-rer .rer-row{padding:7px 8px; border-radius:7px; gap:8px}
#tab-rer .rer-row:hover{background:rgba(255,255,255,.035)}
#tab-rer .rer-row.sel{border-color:transparent; background:var(--acc-bg); box-shadow:inset 2px 0 0 var(--acc)}
#tab-rer .rer-title{font-size:14px; font-weight:500; color:var(--txt)}
#tab-rer .rer-row.sel .rer-title{font-weight:600; color:#fff}
#tab-rer #rer-tree .rer-dot{width:7px; height:7px; background:#8392A8; box-shadow:none}
#tab-rer #rer-tree .rer-row.sel .rer-dot{background:var(--acc-2)}
#tab-rer .rer-ul .rer-ul{border-left:1px solid var(--line)}
/* название — своей строкой, тип и счётчик — мелкой строкой под ним */
#tab-rer .rer-row .rer-title{flex:1 1 calc(100% - 62px); min-width:0}
#tab-rer .rer-row .rer-kind{margin-left:var(--rer-ind,37px); text-transform:none; font-size:11.5px; font-weight:500; letter-spacing:0;
  color:var(--txt-3); background:none; padding:0}
#tab-rer .rer-count{font-size:11.5px; color:var(--txt-3); background:none; padding:0}
#tab-rer .rer-kind + .rer-count::before{content:"·"; margin-right:6px; color:var(--ph-deep)}
@media (hover:none),(pointer:coarse){ #tab-rer .rer-row{--rer-ind:49px} }

/* ── карточка узла ── */
#tab-rer .rer-crumbs{color:var(--txt-3); font-size:12px}
#tab-rer .rer-crumbs b{color:var(--txt-2); font-weight:500}
#tab-rer #rer-title-in{font-size:22px; font-weight:700; line-height:1.25; color:#fff; letter-spacing:-.01em}
#tab-rer .rer-kind-in{font-weight:500; color:var(--txt-2)}
#tab-rer .rer-note{background:rgba(255,255,255,.02); line-height:1.55; font-size:14px}
#tab-rer .rer-sec-head{border-bottom-color:var(--line)}
#tab-rer .rer-sec-head .t{color:var(--txt-3); font-size:11px; font-weight:650}
#tab-rer .rer-sec-n{font-weight:600; font-size:11px; color:var(--txt-2); background:rgba(255,255,255,.07); border:0; border-radius:5px; padding:1px 7px}
#tab-rer .rer-sec-n.z{color:var(--txt-3); background:none; font-weight:400}
#tab-rer .rer-grid > *{border-radius:7px; overflow:hidden; transition:box-shadow .15s}
#tab-rer .rer-grid > *:hover{box-shadow:0 0 0 1px var(--edge)}
#tab-rer .rer-drop{border-color:var(--rule); color:var(--txt-3); border-radius:8px}

/* ── заголовки режимов (OsintTG / Аналог / Вскрытые / Группа ТГ) ── */
#tab-rer :is(.osr-brand,.mtb-brand,.rhd-brand) b{
  font-family:var(--rer-sans); font-weight:700; font-size:20px; letter-spacing:-.01em; color:#fff;
  background:none; -webkit-text-fill-color:currentColor;
}
#tab-rer :is(.osr-brand,.mtb-brand,.rhd-brand) b em{color:#fff; background:none; -webkit-text-fill-color:currentColor}
#tab-rer :is(.osr-brand,.mtb-brand,.rhd-brand) span{color:var(--txt-3); font-size:12px}
#tab-rer .rhd-brand :is(.rhd-n,span b,span i){color:var(--txt-2); font-style:normal}

/* ── списки папок/слоёв (Аналог, Вскрытые) ── */
#tab-rer :is(.rhd-fh,.mtb-row){border-radius:7px; transition:background .12s}
#tab-rer :is(.rhd-fh,.mtb-row):hover{background:rgba(255,255,255,.03)}
#tab-rer .rhd-fn{font-weight:600; color:var(--txt); font-size:14px}
#tab-rer .rhd-fi{color:var(--txt-3)}
#tab-rer .rhd-tw{color:var(--txt-3)}

/* ── Группа ТГ ── */
#tab-rer .rtg-msg{border-radius:8px; border-color:var(--line); background:rgba(255,255,255,.02); box-shadow:none}
#tab-rer .rtg-who{color:#fff; font-weight:600}
#tab-rer .rtg-tx{font-size:14px; line-height:1.6; color:var(--txt)}
#tab-rer .rtg-t{color:var(--txt-3)}

/* ── Анализ ИИ / Узнать ── */
#tab-rer .rai-chip{border-radius:6px}
#tab-rer .rai-pk{border-radius:8px; border-color:var(--line); transition:border-color .12s,background .12s}
#tab-rer .rai-pk:hover{border-color:var(--edge)}
#tab-rer .rai-pk:has(input:checked){border-color:var(--acc) !important; background:var(--acc-bg)}

/* ── заметки (++) ── */
#tab-rer .rn-item{border-radius:8px; box-shadow:none}
#tab-rer .rn-title{color:#fff; font-weight:700}

/* ══ КАРТА РЭО ══ */
/* панель «Слои»: плотная, чтобы спутник не «съедал» текст */
#tab-rer #rer-layers.rl{
  background:rgba(14,19,27,.96); border:1px solid var(--rule); border-radius:10px;
  box-shadow:0 18px 40px -16px rgba(0,0,0,.85); backdrop-filter:blur(8px);
  font-size:13px; line-height:1.4; color:var(--txt);
}
#tab-rer .rl .rl-ht{font-size:11.5px; font-weight:650; color:var(--txt)}
#tab-rer .rl .rl-hi{color:var(--txt-2)}
#tab-rer .rl .rl-count{color:var(--txt-2); border-color:var(--rule)}
#tab-rer .rl .rl-hb{color:var(--txt-2); border-radius:7px}
#tab-rer .rl .rl-q{border-radius:7px; background:rgba(255,255,255,.04)}
#tab-rer .rl .rl-q input{font-size:13px; color:var(--txt)}
#tab-rer .rl .rl-chip{background:rgba(255,255,255,.04); border-color:var(--rule); border-radius:8px; color:var(--txt)}
#tab-rer .rl .rl-chip:hover{border-color:var(--edge); background:rgba(255,255,255,.07)}
#tab-rer .rl .rl-chip .rl-i{color:var(--acc-2)}
#tab-rer .rl .rl-chip b{color:var(--txt-2); font-size:11.5px; font-weight:500}
#tab-rer .rl .rl-chip.off{background:transparent; color:var(--txt-3)}
#tab-rer .rl .rl-bulk button{color:var(--txt-2); font-size:12px}
#tab-rer .rl .rl-bulk button:hover{color:#fff; background:rgba(255,255,255,.06)}
#tab-rer .rl .rl-nm{color:var(--txt); font-size:13px}
#tab-rer .rl .rl-row.act .rl-nm{color:#fff; font-weight:600}
#tab-rer .rl .rl-o .rl-nm{color:var(--txt-2); font-size:12.5px}
#tab-rer .rl .rl-o:hover .rl-nm{color:#fff}
#tab-rer .rl :is(.rl-row.off,.rl-o.off,.rl-o.toff) .rl-nm{color:#6F7E94}
#tab-rer .rl :is(.rl-n,.rl-meta){color:var(--txt-3); font-size:11.5px}
#tab-rer .rl .rl-tw{color:var(--txt-3)}
#tab-rer .rl .rl-cb[aria-checked=true]::before{background:var(--acc); border-color:var(--acc); box-shadow:none}
#tab-rer .rl .rl-cb[aria-checked=mixed]::before{background:rgba(61,127,217,.4); border-color:var(--acc)}
#tab-rer .rl .rl-empty{color:var(--txt-2); font-size:12.5px}
#tab-rer .rl .rl-empty b{color:var(--txt)}
#tab-rer .rl .rl-foot{color:var(--txt-3); font-size:12px; border-top-color:var(--line)}
#tab-rer .rl .rl-foot b{color:var(--txt)}

/* верхняя плашка (Карты · Подписи · Маршрут · Перенос …) */
#tab-rer #rer-view-map .leaflet-bar.rer-tools{background:rgba(14,19,27,.94); border:1px solid var(--rule); border-radius:8px; box-shadow:0 10px 26px -14px rgba(0,0,0,.9); overflow:hidden}
#tab-rer #rer-view-map .leaflet-bar.rer-tools a{background:transparent; color:var(--txt-2); font-size:12.5px; font-weight:500; border-right-color:var(--line)}
#tab-rer #rer-view-map .leaflet-bar.rer-tools a:hover{color:#fff; background:rgba(255,255,255,.06)}
#tab-rer #rer-view-map .leaflet-bar.rer-tools a.on{color:#fff; background:var(--acc-bg); box-shadow:inset 0 -2px 0 var(--acc)}

/* вертикальные инструменты рисования */
#tab-rer .rdw-tools{background:rgba(14,19,27,.94); border:1px solid var(--rule); border-radius:10px; box-shadow:0 10px 26px -14px rgba(0,0,0,.9)}
#tab-rer .rdw-tb{color:var(--txt-2); border-radius:7px}
#tab-rer .rdw-tb:hover{color:#fff; background:rgba(255,255,255,.07)}
#tab-rer .rdw-tb.on{color:#fff; background:var(--acc); box-shadow:none}
#tab-rer .rdw-tb[data-tool=delete].on{background:var(--red); box-shadow:none}
#tab-rer .rdw-bar{background:rgba(14,19,27,.96); border-color:var(--rule); box-shadow:0 14px 34px -14px rgba(0,0,0,.9)}
#tab-rer .rdw-bar-ic{color:var(--acc-2)}
#tab-rer .rdw-bar-txt span{color:var(--txt-2)}

/* подписи на самой карте — чётко поверх спутника */
#tab-rer .leaflet-tooltip.rer-maplabel{
  color:#fff; font:600 12.5px/1.2 var(--rer-sans);
  text-shadow:none; -webkit-text-stroke:3px rgba(5,8,13,.85); paint-order:stroke fill;
  filter:drop-shadow(0 1px 1px rgba(0,0,0,.6));
}
#tab-rer .rdw-lbl span{font:600 11.5px/1.25 var(--rer-sans); background:rgba(10,14,20,.88); border-color:var(--rule); color:#fff}
#tab-rer .rdw-lbl.tot span{background:var(--acc); color:#fff}
#tab-rer .rdw-lbl.cur span b{color:var(--acc-2)}
/* всплывающие окошки объектов */
#tab-rer .leaflet-popup.rer-pop .leaflet-popup-content-wrapper,
#tab-rer .leaflet-popup.rdw-pop .leaflet-popup-content-wrapper{background:#121a24; border:1px solid var(--rule); border-radius:10px; color:var(--txt); box-shadow:0 18px 40px -14px rgba(0,0,0,.9)}
#tab-rer .leaflet-popup.rer-pop .leaflet-popup-tip,
#tab-rer .leaflet-popup.rdw-pop .leaflet-popup-tip{background:#121a24}
#tab-rer .leaflet-popup .leaflet-popup-content{font:13px/1.45 var(--rer-sans)}
#tab-rer .leaflet-control-attribution{background:rgba(14,19,27,.8); color:var(--txt-3); font:11px var(--rer-sans)}
#tab-rer .leaflet-control-attribution a{color:var(--txt-2)}

/* ── окна вкладки поверх страницы ── */
#rer-modal .rer-modal-box,body > div > :is(.osr-dlg,.mtb-dlg){border-radius:10px; box-shadow:0 30px 80px -20px rgba(0,0,0,.9)}
#rer-modal .rer-modal-title,body > div > :is(.osr-dlg,.mtb-dlg) h3{font-weight:700; font-size:16px}

/* ── полосы прокрутки ── */
#tab-rer *{scrollbar-width:thin; scrollbar-color:rgba(160,175,195,.25) transparent}

/* ── без «кино»-эффектов на рабочей вкладке ──
   Сканлайны + виньетка (body::after, multiply) и зерно (#grain) лежат поверх
   всей страницы и гасят спутник, фото и текст. На РЭР они только мешают. */
html[data-tab="rer"] body::after,html[data-tab="rer"] #grain{display:none}
html[data-tab="rer"] body{background:#0B1017}
#tab-rer .rtg-tabs button i{background:rgba(255,255,255,.07); color:var(--txt-2)}
#tab-rer .rtg-tabs button.on i{background:var(--acc); color:#fff}
#tab-rer .rtg-g{color:var(--txt-2); border-color:var(--rule)}
/* крестик удаления на карточках документов — не кричит, краснеет при наведении */
#tab-rer .osr-x{background:rgba(12,16,22,.82); color:#C9D3E0; border:1px solid var(--rule); box-shadow:none}
#tab-rer .osr-x:hover{background:var(--red); color:#fff; border-color:var(--red)}

/* ════════ v3 «красиво» (01.10.2026): глубина, свет, стекло ════════
   Структура та же — меняется только отделка. Акцент: сине-фиолетовый. */
@font-face{font-family:"RER Manrope";font-style:normal;font-weight:200 800;font-display:swap;src:url(/static/manrope-cyrillic-wght-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"RER Manrope";font-style:normal;font-weight:200 800;font-display:swap;src:url(/static/manrope-latin-wght-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

#tab-rer,#rer-modal,#rer-lb,#rmx-toast,.rer-mappop,.mtb-menu,
body > div:has(> .osr-dlg),body > div:has(> .mtb-dlg){
  --rer-head:"RER Manrope","RER Inter",system-ui,sans-serif;
  --acc:#6E8BFF; --acc-2:#B4C3FF; --acc-3:#9B7BFF;
  --acc-bg:rgba(110,139,255,.13);
  --acc-grad:linear-gradient(135deg,#7A95FF 0%,#8E7BFF 100%);
  --sky:#6E8BFF; --sky-2:#B4C3FF;
  --panel:rgba(20,24,36,.62);
  --line:rgba(170,185,230,.10); --rule:rgba(170,185,230,.17); --edge:rgba(180,195,255,.32);
  --glass-hi:inset 0 1px 0 rgba(255,255,255,.07);
}

/* фон: тёмный с мягким светом сверху — объём вместо плоской заливки */
html[data-tab="rer"] body{
  background:
    radial-gradient(900px 520px at 18% -8%,rgba(110,139,255,.16),transparent 60%),
    radial-gradient(800px 600px at 105% 110%,rgba(155,123,255,.10),transparent 60%),
    linear-gradient(180deg,#0A0D16 0%,#07090F 100%) fixed;
}

/* заголовки — Manrope */
#tab-rer :is(#rer-title-in,.osr-brand b,.mtb-brand b,.rhd-brand b,.rn-title,.rai-pk-title,.rer-pane-head .t,.rl .rl-ht),
#rer-modal .rer-modal-title{font-family:var(--rer-head)}
#tab-rer #rer-title-in{font-weight:800; font-size:24px; letter-spacing:-.02em}
#tab-rer :is(.osr-brand,.mtb-brand,.rhd-brand) b{font-weight:800; font-size:22px; letter-spacing:-.02em;
  background:linear-gradient(180deg,#FFFFFF 30%,#C9D3FF 100%); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent}

/* вкладки режимов: светящаяся черта и мягкий отсвет под выбранной */
#tab-rer .rer-mode.sel::after{background:var(--acc-grad); box-shadow:0 0 12px rgba(122,149,255,.7)}
#tab-rer .rer-mode.sel{background:radial-gradient(60% 90% at 50% 100%,rgba(110,139,255,.16),transparent 70%)}
#tab-rer .rer-mode.sel .rer-mi{filter:drop-shadow(0 0 6px rgba(122,149,255,.55))}

/* панели: стекло, блик по верхней кромке, глубокая тень */
#tab-rer .rer-pane,
#tab-rer :is(.osr-nav,.osr-main,.rhd-wrap,.mtb-wrap,.rn-list > *,.rtg-msg,.rai-pk){
  border-color:var(--line);
}
#tab-rer .rer-pane{
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.012) 40%),var(--panel);
  backdrop-filter:blur(14px) saturate(130%); -webkit-backdrop-filter:blur(14px) saturate(130%);
  box-shadow:var(--glass-hi),0 0 0 1px rgba(0,0,0,.35),0 24px 60px -28px rgba(0,0,0,.9);
  border-radius:14px;
}
#tab-rer .rer-pane-head .t{color:var(--acc-2); font-weight:700}

/* главные кнопки: градиент + тонкий отсвет */
#tab-rer :is(.rer-btn,.osr-btn,.mtb-btn,.rai-btn,.rn-btn).primary{
  background:var(--acc-grad); border-color:transparent; color:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 6px 18px -6px rgba(122,120,255,.55);
}
#tab-rer :is(.rer-btn,.osr-btn,.mtb-btn,.rai-btn,.rn-btn).primary:hover:not(:disabled){
  background:var(--acc-grad); filter:brightness(1.1); border-color:transparent;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 8px 24px -6px rgba(122,120,255,.75);
}
#tab-rer :is(.rer-btn,.osr-btn,.mtb-btn,.rai-btn,.rn-btn):not(.primary){
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02)); box-shadow:var(--glass-hi);
}
#tab-rer .rhd-tabs button.on{background:var(--acc-grad); color:#fff; box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}
#tab-rer .rtg-tabs button.on i{background:rgba(255,255,255,.22)}

/* поля: стекло и мягкое кольцо фокуса */
#tab-rer :is(input[type=text],input[type=search],input:not([type]),textarea,select){background-color:rgba(255,255,255,.035)}
#tab-rer :is(input[type=text],input[type=search],input:not([type]),textarea,select):focus{box-shadow:0 0 0 3px rgba(110,139,255,.22),0 0 18px -4px rgba(110,139,255,.4)}

/* дерево: выбранный узел — мягкий световой градиент */
#tab-rer .rer-row.sel{
  background:linear-gradient(90deg,rgba(110,139,255,.20),rgba(155,123,255,.06) 70%,transparent);
  box-shadow:inset 2px 0 0 #8E9DFF;
}
#tab-rer #rer-tree .rer-row.sel .rer-dot{background:#B4C3FF; box-shadow:0 0 0 3px rgba(122,149,255,.18),0 0 10px rgba(122,149,255,.8)}

/* фото: скругление, тень, лёгкий подъём при наведении */
#tab-rer .rer-grid > *{border-radius:10px; box-shadow:0 8px 20px -12px rgba(0,0,0,.9); transition:transform .18s,box-shadow .18s}
#tab-rer .rer-grid > *:hover{transform:translateY(-2px); box-shadow:0 0 0 1px rgba(180,195,255,.45),0 16px 30px -14px rgba(0,0,0,.95)}
#tab-rer .rer-sec-n{background:var(--acc-bg); color:var(--acc-2)}

/* карточки сообщений/заметок/выбора — стекло */
#tab-rer :is(.rtg-msg,.rn-item,.rai-pk){
  background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.012)); box-shadow:var(--glass-hi); border-radius:12px;
}
#tab-rer .rtg-msg:hover{border-color:var(--rule)}

/* карта: стеклянные панели поверх спутника */
#tab-rer #rer-layers.rl,#tab-rer .rdw-tools,#tab-rer #rer-view-map .leaflet-bar.rer-tools,#tab-rer .rdw-bar{
  background:linear-gradient(180deg,rgba(28,33,50,.88),rgba(14,17,27,.92));
  backdrop-filter:blur(16px) saturate(140%); -webkit-backdrop-filter:blur(16px) saturate(140%);
  border-color:rgba(180,195,255,.14);
  box-shadow:var(--glass-hi),0 20px 50px -18px rgba(0,0,0,.9);
}
#tab-rer #rer-layers.rl{border-radius:14px}
#tab-rer .rdw-tools{border-radius:14px}
#tab-rer .rdw-tb.on{background:var(--acc-grad); box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 6px 16px -6px rgba(122,120,255,.8)}
#tab-rer #rer-view-map .leaflet-bar.rer-tools a.on{background:linear-gradient(180deg,rgba(110,139,255,.25),rgba(110,139,255,.08)); box-shadow:inset 0 -2px 0 #8E9DFF}
#tab-rer .rl .rl-chip{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02)); box-shadow:var(--glass-hi)}
#tab-rer .rl .rl-cb[aria-checked=true]::before{background:var(--acc-grad); border-color:transparent}
#tab-rer .leaflet-popup.rer-pop .leaflet-popup-content-wrapper,
#tab-rer .leaflet-popup.rdw-pop .leaflet-popup-content-wrapper{background:linear-gradient(180deg,rgba(30,35,52,.96),rgba(16,19,30,.97)); border-color:rgba(180,195,255,.16); border-radius:12px}
#tab-rer .leaflet-popup.rer-pop .leaflet-popup-tip,#tab-rer .leaflet-popup.rdw-pop .leaflet-popup-tip{background:#121524}

/* полосы прокрутки в тон */
#tab-rer *{scrollbar-color:rgba(160,175,255,.28) transparent}

/* ════════ v4: иконки + фон «топокарта и радар» (01.10.2026) ════════ */
#tab-rer{--ic-net:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='2' width='6' height='6' rx='1'/%3E%3Crect x='2' y='16' width='6' height='6' rx='1'/%3E%3Crect x='16' y='16' width='6' height='6' rx='1'/%3E%3Cpath d='M5 16v-3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v3M12 12V8'/%3E%3C/svg%3E");--ic-cam:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3z'/%3E%3Ccircle cx='12' cy='13' r='3.5'/%3E%3C/svg%3E");--ic-film:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='4' width='20' height='16' rx='2'/%3E%3Cpath d='M7 4v16M17 4v16M2 9h5M2 15h5M17 9h5M17 15h5'/%3E%3C/svg%3E");--ic-doc:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 2v6h6M8 13h8M8 17h6'/%3E%3C/svg%3E");--ic-imgs:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='14' height='14' rx='2'/%3E%3Cpath d='M7 21h12a2 2 0 0 0 2-2V7'/%3E%3Ccircle cx='8' cy='8' r='1.5'/%3E%3Cpath d='M17 13l-3-3-8 7'/%3E%3C/svg%3E");--ic-fsearch:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.5 20H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.7.9l.8 1.2a2 2 0 0 0 1.7.9H20a2 2 0 0 1 2 2v3'/%3E%3Ccircle cx='17' cy='17' r='3'/%3E%3Cpath d='M21 21l-1.8-1.8'/%3E%3C/svg%3E");--ic-layers:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2 2 7l10 5 10-5z'/%3E%3Cpath d='m2 17 10 5 10-5M2 12l10 5 10-5'/%3E%3C/svg%3E");--ic-target:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 1v4M12 19v4M1 12h4M19 12h4'/%3E%3C/svg%3E");--ic-send:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m22 2-7 20-4-9-9-4z'/%3E%3Cpath d='M22 2 11 13'/%3E%3C/svg%3E");--ic-shield:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3C/svg%3E");--ic-radar:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19.07 4.93A10 10 0 0 0 6.99 3.34M4 6h.01M2.29 9.62a10 10 0 1 0 19.02-1.27M16.24 7.76a6 6 0 1 0-8.01 8.91M12 18h.01M17.99 11.66a6 6 0 0 1-2.22 5.01'/%3E%3Ccircle cx='12' cy='12' r='2'/%3E%3Cpath d='m13.41 10.59 5.66-5.66'/%3E%3C/svg%3E");--ic-spark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l1.9 5.6L19.5 10.5l-5.6 1.9L12 18l-1.9-5.6L4.5 10.5l5.6-1.9z'/%3E%3Cpath d='M19 3v4M17 5h4'/%3E%3C/svg%3E");--ic-note:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15.5 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V8.5z'/%3E%3Cpath d='M15 3v6h6M9 13h6M9 17h3'/%3E%3C/svg%3E");}

/* ── фон: изолинии рельефа, координатная сетка, мягкий свет ── */
html[data-tab="rer"] body{
  background:
    url(/static/rer-topo.svg) center/cover no-repeat fixed,
    repeating-linear-gradient(0deg,rgba(140,160,255,.05) 0 1px,transparent 1px 72px) fixed,
    repeating-linear-gradient(90deg,rgba(140,160,255,.05) 0 1px,transparent 1px 72px) fixed,
    radial-gradient(900px 520px at 18% -8%,rgba(110,139,255,.17),transparent 60%) fixed,
    radial-gradient(800px 600px at 105% 110%,rgba(155,123,255,.11),transparent 60%) fixed,
    linear-gradient(180deg,#0A0D16 0%,#07090F 100%) fixed;
}
/* радар в правом верхнем углу: кольца + медленно бегущий луч */
html[data-tab="rer"] body::before{
  content:""; position:fixed; z-index:-1; pointer-events:none;
  width:1100px; height:1100px; right:-380px; top:-420px; border-radius:50%;
  background:
    repeating-radial-gradient(circle,transparent 0 89px,rgba(140,160,255,.07) 89px 90px),
    conic-gradient(from 0deg,rgba(122,149,255,.16),rgba(122,149,255,.05) 40deg,transparent 70deg,transparent 360deg);
  -webkit-mask:radial-gradient(circle,#000 30%,transparent 70%); mask:radial-gradient(circle,#000 30%,transparent 70%);
  animation:rer-sweep 14s linear infinite;
}
@keyframes rer-sweep{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){ html[data-tab="rer"] body::before{animation:none} }
html.rer-focus[data-tab="rer"] body::before{display:none}

/* ── иконки: маска + градиент акцента ── */
#tab-rer :is(.rer-pane-head .t,.rer-sec-head .t,.osr-brand b,.mtb-brand b,.rhd-brand b,.rn-title,.rai-pk-title)::before{
  content:""; display:inline-block; vertical-align:-3px; flex:0 0 auto;
  width:16px; height:16px; margin-right:8px;
  background:var(--acc-grad); -webkit-mask:var(--ic,var(--ic-net)) center/contain no-repeat; mask:var(--ic,var(--ic-net)) center/contain no-repeat;
}
#tab-rer .rer-pane-head .t{--ic:var(--ic-net)}
#tab-rer [data-sec-key="photo"] .rer-sec-head .t{--ic:var(--ic-cam)}
#tab-rer [data-sec-key="video"] .rer-sec-head .t{--ic:var(--ic-film)}
#tab-rer [data-sec-key="docs"]  .rer-sec-head .t{--ic:var(--ic-doc)}
#tab-rer [data-sec-key="mv"]    .rer-sec-head .t{--ic:var(--ic-imgs)}
#tab-rer .rer-sec-head .t::before{width:15px; height:15px; margin-right:7px}
#tab-rer .rn-title{--ic:var(--ic-note)}
#tab-rer .rai-pk-title{--ic:var(--ic-spark)}
/* у заголовков режимов — плитка с иконкой */
#tab-rer .osr-brand b{--ic:var(--ic-fsearch)}
#tab-rer .mtb-brand b{--ic:var(--ic-layers)}
#tab-rer .rhd:not(.rtg) .rhd-brand b{--ic:var(--ic-target)}
#tab-rer .rhd.rtg .rhd-brand b{--ic:var(--ic-send)}
#tab-rer :is(.osr-brand,.mtb-brand,.rhd-brand) b::before{
  width:20px; height:20px; padding:7px; margin-right:11px; vertical-align:-9px; box-sizing:content-box;
  border-radius:10px; background:#C9D3FF;
  -webkit-mask:none; mask:none;
  background:
    var(--ic) center/20px 20px no-repeat,
    linear-gradient(145deg,rgba(122,149,255,.30),rgba(155,123,255,.14));
  box-shadow:inset 0 0 0 1px rgba(180,195,255,.25),0 6px 16px -8px rgba(122,120,255,.8);
}
/* в плитке иконка светлая: рисуем её поверх через filter на data-uri (stroke чёрный → светлый) */
#tab-rer :is(.osr-brand,.mtb-brand,.rhd-brand) b::before{filter:invert(.88) sepia(.25) hue-rotate(190deg) saturate(2.2)}

/* ── дерево: щит подразделения вместо точки ── */
#tab-rer #rer-tree .rer-dot{
  width:15px; height:15px; border-radius:0; box-shadow:none;
  background:#8E9CB8; -webkit-mask:var(--ic-shield) center/contain no-repeat; mask:var(--ic-shield) center/contain no-repeat;
}
#tab-rer #rer-tree .rer-row.sel .rer-dot{background:var(--acc-grad); box-shadow:none; filter:drop-shadow(0 0 5px rgba(122,149,255,.8))}
#tab-rer .rer-ul .rer-ul .rer-dot{width:12px; height:12px}

/* ── пустая карточка: крупный радар ── */
#tab-rer .rer-empty{color:var(--txt-3); font-size:14px; line-height:1.6}
#tab-rer .rer-empty::before{
  content:""; display:block; width:64px; height:64px; margin:0 auto 16px;
  background:var(--acc-grad); -webkit-mask:var(--ic-radar) center/contain no-repeat; mask:var(--ic-radar) center/contain no-repeat;
  opacity:.75; filter:drop-shadow(0 0 14px rgba(122,149,255,.6));
}
/* правки v4 */
#tab-rer :is(.osr-brand,.mtb-brand,.rhd-brand) b::before{
  width:24px; height:24px; padding:0; margin-right:10px; vertical-align:-4px; border-radius:0; box-shadow:none; filter:drop-shadow(0 0 8px rgba(122,149,255,.45));
  background:var(--acc-grad); -webkit-mask:var(--ic) center/contain no-repeat; mask:var(--ic) center/contain no-repeat;
}
#tab-rer .rer-empty{display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center}
#tab-rer .rer-empty::before{margin:0 0 16px}
html[data-tab="rer"] body{background-size:cover,auto,auto,auto,auto,auto}
#tab-rer .rer-pane{--panel:rgba(18,22,34,.55)}
#tab-rer :is(#rer-view-media,#rer-view-analog) .rhd-brand b{--ic:var(--ic-layers)}
#tab-rer :is(.osr-brand,.mtb-brand,.rhd-brand) b::before{flex:0 0 24px; min-width:24px; min-height:24px}
#tab-rer .rhd-brand b{display:inline-flex; align-items:center}

/* ════════ v5: цветные вкладки + ярче шрифт (01.10.2026) ════════ */
#tab-rer,#rer-modal,.mtb-menu,body > div:has(> .osr-dlg),body > div:has(> .mtb-dlg){
  --txt:#F3F6FB; --txt-2:#CDD6E4; --txt-3:#A3AFC2; --ph-dim:#A3AFC2; --ph-deep:#8693A8;
}
#tab-rer{font-weight:450}
#tab-rer ::placeholder{color:#8591A5}
/* свой цвет у каждой вкладки (насыщенно, но не «конфетно») */
#tab-rer .rer-mode[data-mode="tree"]  {--mic:#4FD18B}
#tab-rer .rer-mode[data-mode="map"]   {--mic:#4DA3FF}
#tab-rer .rer-mode[data-mode="arch"]  {--mic:#2FD3C1}
#tab-rer .rer-mode[data-mode="media"] {--mic:#FFB240}
#tab-rer .rer-mode[data-mode="hidden"]{--mic:#FF6B57}
#tab-rer .rer-mode[data-mode="tg"]    {--mic:#3FB6F5}
#tab-rer .rer-mode[data-mode="notes"] {--mic:#FFD45A}
#tab-rer .rer-mode[data-mode="ai"]    {--mic:#B98CFF}
#tab-rer .rer-mode[data-mode="ask"]   {--mic:#FF7AC6}
#tab-rer .rer-mode{color:#D3DBE8; font-weight:550; font-size:14px}
#tab-rer .rer-mode .rer-mi{width:19px; height:19px; opacity:1; filter:drop-shadow(0 0 5px color-mix(in srgb,var(--mic) 45%,transparent))}
#tab-rer .rer-mode .rer-mi .f{opacity:.35}
#tab-rer .rer-mode:hover{color:#fff; background:radial-gradient(70% 100% at 50% 100%,color-mix(in srgb,var(--mic) 14%,transparent),transparent 75%)}
#tab-rer .rer-mode:hover::after{background:color-mix(in srgb,var(--mic) 55%,transparent)}
#tab-rer .rer-mode.sel{color:#fff; font-weight:700;
  background:radial-gradient(70% 110% at 50% 100%,color-mix(in srgb,var(--mic) 24%,transparent),transparent 75%)}
#tab-rer .rer-mode.sel::after{background:var(--mic); box-shadow:0 0 12px var(--mic)}
#tab-rer .rer-mode.sel .rer-mi{filter:drop-shadow(0 0 8px var(--mic))}
#tab-rer .rer-mode.sel .rer-mi .f{opacity:.5}

/* ════════ v6 (01.10.2026) ════════ */
/* «Что анализировать» сворачивается: в свёрнутом виде — одна строка */
#tab-rer .rai-pk-tw{display:inline-flex; align-items:center; gap:8px; background:none; border:0; padding:2px 4px 2px 0; cursor:pointer; color:inherit; font:inherit}
#tab-rer .rai-pk-tw svg{width:16px; height:16px; fill:none; stroke:var(--acc-2); stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; transition:transform .18s}
#tab-rer .rai-pick.shut .rai-pk-tw svg{transform:rotate(-90deg)}
#tab-rer .rai-pk-tw:hover .rai-pk-title{color:#fff}
#tab-rer .rai-pick.shut :is(.rai-pk-grid,.rai-pk-foot){display:none}
#tab-rer .rai-pick.shut{gap:0; padding-top:8px; padding-bottom:8px}

/* выпадающие списки: открытое меню было белым с белым текстом */
#tab-rer select,#rer-modal select,body > div > .osr-dlg select{color-scheme:dark; background-color:#151A27; color:var(--txt)}
#tab-rer select option,#tab-rer select optgroup,#rer-modal select option,body > div > .osr-dlg select option{background:#151A27; color:#F3F6FB}
#tab-rer select option:checked{background:#2B3A66; color:#fff}

/* Карта РЭО → «Слои»: при входе все слои выключены, поэтому «выключенный»
   вид должен читаться нормально, а не тонуть */
#tab-rer .rl .rl-row.off .rl-nm,#tab-rer .rl :is(.rl-o.off,.rl-o.toff) .rl-nm{color:var(--txt-2)}
#tab-rer .rl .rl-nm{color:#F3F6FB; font-weight:500}
#tab-rer .rl .rl-o .rl-nm{color:#E2E8F2}
#tab-rer .rl .rl-row.off .rl-k,#tab-rer .rl .rl-row.dim .rl-k{opacity:.85}
#tab-rer .rl :is(.rl-o.off,.rl-o.toff) .rl-ti{opacity:.8}
#tab-rer .rl .rl-row.dim :is(.rl-nm,.rl-n){opacity:.85}
#tab-rer .rl :is(.rl-n,.rl-meta){color:#B3BED0}
#tab-rer .rl .rl-tw{color:#B3BED0}
#tab-rer .rl .rl-tw:hover{color:#fff}
#tab-rer .rl .rl-k{color:#C7D2FF}
#tab-rer .rl .rl-cb::before{border-color:rgba(190,205,255,.75); background:rgba(255,255,255,.04)}
#tab-rer .rl .rl-cb:hover::before{border-color:#fff}
#tab-rer .rl .rl-row:hover{background:rgba(140,160,255,.10)}
#tab-rer .rl .rl-more{color:#B3BED0}
#tab-rer .rl .rl-chip{color:#F3F6FB}
#tab-rer .rl .rl-chip b{color:#CDD6E4}
#tab-rer .rl .rl-chip.off{color:#B3BED0}
#tab-rer .rl .rl-bulk button{color:#D3DBE8}
#tab-rer .rl .rl-q input::placeholder{color:#8F9BB0}
#tab-rer .rl .rl-foot{color:#B3BED0}