/* v2 (03.10.2026): стиль с нуля (решение Вячеслава: палитру резюме не наследовать). Нейтральный графит, один синий акцент,
   зелёный/красный только для прибыли и убытка. Две темы: светлая и тёмная, умолчание — системная, переключатель запоминается.
   Правило: letter-spacing только у заголовков таблицы (разрядка у блочных подписей внутри flex/grid вешает Chrome, 30.09.2026). */
:root{
  --bg:#F6F7F9;--surface:#FFFFFF;--surface-2:#F0F2F5;--line:#E4E7EB;--line-strong:#CDD3DA;
  --text:#1B1F24;--text-2:#434A52;--muted:#5C656F;
  --accent:#2457D6;--accent-ink:#1C46B0;--accent-soft:rgba(36,87,214,.09);--ring:#2457D6;
  --pos:#1A7F4B;--neg:#C2311F;--sk:#E8EBEF;--shadow:0 1px 2px rgba(27,31,36,.05);--r:6px;color-scheme:light}
:root[data-theme=dark]{
  --bg:#121417;--surface:#1A1D21;--surface-2:#22262B;--line:#2C3137;--line-strong:#3B424A;
  --text:#E8EAED;--text-2:#C3C8CE;--muted:#969DA6;
  --accent:#8AB4FF;--accent-ink:#8AB4FF;--accent-soft:rgba(138,180,255,.14);--ring:#8AB4FF;
  --pos:#5BC88A;--neg:#FF8373;--sk:#262A30;--shadow:none;color-scheme:dark}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{background:var(--bg);scrollbar-gutter:stable}   /* место под прокрутку всегда — контент не прыгает при её появлении (Вячеслав, 05.10.2026) */
body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 Inter,"Segoe UI",Roboto,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums}
body{min-height:100vh;display:flex;flex-direction:column}main{flex:1 0 auto;width:100%}   /* подвал прижат к низу на коротких страницах */
a{color:var(--accent-ink);text-decoration:none}a:hover{text-decoration:none;color:var(--accent)}   /* подчёркиваний у ссылок нигде нет (Вячеслав, 06.10.2026): наведение — цветом */
button{font:inherit;color:inherit}
a:focus-visible,button:focus-visible,input:focus-visible,th:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--ring);outline-offset:2px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* шапка: знак из ресёрч\дизайн\лого\знак.svg (стойка и отдельная галочка с зазором) цветами темы, имя «КтоУмеет.рф»
   («.рф» — часть имени как текст, не ссылка: домен не куплен), слоган в той же строке H1, справа API и тема */
.top{border-bottom:1px solid var(--line);background:var(--surface)}
.top .in{max-width:1100px;margin:0 auto;padding:10px 24px;display:flex;align-items:center;gap:14px}   /* контейнер шапки как на лендинге (решение Вячеслава 03.10.2026) */
h1{margin:0;font-size:15px;font-weight:400;color:var(--text-2);line-height:1;min-width:0;display:flex;align-items:center;gap:10px}
h1 a{color:inherit;display:inline-flex;align-items:center;gap:10px}h1 a:hover{text-decoration:none}
h1 .mark{width:28px;height:28px;flex:none}
/* пара 2 из ресёрч\дизайн\лого\шрифты.html (решение Вячеслава 03.10.2026): имя Manrope 800 одним цветом, слоган Inter 400;
   запасной стек тот же, что у страницы, поэтому до загрузки шрифта шапка не прыгает */
h1 .name{font:800 18px/1 Manrope,Inter,"Segoe UI",Roboto,system-ui,sans-serif;color:var(--text);display:inline-flex;align-items:center}
h1 .slogan{font:400 14px/1 Inter,"Segoe UI",Roboto,system-ui,sans-serif;color:var(--muted);white-space:nowrap;margin-left:2px;display:inline-flex;align-items:center;align-self:center;padding-top:3px}   /* слоган по центру строки логотипа (Вячеслав, 05.10.2026) */   /* по вертикальному центру имени и знака */
.top .beta{font-size:11px;font-weight:500;color:var(--muted);border:1px solid var(--line-strong);border-radius:4px;padding:1px 6px;margin-left:8px;vertical-align:2px}
.top .sp{flex:1 1 auto}
.top nav{display:flex;align-items:center;gap:4px;padding-top:3px}   /* кнопка ключа на уровне слогана (Вячеслав, 05.10.2026) */
.ibtn{height:32px;padding:0 10px;border:1px solid transparent;border-radius:var(--r);background:transparent;color:var(--text-2);cursor:pointer;display:inline-flex;align-items:center;gap:6px;font-size:13px}
.ibtn:hover{background:var(--surface-2);color:var(--text)}
.ibtn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
main{max-width:1500px;margin:0 auto;padding:20px 24px 64px;display:flex;flex-direction:column;gap:14px}
/* первый экран: подзаголовок, примеры запросов, три факта и честное «чего здесь нет» (аудит CPO 3.1, Р11, Р12) */
.hero{text-align:center;padding:48px 0 6px;display:flex;flex-direction:column;align-items:center}
.hero h2{margin:0;font:800 32px/1.15 Manrope,Inter,"Segoe UI",Roboto,system-ui,sans-serif;color:var(--text)}
.hero .tagline{margin:8px 0 0;color:var(--text-2);font-size:16px;line-height:1.4}   /* вторая строка под заголовком, как на лендинге (07.10.2026) */
.hero h2{view-transition-name:sb-title}.hero .tagline{view-transition-name:sb-tagline}   /* переход лендинг → поиск: заголовок и подпись переезжают, а не мигают */
/* строка поиска — главный элемент; кнопка фильтров слева, крестик внутри поля */
.bar{display:flex;gap:8px;align-items:stretch;max-width:880px;width:100%;margin:0 auto;position:relative;z-index:35}   /* выше липкой шапки таблицы — для меню сортировки; ниже затемнения фильтров (40) */
.qwrap{position:relative;flex:1 1 260px;min-width:0;display:flex}
#q{flex:1 1 auto;width:100%;min-width:0;font:inherit;font-size:16px;height:48px;padding:0 44px 0 16px;border:1px solid var(--line-strong);border-radius:var(--r);background:var(--surface);color:var(--text);box-shadow:var(--shadow)}
#q::placeholder{color:var(--muted)}
#q::-webkit-search-cancel-button,#q::-webkit-search-decoration{-webkit-appearance:none;display:none}   /* свой крестик вместо родного */
#q:focus{border-color:var(--ring);outline:none;box-shadow:0 0 0 3px var(--accent-soft)}
#clear{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:36px;height:36px;border:0;border-radius:var(--r);background:transparent;color:var(--muted);font-size:24px;line-height:1;cursor:pointer}
#clear:hover{color:var(--accent-ink);background:var(--accent-soft)}
/* крутилка ожидания в строке поиска (06.10.2026): видна только если ответ дольше 250 мс; на время ожидания таблица слегка гаснет */
.qspin{position:absolute;right:48px;top:50%;width:16px;height:16px;margin-top:-8px;border:2px solid var(--line-strong);border-top-color:var(--accent);border-radius:50%;opacity:0;pointer-events:none;transition:opacity .15s}
html.loading .qspin{opacity:1;transition-delay:.25s;animation:sp .8s linear infinite}
html.loading #table tbody{opacity:.55;transition:opacity .2s .25s}#table tbody{transition:opacity .15s}
/* кнопка «Фильтры» слева от строки (число активных), чипы применённых под строкой, дровер справа */
.fbtn{flex:none;height:48px;width:48px;padding:0;justify-content:center;display:inline-flex;align-items:center;gap:6px;box-shadow:var(--shadow)}   /* только значок-ползунки (Вячеслав, 05.10.2026) */
.fbtn:has(b:not([hidden])){width:auto;padding:0 10px}
.fbtn.on{border-color:var(--accent);color:var(--accent-ink)}
.fbtn b{display:inline-block;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--accent);color:#fff;font-size:11px;font-weight:600;line-height:18px;text-align:center}
:root[data-theme=dark] .fbtn b{color:#121417}
.chipsbar{max-width:880px;width:100%;margin:-4px auto 0;display:flex;flex-wrap:wrap;gap:6px}.chipsbar:empty{display:none}   /* чип города и чипы фильтров — в одной строке (тест фильтров п. 16, 07.10.2026) */
.chipsbar .chips{gap:6px}
.chip.info{border-style:dashed}
.chip.clear{border:0;background:transparent;color:var(--accent-ink);padding-left:4px;cursor:pointer}
.backdrop{position:fixed;inset:0;background:rgba(27,31,36,.35);z-index:40}
.drawer{position:fixed;top:0;left:0;bottom:0;width:420px;max-width:100%;background:var(--surface);border-right:1px solid var(--line);box-shadow:12px 0 40px rgba(0,0,0,.15);z-index:41;display:flex;flex-direction:column}   /* слева — там кнопка «Фильтры» (решение 03.10.2026) */
.drawer .dhead{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--line);flex:none}
.drawer .dhead b{font-size:16px;font-weight:600}.drawer .dsub{color:var(--muted);font-size:12.5px}
.drawer .dhead .x{margin-left:auto;width:32px;height:32px;border:0;background:transparent;color:var(--muted);font-size:24px;line-height:1;cursor:pointer;border-radius:var(--r)}
.drawer .dhead .x:hover{color:var(--text);background:var(--surface-2)}
.drawer .dbody{flex:1 1 auto;overflow:auto;scrollbar-gutter:stable;padding:16px 18px;display:flex;flex-direction:column;gap:18px}   /* место под прокрутку всегда — вёрстка не дёргается при раскрытии групп (06.10.2026) */
.drawer .dfoot{flex:none;display:flex;gap:8px;padding:12px 18px;border-top:1px solid var(--line);background:var(--surface)}

/* ползунок с двумя ручками (06.10.2026): два range поверх общей дорожки; ловят мышь только ручки, закрашен отрезок между ними */
.dual{position:relative;height:24px;margin:2px 6px 0}
.dual .track{position:absolute;left:0;right:0;top:10px;height:4px;border-radius:2px;background:var(--line-strong)}
.dual .fill{position:absolute;top:0;bottom:0;background:var(--accent);border-radius:2px}
.dual input[type=range]{position:absolute;left:-6px;right:-6px;width:calc(100% + 12px);top:0;height:24px;margin:0;background:transparent;-webkit-appearance:none;appearance:none;pointer-events:none;outline:none}
.dual input[type=range]::-webkit-slider-runnable-track{background:transparent;height:24px}
.dual input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;pointer-events:auto;width:16px;height:16px;margin-top:4px;border-radius:50%;background:var(--surface);border:2px solid var(--accent);box-shadow:0 1px 3px rgba(0,0,0,.2);cursor:grab}
.dual input[type=range]::-moz-range-track{background:transparent;height:24px}
.dual input[type=range]::-moz-range-thumb{pointer-events:auto;width:12px;height:12px;border-radius:50%;background:var(--surface);border:2px solid var(--accent);box-shadow:0 1px 3px rgba(0,0,0,.2);cursor:grab}
.dual input[type=range]:focus-visible::-webkit-slider-thumb{outline:2px solid var(--ring);outline-offset:2px}
.dual.single{flex:1 1 0;min-width:0;margin:0 6px}.dual.single input[type=range]{pointer-events:auto}   /* тот же ползунок с одной ручкой — степень похожести (06.10.2026) */
.drawer .g .chk{margin-top:2px;font-size:13px}
.drawer .dfoot .fcount{margin-left:auto;align-self:center;color:var(--text-2);font-size:13.5px;font-weight:500}
.soft{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}
.soft button{border:1px solid var(--line);border-radius:999px;background:var(--surface-2);color:var(--text-2);font-size:12px;padding:3px 10px;cursor:pointer}
.soft button:hover,.soft button.on{border-color:var(--accent);color:var(--accent-ink)}
.hint{margin:0 auto;max-width:880px;width:100%;color:var(--muted);font-size:12.5px;text-align:left}
kbd{font:inherit;font-size:11px;border:1px solid var(--line-strong);border-bottom-width:2px;border-radius:4px;padding:0 5px;color:var(--text-2)}
/* примеры запросов — ссылки одного вида; подпись типа запроса показывает, что строка понимает всё */
#start{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:-2px}
/* под строкой: одна строка мелких серых примеров через точку и мелкий счётчик (решение Вячеслава 03.10.2026) */
.examples{margin:0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:0 6px;font-size:13px;color:var(--muted)}
.ex{border:0;background:transparent;padding:2px 2px;cursor:pointer;color:var(--muted);font-size:13px}
.ex:hover{color:var(--accent-ink)}
.examples .dot{color:var(--line-strong)}
.msg .examples{justify-content:flex-start}.msg .ex{border:1px solid var(--line-strong);border-radius:var(--r);background:var(--surface);padding:5px 10px;color:var(--text)}
.proofs{margin:4px 0 0;color:var(--muted);font-size:12.5px;text-align:center}
/* подписи капителью; разрядка только у th (см. правило выше) */
.k{color:var(--muted);font-size:11px;font-weight:600;text-transform:uppercase}
/* группы внутри дровера: подпись капителью, поля «от/до» одной высоты, пояснение под полем */
/* спойлеры фильтров (06.10.2026): заголовок группы — кнопка раскрытия, справа серым — что применено; стрелка слева */
.drawer details.fg{border-bottom:1px solid var(--line);padding:0 0 10px}.drawer details.fg:last-of-type{border-bottom:0}
.drawer details.fg summary{list-style:none;display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px 0;user-select:none}.drawer details.fg summary::-webkit-details-marker{display:none}
.drawer details.fg summary::before{content:"";width:7px;height:7px;border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);transform:rotate(-45deg);margin:0 4px 0 2px;transition:transform .15s;flex:none}
.drawer details.fg[open] summary::before{transform:rotate(45deg);margin-top:-3px}
.drawer details.fg summary .k{font-size:12px}.drawer details.fg summary .fsum{margin-left:auto;color:var(--accent-ink);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:55%}
.drawer details.fg .g{padding-top:2px}
.drawer .dbody{gap:0}.drawer .dhead svg{color:var(--text-2)}
.alist.short{height:140px;max-height:140px}   /* ровно пять строк, высота постоянная — список не дёргается при вводе (06.10.2026) */
.alist .rc{display:inline-block;min-width:22px;margin-right:6px;color:var(--muted);font-weight:500;font-variant-numeric:tabular-nums}   /* код региона перед названием (06.10.2026) */
.alist .khead{color:var(--muted);font-size:11px;font-weight:600;text-transform:uppercase;padding:8px 8px 2px;border-top:1px dashed var(--line);margin-top:4px}
.alist .chk.kind small{color:var(--muted);font-size:11.5px}
/* подблоки внутри спойлера (06.10.2026): свой заголовок помельче, между подблоками тонкая линия */
.drawer .sub{display:flex;flex-direction:column;gap:6px;padding:8px 0 10px;border-top:1px dashed var(--line)}.drawer .sub:first-of-type{border-top:0;padding-top:2px}
.drawer .k2{color:var(--text-2);font-size:12.5px;font-weight:600}.drawer .k2.gap{margin-top:8px}
.drawer .k2row{display:flex;align-items:center;justify-content:space-between}.drawer .subx{border:0;background:transparent;color:var(--muted);font-size:16px;line-height:1;width:22px;height:22px;border-radius:var(--r);cursor:pointer}.drawer .subx:hover{color:var(--accent-ink);background:var(--accent-soft)}
.drawer .sub.locked .alist,.drawer .sub.locked .fld,.drawer .sub.locked .sel,.drawer .sub.locked .checks,.drawer .sub.locked .soft,.drawer .sub.locked .dual{opacity:.45;pointer-events:none}   /* и галочки, подсказки, ползунок (У14, 07.10.2026) */
.drawer .sel{display:flex;flex-wrap:nowrap;gap:4px;height:24px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.drawer .sel::-webkit-scrollbar{display:none}.drawer .sel .selnone{color:var(--muted);font-size:12px;line-height:24px}   /* одна строка постоянной высоты: при отметке список не сдвигается */.drawer .sel .chip{display:inline-flex;align-items:center;gap:4px;font-size:12px;padding:2px 6px 2px 8px;border:1px solid var(--line);border-radius:999px;background:var(--accent-soft);color:var(--accent-ink);max-width:100%}
.drawer .sel .chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawer .sel .chip button{border:0;background:transparent;color:inherit;font-size:14px;line-height:1;cursor:pointer;padding:0 2px}
.drawer .g{display:flex;flex-direction:column;gap:6px;min-width:0}
.drawer .g.checks{gap:10px}.drawer .checks{display:flex;flex-direction:column;gap:6px}.drawer .checks.grid2{display:grid;grid-template-columns:1fr 1fr;gap:6px 10px}
.drawer .g .k b{color:var(--text);font-weight:500;text-transform:none;font-size:12.5px;margin-left:6px}
.drawer .row{display:flex;gap:8px;align-items:center;height:34px}
.drawer input[type=text]{flex:1 1 0;width:0;min-width:0;padding:0 10px;height:34px;font:inherit;font-size:13.5px;border:1px solid var(--line-strong);border-radius:var(--r);background:var(--surface);color:var(--text)}
.drawer input[type=text]:focus{border-color:var(--ring);outline:none}
.drawer input[type=text]::placeholder{color:var(--muted)}
.drawer .row i{font-style:normal;color:var(--muted)}
input[type=range]{accent-color:var(--accent);flex:1 1 0;min-width:0;margin:0}
.drawer .row small{color:var(--muted);font-size:12px;flex:none}
.drawer .why{margin:0;color:var(--muted);font-size:12px;line-height:1.4}
.drawer .row.place{position:relative}.drawer .row.place input{padding-right:30px}
.drawer .row.place .x{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:26px;height:26px;border:0;background:transparent;color:var(--muted);font-size:18px;line-height:1;cursor:pointer}
.drawer .row.place .x:hover{color:var(--accent-ink)}
/* числовые поля «от — до» с крестиком (06.10.2026): крестик виден только при введённом значении */
.drawer .fld{position:relative;flex:1 1 0;min-width:0;display:flex}.drawer .fld input{width:100%;padding-right:26px}
.drawer .fld .x{position:absolute;right:2px;top:50%;transform:translateY(-50%);width:24px;height:24px;border:0;background:transparent;color:var(--muted);font-size:17px;line-height:1;cursor:pointer;border-radius:var(--r)}
.drawer .fld .x:hover{color:var(--accent-ink)}.drawer .fld input:placeholder-shown+.x{display:none}
.chk{display:inline-flex;gap:8px;align-items:center;color:var(--text-2);font-size:13.5px;cursor:pointer}
.chk input{accent-color:var(--accent);width:16px;height:16px;margin:0;flex:none}   /* галочка не ужимается при длинной подписи (06.10.2026: в списке областей галочки были разного размера) */
/* область деятельности: 40 областей справочника списком с галочками и числом юрлиц; поле сверху ищет по названию области и её видам */
.alist{display:flex;flex-direction:column;max-height:140px;overflow:auto;overflow-x:hidden;border:1px solid var(--line);border-radius:var(--r);padding:4px}
.alist .chk{padding:4px 8px;border-radius:var(--r);font-size:13px;gap:10px}.alist .chk:hover{background:var(--surface-2)}.alist .chk.on{color:var(--text)}
.alist .chk .t{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.alist .chk .n{flex:none;white-space:nowrap;color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}
.alist .chk[hidden]{display:none}.alist .none{color:var(--muted);font-size:12.5px;padding:6px 8px}
.btn{padding:7px 12px;border:1px solid var(--line-strong);border-radius:var(--r);background:var(--surface);color:var(--text-2);cursor:pointer;font-size:13px;transition:border-color .15s,color .15s}
.btn:hover{border-color:var(--accent);color:var(--accent-ink)}
.btn.cur{border-color:var(--accent);color:var(--accent-ink);font-weight:600;background:var(--accent-soft)}
.btn[disabled]{opacity:.4;cursor:default}.btn[disabled]:hover{border-color:var(--line-strong);color:var(--text-2)}
.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:500}.btn.primary:hover{background:var(--accent-ink);border-color:var(--accent-ink);color:#fff}
:root[data-theme=dark] .btn.primary{color:#121417}
.btn svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:-3px;margin-right:6px}

/* строка состояния над таблицей: что найдено, подсказка, чипы фильтров; справа — выгрузка */
.status{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;min-height:24px}
.status .n{font-weight:500}.status .sub{color:var(--muted)}
.status .right{margin-left:auto;display:flex;gap:8px;align-items:center}
.status.busy{color:var(--text-2)}
.spin{display:inline-block;width:16px;height:16px;border:2px solid var(--line-strong);border-top-color:var(--accent);border-radius:50%;animation:sp .8s linear infinite;vertical-align:-3px;margin-right:8px}
@keyframes sp{to{transform:rotate(360deg)}}
.chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line-strong);border-radius:999px;background:var(--surface);padding:2px 4px 2px 10px;font-size:12.5px;color:var(--text-2)}
.chip button{border:0;background:transparent;color:var(--muted);font-size:16px;line-height:1;width:20px;height:20px;cursor:pointer;border-radius:50%}
.chip button:hover{color:var(--accent-ink);background:var(--accent-soft)}
.chip i{font-style:normal;color:var(--muted);cursor:help}
.msg{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:16px 20px;color:var(--text-2);max-width:880px;width:100%;margin:0 auto}
.msg b{color:var(--text);font-weight:600;display:block;margin-bottom:4px}
.msg .examples{justify-content:flex-start;margin-top:10px}
/* таблица: восемь столбцов (решение Вячеслава 03.10.2026: «Сотрудники» вместо «Доля %»), числа табличные и вправо, липкая шапка */
.wrap{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);overflow:hidden}
.wrap[aria-busy=true]{opacity:.55;pointer-events:none}
table{border-collapse:separate;border-spacing:0;width:100%;font-size:13px;table-layout:auto}
th,td{padding:9px 10px;text-align:left;vertical-align:top;border-top:1px solid var(--line)}
th:first-child,td:first-child{padding-left:14px}th:last-child,td:last-child{padding-right:14px}
thead th{position:sticky;top:0;z-index:1;background:var(--surface-2);border-top:0;border-bottom:1px solid var(--line-strong);white-space:nowrap;padding:10px 10px;color:var(--muted);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em}
th[data-sort]{cursor:pointer;user-select:none}th[data-sort]:hover{color:var(--accent-ink)}
th[data-sort]::after{content:"↕";opacity:.35;margin-left:4px}th.up::after{content:"↑";opacity:1;color:var(--accent-ink)}th.down::after{content:"↓";opacity:1;color:var(--accent-ink)}
tbody tr.row{cursor:pointer}tbody tr.row:hover{background:var(--accent-soft)}
tbody tr.row:focus-visible{outline:2px solid var(--ring);outline-offset:-2px}
/* строка стремится к двум подстрокам, максимум трём (04.10.2026): доли столбцов заданы colgroup при table-layout:fixed (стол), длинное —
   многоточием с полным текстом в подсказке: бренд, название юрлица, формулировка вида и область — по одной строке, город и описание — по две */
@media (min-width:1100px){table{table-layout:fixed}thead th.c-city{white-space:normal;hyphens:manual}}   /* «Сотруд-ники» и «Город и регион» в две строки: столбцы узкие; город не рвать посреди слова */
.c-name,.c-cat,.c-sum,.c-city{color:var(--text-2)}
/* ячейка юрлица: название (одна строка, многоточие), ИНН, город — ровно три строки (Вячеслав, 06.10.2026) */
.c-name .t{display:block;min-width:0}
.c-name .nm{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.c-name .inn{display:block;white-space:normal;color:var(--muted)}.c-name .innno,.c-name .place{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.c-name .place{color:var(--text-2)}.c-name .region{color:var(--muted)}
.clamp2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;overflow-wrap:anywhere}   /* до трёх строк (Вячеслав, 06.10.2026) */
.c-cat .t{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;min-width:0;overflow-wrap:anywhere}.c-cat .cat{display:block;white-space:normal}.c-cat .area{display:block;white-space:normal;color:var(--muted);font-size:12px;margin-top:2px}   /* формулировка и область с переносами, вместе не больше трёх строк (06.10.2026) */
.c-fin{white-space:nowrap;text-align:right;min-width:72px}.c-emp{white-space:nowrap;text-align:right;min-width:70px}thead .c-fin,thead .c-emp{text-align:right}
/* заголовок «Сотрудники» шире своего столбца: выступает влево над хвостом «Описание» (там всегда пусто), сам столбец — под число (06.10.2026) */
thead th.c-emp{overflow:visible}thead th.c-emp .hl{position:absolute;right:10px;top:50%;transform:translateY(-50%);white-space:nowrap}
.c-fin .t{display:flex;flex-direction:column;align-items:flex-end;gap:1px}.c-fin .mar{font-size:11.5px}   /* выручка / прибыль / доля в одном столбце (06.10.2026); доля цветом, как прибыль */
/* подсказки «выручка/прибыль/доля/штат» при наведении на строку (06.10.2026) сняты 07.10.2026 (Вячеслав: «ерундовые и некрасивые»); что за число — в подсказках заголовков столбцов */
.c-emp .hint{white-space:nowrap}
.plus{color:var(--pos)}.minus{color:var(--neg)}
.zero{color:var(--muted);border-bottom:1px dotted var(--line-strong);cursor:help}
.inn{display:block;color:var(--muted);font-size:12px;white-space:nowrap}
/* (строка города слита со строкой ИНН, 06.10.2026) */
.none{color:var(--muted)}
/* бренд и сайт в одной ячейке; значок — favicon сайта (поле icon) поверх буквы бренда: не загрузился — остаётся буква
   (решение Вячеслава 03.10.2026: значки вернуть; замечание CLO 3.7 о запросах к чужим хостам остаётся в документе) */
.who{display:grid;grid-template-columns:22px 1fr;gap:2px 8px;align-items:start}
.who .av{grid-row:span 2;position:relative;width:22px;height:22px;border-radius:5px;background:var(--accent-soft);color:var(--accent-ink);font-weight:600;font-size:11px;display:flex;align-items:center;justify-content:center;margin-top:1px;overflow:hidden}
.who .av img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:2px;background:var(--surface);border-radius:5px;visibility:hidden}.who .av img.ok{visibility:visible}
.who .av:has(img.ok),.ws .av:has(img.ok){color:transparent;font-size:0;background:var(--surface)}   /* буква под картинкой не занимает места — картинка по центру плашки (06.10.2026) */   /* буква под загруженной картинкой не просвечивает */
.more li img{width:14px;height:14px;vertical-align:-3px;margin-right:5px;border-radius:3px}
.who .brand{font-weight:600;color:var(--text);line-height:1.3;overflow-wrap:anywhere}
.who .site{font-size:12px;color:var(--muted);overflow-wrap:anywhere}
/* адрес сайта — явная ссылка: цвет темы, тонкое постоянное подчёркивание, ↗ после адреса (решение Вячеслава 03.10.2026) */
.ext{color:var(--accent-ink);text-decoration:none;cursor:pointer}
.ext:hover{text-decoration-color:currentColor}.ext::after{content:"↗";font-size:.85em;margin-left:2px;opacity:.7}
.ext:focus-visible{outline:2px solid var(--ring);outline-offset:2px;border-radius:2px}
/* ячейка таблицы (образец — карточка на лендинге, решение Вячеслава 03.10.2026): значок 26 px слева по центру двух строк,
   справа бренд и под ним ссылка; обе строки — в одну строку с обрезкой, полное имя и адрес в title */
.ws{display:grid;grid-template-columns:50px 1fr;gap:0 10px;align-items:start;min-width:0}   /* значок на высоту трёх строк (Вячеслав, 06.10.2026) */   /* значок — по первым двум строкам (бренд и адрес), третья строка «ещё» его не сдвигает (06.10.2026) */   /* значок по высоте двух строк текста */
.ws .t{display:flex;flex-direction:column;gap:0;min-width:0;line-height:17px}
.ws .brand{font-weight:600;color:var(--text);line-height:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}   /* бренд одной строкой: бренд / адрес / «ещё» — три строки (06.10.2026) */
.ws .site{font-size:12px;line-height:17px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ws .more{grid-column:2;margin-top:0;line-height:17px}   /* «ещё N» — третьей строкой (06.10.2026) */
.ws .av{grid-row:span 2;position:relative;width:50px;height:50px;border-radius:9px;background:var(--accent-soft);color:var(--accent-ink);font-weight:600;font-size:18px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.ws .av img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:4px;background:var(--surface);border-radius:9px;visibility:hidden}.ws .av img.ok{visibility:visible}
.ws .av img.small{position:static;width:auto;height:auto;max-width:100%;max-height:100%;padding:0;background:transparent;border-radius:4px}   /* мелкий значок не растягивается больше чем вдвое (как в карточке) */
/* «ещё N» — в строке адреса (06.10.2026) */
tbody tr.row.locked .ws .brand{color:var(--muted)}tbody tr.row.locked .ws .av{background:var(--surface-2);color:var(--muted)}
.more{font-size:12px;color:var(--muted);margin-top:4px}.more summary{cursor:pointer;width:max-content;list-style:none;color:var(--accent-ink)}.more summary::before{content:"+ "}.more[open] summary::before{content:"− "}
.more ul{margin:4px 0 0;padding-left:14px}.more li{margin:2px 0}.more small{color:var(--muted)}
.pager{display:flex;gap:4px;flex-wrap:wrap;align-items:center;justify-content:center;margin-top:4px}
.pager span{color:var(--muted);min-width:34px;text-align:center}   /* многоточие занимает место кнопки — ряд не скачет */
/* страницы (06.10.2026): тихие кнопки без рамки, текущая — заливкой акцентом; «Назад»/«Вперёд» невидимы, когда идти некуда, место остаётся */
.pager .pg{min-width:34px;height:34px;padding:0 10px;border:1px solid transparent;border-radius:var(--r);background:transparent;color:var(--text-2);font:inherit;font-size:13px;cursor:pointer;transition:background .15s,color .15s}
.pager .pg:hover{background:var(--accent-soft);color:var(--accent-ink)}
.pager .pg.cur{background:var(--accent);color:#fff;font-weight:600;cursor:default}:root[data-theme=dark] .pager .pg.cur{color:#121417}
.pager .pg.nav{color:var(--muted);padding:0 12px}.pager .pg.nav:hover{color:var(--accent-ink)}
/* заглушка загрузки: серые полосы вместо пустого экрана */
.sk{display:flex;flex-direction:column;gap:10px;padding:14px}
.sk i{display:block;height:12px;border-radius:4px;background:linear-gradient(90deg,var(--sk) 25%,var(--surface-2) 50%,var(--sk) 75%);background-size:200% 100%;animation:sh 1.2s linear infinite}
@keyframes sh{to{background-position:-200% 0}}
/* сноска под таблицей: единственное место с годом и источником финансов */
.foot{color:var(--muted);font-size:12.5px;line-height:1.5;max-width:110ch}
.foot p{margin:0 0 6px}
/* подвал: ссылки короткими колонками (Сервис / Разработчикам / Связь), знак слева, две мелкие строки, воздух (03.10.2026) */
.sfoot{border-top:1px solid var(--line);background:var(--surface);color:var(--muted);font-size:12.5px;line-height:1.6}
.sfoot .in{max-width:1500px;margin:0 auto;padding:28px 24px 32px;display:flex;flex-direction:column;gap:14px}
/* подвал по центру; левая колонка — бренд как заголовок колонки и три строки той же высоты (20px), что ссылки справа (Вячеслав, 06.10.2026) */
.sfoot .cols{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:16px 24px;align-items:start;max-width:1100px;width:100%;margin:0 auto}
.sfoot .left{display:flex;flex-direction:column;gap:4px}.sfoot .left p{line-height:20px}
.sfoot .brand{display:inline-flex;align-items:center;gap:8px;color:var(--muted);height:20px;margin-bottom:2px}
.sfoot .brand svg{width:16px;height:16px;flex:none}.sfoot .brand b{font:800 12.5px/16px Manrope,Inter,"Segoe UI",Roboto,system-ui,sans-serif;color:var(--text-2);display:inline-block;padding-top:1px}
.sfoot .brand .year{color:var(--muted);line-height:16px;display:inline-block;padding-top:2px}   /* знак, имя и год на одной линии (Вячеслав, 05.10.2026) */
.sfoot nav{display:flex;flex-direction:column;gap:4px}.sfoot nav .k{margin-bottom:2px;line-height:20px}
.sfoot nav a{color:var(--text-2);text-decoration:none;line-height:20px}.sfoot nav a:hover{color:var(--accent-ink);text-decoration:none}
.sfoot p{margin:0;font-size:12.5px;color:var(--muted)}.sfoot p a{color:var(--text-2)}
/* карточка компании: бренд и сайт, юрлицо и ИНН, описание с подписью источника, признаки, финансы плитками,
   график «Сотрудники и финансы по годам» по полю finance и строка реквизитов из полей записи (03.10.2026) */
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:24px 28px;display:flex;flex-direction:column;gap:18px;box-shadow:var(--shadow);width:100%;margin:0 auto}
/* данные слева, график справа (решение Вячеслава 03.10.2026); ниже 1100 px — друг под другом */
.card .cbody{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:18px 32px;align-items:stretch}   /* правая колонка той же высоты, что левая (Вячеслав, 06.10.2026) */
.card .cl{display:flex;flex-direction:column;gap:18px;min-width:0}.card .cr{min-width:0;display:flex}
#me{display:flex;flex-direction:column;gap:0}
#me .simhead{width:100%;margin:10px auto -4px;display:flex;align-items:center;gap:8px 16px;flex-wrap:wrap}   /* до таблицы те же 10 px, что от карточки (06.10.2026); пустой .status не занимает места */
.status:empty{display:none}
#me .simhead .cnt{font-size:15px;font-weight:500}#me .simhead .sub{color:var(--muted);font-size:12.5px}
#me .simhead .right{margin-left:auto}
.card .chead{display:flex;justify-content:space-between;align-items:flex-start;gap:12px 32px;flex-wrap:nowrap}   /* в одну строку: блок юрлица ужимается, а не переносится под бренд (06.10.2026) */
.card .chead .who{flex:0 1 auto;min-width:0}
.card .who{grid-template-columns:48px 1fr;gap:0 12px;align-items:start}   /* значок у верха: раскрытый список сайтов не сдвигает его вниз */
.card .who .av{width:48px;height:48px;font-size:20px;border-radius:10px;margin-top:0}.card .who .av img{padding:4px;border-radius:10px;image-rendering:auto}.card .who .av img.small{position:static;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;padding:0;background:transparent;border-radius:4px}
.card .who .brand{font-size:24px;font-weight:600;line-height:1.15}
.card .who .site{font-size:14px;margin-top:2px;display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.card .who .site .more{margin:0;font-size:13px}   /* «ещё N» в строке адреса и не сдвигается при раскрытии: список выпадает под ним (06.10.2026) */
/* блок юрлица справа: три строки одной высоты (20 px) с одинаковыми зазорами, отступ от правого края 4 px (Вячеслав, 06.10.2026) */
.card .legal{text-align:right;min-width:0;max-width:min(60%,460px);flex:0 1 auto;margin-left:auto;color:var(--text-2);padding-right:4px;line-height:20px}   /* длинное название не раздвигает шапку: блок не шире 58 % строки (06.10.2026, atlastracker.ru) */
.card .legal .nm{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:20px;overflow-wrap:anywhere}   /* название до двух строк, полное — в подсказке */.card .legal .k{display:block;margin-bottom:3px}
.card .legal .inn{display:block;font-size:13px;line-height:20px}.card .legal .regl{display:block;font-size:12.5px;line-height:20px;color:var(--muted);margin-top:0}
.card .desc{margin:0;font-size:16px;line-height:1.5;color:var(--text);max-width:64em;text-wrap:pretty}
.card .src{margin:-10px 0 0;color:var(--muted);font-size:12px}
.card .tags{display:flex;gap:12px 36px;flex-wrap:wrap}
.card .tags .k{display:block;margin-bottom:2px}.card .tags .v{color:var(--text);font-size:14px;display:block}.card .tags .v2{display:block;color:var(--muted);font-size:13px}
.card .okved{margin:-6px 0 0;font-size:13px;color:var(--text-2)}.card .okved .k{color:var(--muted);font-size:inherit;font-weight:400;text-transform:none}
.card .stats{display:flex;flex-wrap:wrap;border:1px solid var(--line);border-radius:var(--r);overflow:hidden}.card .stat{flex:1 1 auto;min-width:96px}   /* ширина плитки по содержимому, вместе — на всю ширину (Вячеслав, 07.10.2026) */
.card .stat .lbl small{text-transform:none;font-weight:400}
.card.nofin .cbody{grid-template-columns:1fr}
.card .stat{padding:12px 14px;border-right:1px solid var(--line);background:var(--surface-2)}.card .stat:last-child{border-right:0}
.card .stat .num{font-size:19px;line-height:1.2;color:var(--text);margin-bottom:4px;white-space:nowrap}
.card .stat .num .none{font-size:19px}
.card .stat .lbl{color:var(--muted);font-size:11px;font-weight:600;text-transform:uppercase}
.card .stat .lbl small{display:block;text-transform:none;font-weight:400;font-size:11.5px;margin-top:2px}
/* «Финансы по годам»: заголовок с источником, два SVG-графика (деньги и люди), таблица цифрами в раскрывашке */
.card .fin{border:1px solid var(--line);border-radius:var(--r);padding:12px 16px 10px;display:flex;flex-direction:column;gap:8px;width:100%}
.card .fin .charts{flex:1 1 auto;align-items:center}.card .fin .ch{justify-content:center;height:100%}
.card .finhead{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.card .finhead .sub{color:var(--muted);font-size:12.5px}

.card .demo{font-size:11px;font-weight:600;color:var(--neg);border:1px solid var(--neg);border-radius:4px;padding:0 6px;cursor:help}
.card .charts{display:flex;gap:16px 28px;flex-wrap:wrap;align-items:flex-start}
.card .ch{margin:0;flex:1 1 300px;min-width:0;display:flex;flex-direction:column;gap:4px}
.card .ch svg{width:100%;height:auto;display:block;margin:0 auto;font:12px Inter,"Segoe UI",Roboto,system-ui,sans-serif}   /* график по центру блока (Вячеслав, 06.10.2026) */.card .ch.money svg{max-width:560px}.card .ch svg[viewBox^="0 0 300"]{max-width:320px}
.card .ch .axis{stroke:var(--line-strong);stroke-width:1}.card .ch .band{fill:var(--surface-2)}   /* подложка под группой столбиков одного года (06.10.2026) */
.card .ch .t-val{fill:var(--text);font-size:11.5px;font-weight:500;paint-order:stroke;stroke:var(--surface-2);stroke-width:3px;stroke-linejoin:round}   /* ореол цвета подложки, не белый (Вячеслав, 07.10.2026) */   /* ореол цвета фона: подпись читается поверх соседнего столбика */
.card .ch .t-year{fill:var(--muted);font-size:11.5px}
.card .ch .t-muted{fill:var(--muted);font-size:12px}
.card .lg{display:flex;gap:14px;font-size:12px;color:var(--muted);flex-wrap:wrap;justify-content:center;margin-top:2px}
.card .lg i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:5px;vertical-align:-1px}.card .lg i+i{margin-left:-2px}

/* окно «Купить ключ» — макет страницы оплаты (решение 03.10.2026: оплата позже, ключ принимается как заготовка) */
dialog{border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);padding:24px 28px;max-width:460px;width:calc(100% - 32px);box-shadow:0 12px 40px rgba(0,0,0,.18)}
dialog::backdrop{background:rgba(27,31,36,.45)}
dialog h3{margin:0 0 6px;font-size:18px}dialog p{margin:0 0 12px;color:var(--text-2)}
dialog .pack{border:1px solid var(--line);border-radius:var(--r);padding:12px 14px;margin:0 0 14px;background:var(--surface-2)}
dialog .pack b{font-size:20px;display:block}
dialog .keyrow{display:flex;gap:8px;margin:0 0 14px}
dialog input[type=text]{flex:1 1 auto;min-width:0;font:inherit;padding:8px 10px;border:1px solid var(--line-strong);border-radius:var(--r);background:var(--surface);color:var(--text)}
dialog .acts{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}
dialog .mock{color:var(--muted);font-size:12px;margin:0}#offerdlg .payrow{margin:0 0 8px}#offerdlg #payTo,#offerdlg #payErr{margin:0 0 8px}#offerdlg #payNote{margin-top:8px}#offerdlg #payNote a{color:var(--muted)}dialog .mock.err{color:var(--neg)}
dialog .kstat{font-size:15px}dialog .kstat b{color:var(--pos)}
dialog .gives{margin:0 0 14px;padding-left:18px;color:var(--text-2)}dialog .gives li{margin:3px 0}
dialog .packs{display:flex;gap:10px;margin:0 0 12px}
dialog .pack{flex:1 1 0;border:1px solid var(--line-strong);border-radius:var(--r);background:var(--surface-2);padding:10px 12px;text-align:left;cursor:pointer;color:var(--text-2)}
dialog .pack b{display:block;font-size:18px;color:var(--text)}dialog .pack.on{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}
dialog #payNote{margin-top:8px}
#keybtn.on{color:var(--pos)}
/* закрытые строки (стена, Р13): приглушены, замок, без данных; строка не открывает карточку */
tbody tr.row.locked{cursor:pointer;color:var(--muted)}   /* подсветка при наведении — как у открытых (Вячеслав, 07.10.2026) */
tbody tr.row.locked .who .brand,tbody tr.row.locked .c-name,tbody tr.row.locked .c-sum,tbody tr.row.locked .c-cat,tbody tr.row.locked .c-city{color:var(--muted)}
tbody tr.row.locked .who .av{background:var(--surface-2);color:var(--muted)}
tbody tr.row.locked .site{color:var(--accent-ink)}   /* зона домена у закрытой строки — цветом ссылки, как сама полоска (07.10.2026) */
/* плашка-стена между открытыми и закрытыми строками */
tr.wallrow td{padding:0;border-top:0}
.wall{display:flex;align-items:center;gap:10px 16px;flex-wrap:wrap;padding:14px 16px;background:var(--accent-soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.wall b{font-weight:600}.wall .sub{color:var(--text-2)}.wall .acts{margin-left:auto;display:flex;gap:8px}
@media (max-width:1099px){.wall{border:1px solid var(--line);border-radius:var(--r)}#table tbody tr.wallrow{display:block;padding:0;background:transparent;border:0;box-shadow:none}#table tr.wallrow td{display:block}.wall .acts{margin-left:0}}
/* --- адаптация: широкий экран, планшет, телефон --- */
@media (min-width:1700px){main{max-width:1800px}table{font-size:13.5px}}
@media (min-width:1100px) and (max-width:1399px){table{font-size:12.5px}th,td{padding:8px 8px}th:first-child,td:first-child{padding-left:12px}th:last-child,td:last-child{padding-right:12px}.inn,.c-cat .area,.ws .site{font-size:11.5px}}   /* 1100–1400: кегль на шаг меньше, отступы уже */
@media (max-width:1099px){                          /* планшет и телефон: строки таблицы — карточками */
  .wrap{background:transparent;border:0;box-shadow:none;overflow:visible}
  #table,#table tbody{display:block;width:100%}#table thead{display:none}
  #table tbody tr{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px 12px;padding:12px 14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);align-content:start;box-shadow:var(--shadow)}
  #table td{display:block;border:0;padding:0;min-width:0}
  td.c-site,td.c-name,td.c-sum,td.c-cat,td.c-city{grid-column:1/-1}
  td.c-name{font-size:12.5px}td.c-name .inn{display:block;margin-left:0}.c-site{max-width:none}
  td.c-sum{font-size:13px}
  .clamp2{display:block;-webkit-line-clamp:none}.c-name .nm,.c-cat .cat,.c-cat .area{white-space:normal}
  td.c-cat::before,td.c-city::before,td.c-fin::before,td.c-emp::before{content:attr(data-k);display:block;color:var(--muted);font-size:10.5px;text-transform:uppercase;font-weight:600}
  #table td.c-cat,#table td.c-city{display:flex;gap:8px;align-items:baseline}td.c-cat::before,td.c-city::before{flex:none;min-width:0}
  td.c-fin,td.c-emp{text-align:left;padding-top:4px;border-top:1px solid var(--line)}.c-fin .t{align-items:flex-start;flex-direction:row;flex-wrap:wrap;gap:4px 10px}.c-fin .t>span{white-space:nowrap}.c-fin,.c-emp{white-space:normal}.c-emp .hint{display:inline}   /* телефон: числа переносятся, горизонтальной прокрутки нет (07.10.2026) */
  .wrap[aria-busy=true]{opacity:.55}
  .card .stat{min-width:130px}
  .card .cbody{grid-template-columns:1fr}
}
@media (max-width:1099px) and (min-width:761px){
  main{padding:16px 16px 56px}.sfoot .in{padding:16px 16px 24px}
  #table tbody{display:grid;grid-template-columns:1fr 1fr;gap:10px}
}
@media (max-width:760px){
  main{padding:12px 12px 48px;gap:12px}.top .in{padding:8px 12px;gap:10px}
  .sfoot .in{padding:20px 12px 24px}.sfoot .cols{grid-template-columns:1fr}
  h1 .slogan{display:none}h1 .mark{width:24px;height:24px}h1 .name{font-size:16px}#keylbl{display:none}#keybtn{padding:0 8px}.ibtn{white-space:nowrap}   /* на телефоне «Как это работает» — в подвале */.top .beta{display:none}#theme span{display:none}#theme{padding:0 8px}
  .hero{padding:20px 0 4px}.hero h2{font-size:26px}
  .bar{gap:6px}#q{height:44px;font-size:16px;padding-left:12px}.fbtn{height:44px;width:44px}.fbtn:has(b:not([hidden])){width:auto;padding:0 8px}
  .hint{display:none}
  .drawer{width:100%;border-right:0}
  #table tbody tr{margin-bottom:10px}
  .status .right{margin-left:0;width:100%}.status .right .btn{flex:1 1 auto;text-align:center}
  .card .fin{padding:10px 10px 8px}.card .ch.money svg{max-width:none}   /* телефон: график рисуется под ширину блока целиком, без прокрутки (03.10.2026) */
  .card{padding:16px;gap:14px}.card .who .brand{font-size:20px}.card .legal{text-align:left;max-width:none;margin-left:0;align-self:stretch;padding-right:0}.card .chead{flex-direction:column}
  .card .stats{display:grid;grid-template-columns:1fr 1fr}.card .stat{min-width:0;border-bottom:1px solid var(--line)}.card .stat:nth-child(2n){border-right:0}.card .stat:nth-last-child(-n+2):nth-child(odd),.card .stat:last-child{border-bottom:0}#offerdlg .pack .q,#offerdlg .pack .r{white-space:nowrap}
  .card .stat{padding:10px 10px}.card .stat .num{font-size:15px}.card .stat .num .none{font-size:15px}
  .card .tags{gap:10px 20px}.card .desc{font-size:15px}
  .pager .pg{min-width:30px;height:30px;padding:0 8px}.pager .pg.nav{padding:0 8px}#me .simhead .right{margin-left:0;width:100%}
}
@media (prefers-reduced-motion:reduce){.spin,.sk i{animation:none}}

/* бренд в строке — ссылка на карточку (05.10.2026): выглядит как текст, подчёркивание при наведении */
.ws .brand a.cardlink{color:inherit;text-decoration:none}.ws .brand a.cardlink:hover{text-decoration:none;color:var(--accent-ink)}

/* h1/h2 в карточке (Р24, 05.10.2026): семантика для поиска, вид прежний */
h1.brand,h2.k,h2.cnt{margin:0;font:inherit;display:inline}.who h1.brand{display:block}

/* город и регион двумя строками (05.10.2026) */
.c-city .t{display:flex;flex-direction:column;min-width:0}.c-city .city,.c-city .region{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.c-city .region{color:var(--muted);font-size:12px;margin-top:2px}
@media (max-width:760px){.c-city .city,.c-city .region{white-space:normal}}

/* ключ и лимиты (05.10.2026): кнопка-баланс в шапке, плашка-напоминание, окно цен */
.ibtn.low{color:#B7791F}:root[data-theme=dark] .ibtn.low{color:#E2B23A}.ibtn.off{color:var(--muted)}
.remind{max-width:880px;width:100%;margin:6px auto 0;display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 14px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);font-size:13.5px}
.remind .acts{margin-left:auto;display:flex;align-items:center;gap:6px}.remind .x{border:0;background:transparent;color:var(--muted);font-size:20px;line-height:1;cursor:pointer;width:28px;height:28px;border-radius:var(--r)}.remind .x:hover{background:var(--surface-2);color:var(--text)}
dialog .unit{margin:0 0 10px;font-size:14px}dialog .kstat2{font-size:13px;color:var(--text-2);margin:0 0 8px}
dialog .pack span{display:block;color:var(--muted);font-size:12.5px;margin-top:2px}

/* переключатель темы в подвале (Вячеслав, 05.10.2026): как ссылка подвала, со значком */
.sfoot .tbtn{border:0;background:transparent;color:var(--text-2);cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:0;font:inherit;text-align:left}
.sfoot .tbtn:hover{color:var(--accent-ink)}.sfoot .tbtn svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* «Как это работает» — под счётчиками на пустом экране (решение 05.10.2026: в шапке только логотип и ключ) */
#start .how{text-align:center;margin:6px 0 0;font-size:13.5px}#start .how a{color:var(--accent-ink)}

.fbtn svg{width:22px;height:22px;flex:none;margin:0}

/* плавное схлопывание заголовка и счётчиков при поиске (05.10.2026) */
.hero,#start{transition:opacity .5s ease-out,max-height .5s ease-out,padding .5s ease-out,margin .5s ease-out;overflow:hidden;opacity:1}
.hero{max-height:140px}#start{max-height:64px}   /* близко к настоящей высоте — иначе первая часть анимации «пустая» и схлопывание идёт рывком */
.hero.gone,#start.gone{opacity:0;max-height:0;padding-top:0;padding-bottom:0;margin:0;pointer-events:none}
@media (prefers-reduced-motion:reduce){.hero,#start{transition:none}}
html.searching .hero,html.searching #start{max-height:0;opacity:0;padding-top:0;padding-bottom:0;margin:0;transition:none;pointer-events:none}   /* загрузка с запросом: сразу схлопнуто, без display:none — чтобы возврат по крестику был плавным */

/* бесшовный переход поиск ↔ лендинг (Вячеслав, 05.10.2026): переходы между документами — строка поиска и шапка «переезжают»,
   остальное плавно сменяется; браузеры без поддержки открывают страницу как обычно */
@view-transition{navigation:auto}
.top{view-transition-name:sb-top}.bar{view-transition-name:sb-search}
::view-transition-old(root),::view-transition-new(root){animation-duration:.35s}
::view-transition-group(sb-search),::view-transition-group(sb-top){animation-duration:.45s}
@media (prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none}}

/* плавное появление строк таблицы, стены и карточки — при поиске, открытии карточки и смене страницы (Вячеслав, 05.10.2026) */
@keyframes sb-rowin{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@keyframes sb-fadein{from{opacity:0}to{opacity:1}}
tbody#list tr{animation:sb-rowin .3s ease-out}
#mecard{animation:sb-fadein .35s ease-out both}
.pager{animation:sb-fadein .3s ease-out both}
@media (prefers-reduced-motion:reduce){tbody#list tr,#mecard,.pager{animation:none}}

/* плавность везде (05.10.2026): окна ключа и цен, фильтры (дровер и затемнение), чипы, сообщения, напоминание, плашка стены, карточка */
@keyframes sb-pop{from{opacity:0;transform:translateY(6px) scale(.985)}to{opacity:1;transform:none}}
@keyframes sb-slidein{from{opacity:0;transform:translateX(-24px)}to{opacity:1;transform:none}}
dialog[open]{animation:sb-pop .25s ease-out both}dialog[open]::backdrop{animation:sb-fadein .25s ease-out both}
.drawer:not([hidden]){animation:sb-slidein .3s ease-out both}.backdrop:not([hidden]){animation:sb-fadein .3s ease-out both}
@media (max-width:760px){.drawer:not([hidden]){animation:sb-pop .3s ease-out both}}
.drawer-open .chipsbar{position:relative;z-index:45}.drawer-open .chip.clear{background:var(--surface);border:1px solid var(--line-strong)}   /* «сбросить всё» без подложки выглядело затемнённым (Вячеслав, 07.10.2026) */   /* при открытом дровере чипы над затемнением — ими можно пользоваться; в остальное время ниже меню сортировки (07.10.2026) */
.chipsbar .chips,.msg:not([hidden]),.remind:not([hidden]),#me:not([hidden]) .simhead,.status>*{animation:sb-fadein .3s ease-out both}
tbody#list tr.wallrow{animation:sb-fadein .4s ease-out both}
.btn,.ibtn,.chip,.pack,th[data-sort]{transition:background-color .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease}
tbody tr.row{transition:background-color .15s ease}
@media (prefers-reduced-motion:reduce){dialog[open],dialog[open]::backdrop,.drawer:not([hidden]),.backdrop:not([hidden]),.chipsbar .chips,.msg,.remind,.simhead,.status>*,tbody#list tr.wallrow{animation:none}}

/* кнопка сортировки слева от фильтров и её меню (06.10.2026) */
.sortwrap{position:relative;flex:none;z-index:60}
.sortmenu{position:absolute;top:calc(100% + 6px);left:0;z-index:60;isolation:isolate;min-width:200px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:0 8px 28px rgba(0,0,0,.14);padding:6px;display:flex;flex-direction:column;animation:sb-pop .2s ease-out both}
.sortmenu button{text-align:left;border:0;background:transparent;color:var(--text);font:inherit;padding:8px 10px;border-radius:var(--r);cursor:pointer}
.sortmenu button:hover{background:var(--surface-2)}.sortmenu button.on{color:var(--accent-ink);font-weight:600}
#sortbtn.on{border-color:var(--accent);color:var(--accent-ink)}

/* скелетон в форме таблицы (06.10.2026) */
tr.skrow td{padding:12px 10px;vertical-align:top}tr.skrow td i{display:block;height:11px;margin:4px 0;border-radius:4px;background:linear-gradient(90deg,var(--sk) 25%,var(--surface-2) 50%,var(--sk) 75%);background-size:200% 100%;animation:sh 1.2s linear infinite}
tr.skrow td.c-emp i,tr.skrow td.c-fin i{margin-left:auto}
@media (prefers-reduced-motion:reduce){tr.skrow td i{animation:none}}

/* перекрёстное затухание таблицы и карточки при смене данных (06.10.2026); во время перехода строки не всплывают по второму разу */
.wrap{view-transition-name:sb-table}#me{view-transition-name:sb-card}
::view-transition-old(sb-table),::view-transition-new(sb-table),::view-transition-old(sb-card),::view-transition-new(sb-card){animation-duration:.3s;height:100%;object-fit:none}
html.vt tbody#list tr,html.vt #mecard,tbody#list tr.settled,#mecard.settled{animation:none}

@keyframes sb-slide{to{left:100%}}

/* карточка затенена, пока грузится следующая (Вячеслав, 07.10.2026) */
#me.busy{opacity:.45;transition:opacity .2s ease}#me{transition:opacity .2s ease}

/* закрытая строка: SVG-замок вместо эмодзи (07.10.2026), данные точками — тем же серым */
.av.lock svg{width:22px;height:22px;fill:none;stroke:var(--muted);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
tbody tr.row.locked .c-fin .inc,tbody tr.row.locked .c-fin .pro,tbody tr.row.locked .c-fin .mar,tbody tr.row.locked .c-emp,tbody tr.row.locked .innno,tbody tr.row.locked .place,tbody tr.row.locked .cat,tbody tr.row.locked .area{color:var(--muted)}

/* замазка закрытых строк: точки от сервера размываются в сплошную полоску по форме слова (Вячеслав, 07.10.2026: «паттерн, а не точки») */
.locked .mk{color:transparent;text-shadow:0 0 4px rgba(92,101,111,.9);letter-spacing:-.08em;user-select:none}
:root[data-theme=dark] .locked .mk{text-shadow:0 0 4px rgba(150,157,166,.9)}
/* цвета полосок как у открытых строк (Вячеслав, 07.10.2026): бренд — цвет текста, сайт — ссылка, прибыль и доля — по знаку */
tbody tr.row.locked .ws .brand{color:var(--text)}tbody tr.row.locked .ws .brand .mk{text-shadow:0 0 4px var(--text)}
tbody tr.row.locked .site .mk{text-shadow:0 0 4px var(--accent-ink)}
tbody tr.row.locked .pro.plus,tbody tr.row.locked .mar.plus{color:var(--pos)}tbody tr.row.locked .pro.minus,tbody tr.row.locked .mar.minus{color:var(--neg)}
tbody tr.row.locked .pro.plus .mk,tbody tr.row.locked .mar.plus .mk{text-shadow:0 0 4px var(--pos)}tbody tr.row.locked .pro.minus .mk,tbody tr.row.locked .mar.minus .mk{text-shadow:0 0 4px var(--neg)}
.ws .more-locked{grid-column:2;margin-top:0;line-height:17px;font-size:12px;color:var(--accent-ink);width:max-content;cursor:pointer}.ws .more-locked:hover{color:var(--accent);text-decoration:underline}.ws .more-locked::before{content:"+ "}   /* тем же цветом, что «ещё N» у открытых (Вячеслав, 07.10.2026) */   /* «ещё N» у закрытой строки: число без доменов, не раскрывается */

/* подвал: «Разработчик: VU team» — фирменный знак бирюзой (#55caca с брендового логотипа), маска из PNG, ссылка на резюме (07.10.2026) */
.sfoot .vut{display:inline-flex;align-items:center;gap:6px;color:var(--muted)}
.sfoot .vulogo{display:inline-block;width:55px;height:11px;background:var(--text);-webkit-mask:url("data:image/png;base64,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") no-repeat left center/contain;mask:url("data:image/png;base64,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") no-repeat left center/contain;position:relative;top:-1px}   /* низ знака = линия букв текста: «team» вровень со строчными (07.10.2026; vertical-align в inline-flex не действует) */
.sfoot .vut:hover .vulogo{background:var(--accent-ink)}   /* знак цветом текста (чёрный), при наведении — цвет ссылки (Вячеслав, 07.10.2026) */

/* значки Lucide (ISC) вместо самодельных (07.10.2026): контур currentColor; крестики в кнопках — SVG .xi */
.ic20{width:20px;height:20px}.ic18{width:18px;height:18px}
.xi{width:16px;height:16px;display:block;margin:auto;stroke-width:2}
#clear,.drawer .dhead .x,.drawer .subx,.drawer .fld .x,.drawer .row.place .x,.chip button,.remind .x{display:inline-flex;align-items:center;justify-content:center;padding:0}
.drawer .subx .xi,.drawer .fld .x .xi,.chip button .xi{width:14px;height:14px}.chip button .xi{width:12px;height:12px}#clear .xi,.drawer .dhead .x .xi{width:18px;height:18px}
.fbtn svg{width:20px;height:20px}
.pager .pg.nav svg{width:18px;height:18px;display:block}.pager .pg.nav{display:inline-flex;align-items:center;justify-content:center}
.pager.busy{opacity:.5;pointer-events:none;transition:opacity .2s ease}.pager{transition:opacity .2s ease}

/* окно «Получить ключ», прибрано 07.10.2026: крестик вместо «Закрыть», одна строка о ключе, пакеты строками, мелкий текст одним абзацем */
#offerdlg{position:relative;padding:22px 24px 18px}
#offerdlg .dx{position:absolute;top:10px;right:10px;width:32px;height:32px;border:0;background:transparent;color:var(--muted);border-radius:var(--r);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0}
#offerdlg .dx:hover{color:var(--text);background:var(--surface-2)}#offerdlg .dx .xi{width:18px;height:18px}
#offerdlg h3{margin:0 32px 6px 0}#offerdlg .lead{margin:0 0 16px;font-size:14px}
#offerdlg .packs{flex-direction:column;gap:6px;margin:0 0 10px}
#offerdlg .pack{display:grid;grid-template-columns:1fr auto auto;align-items:baseline;gap:12px;padding:10px 14px;margin:0;text-align:left}
#offerdlg .pack .q{color:var(--text);font-size:14px;font-weight:500;margin:0}#offerdlg .pack .r{color:var(--muted);font-size:12.5px;margin:0}
#offerdlg .pack b{display:inline;font-size:16px;min-width:72px;text-align:right}
#offerdlg #priceNote{margin:0 0 16px;line-height:1.5}
#offerdlg .acts{justify-content:space-between;align-items:center}
#offerdlg .lnk,#keydlg .lnk{border:0;background:transparent;color:var(--accent-ink);font:inherit;font-size:14px;cursor:pointer;padding:0}#offerdlg .lnk:hover,#keydlg .lnk:hover{color:var(--accent)}
#offerdlg #payNote{margin-top:10px}
#offerdlg #priceNote{font-size:14px;color:var(--text-2)}
#offerdlg .pack{align-items:center;box-sizing:border-box}
#offerdlg #priceNote{text-align:right;padding-right:14px}

/* окна оплаты (07.10.2026, второй круг) */
#paydlg{position:relative;padding:22px 24px 18px}
#paydlg .dx{position:absolute;top:10px;right:10px;width:32px;height:32px;border:0;background:transparent;color:var(--muted);border-radius:var(--r);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0}
#paydlg .dx:hover{color:var(--text);background:var(--surface-2)}#paydlg .dx .xi{width:18px;height:18px}
#paydlg h3{padding-right:28px}#paydlg #payOkText,#paydlg #payFailText{color:var(--text)}
#paydlg .paykey{font:600 14px/1.5 ui-monospace,Consolas,monospace;color:var(--text);background:var(--surface-2);border:1px solid var(--line-strong);border-radius:var(--r);padding:10px 12px;margin:0 0 10px;word-break:break-all;user-select:all;letter-spacing:0}
#paydlg .paybtns{display:flex;gap:8px;margin:0 0 12px}#paydlg .paybtns .btn{flex:1 1 0;justify-content:center}
#paydlg .acts{margin-top:14px}
#paydlg .paywait{display:flex;align-items:center;gap:10px;color:var(--text)}
#paydlg .spin{width:16px;height:16px;flex:none;border:2px solid var(--line-strong);border-top-color:var(--accent);border-radius:50%;animation:sb-spin .8s linear infinite}
@keyframes sb-spin{to{transform:rotate(360deg)}}
@media (max-width:760px){
  dialog#offerdlg,dialog#paydlg{padding:18px 16px 14px}
  #offerdlg .pack{grid-template-columns:1fr auto;column-gap:10px;row-gap:0;padding:8px 12px;flex:none}
  #offerdlg .pack .q{grid-column:1;grid-row:1}#offerdlg .pack .r{grid-column:1;grid-row:2}#offerdlg .pack b{grid-column:2;grid-row:1/3;align-self:center;min-width:0}
  #offerdlg .acts{gap:8px}#offerdlg #payGo{flex:1 1 auto}
  #paydlg .paybtns{flex-direction:column}
}

/* кнопка оплаты с логотипом ЮKassa (07.10.2026): белый знак на цветном фоне — по правилам ЮKassa; отступ вокруг знака не меньше высоты буквы */
#offerdlg .ykpay{width:100%;display:flex;align-items:center;justify-content:center;gap:7px;padding:11px 14px;font-size:15px;margin:2px 0 0}
#offerdlg .ykpay .ykvia{font-weight:400;opacity:.85}#offerdlg .ykpay .yklogo{height:15px;width:auto;margin-left:3px;flex:none}
#offerdlg .ykpay:disabled{opacity:.55;cursor:default}
#offerdlg .payfoot{display:flex;justify-content:center;margin-top:10px}

/* окно «Ключ доступа» (07.10.2026): крестик в углу, «Получить ключ» — ссылкой снизу по центру; пустой ряд кнопок не занимает места */
#keydlg{position:relative;padding:22px 24px 18px}#keydlg h3{padding-right:28px}
#keydlg .dx{position:absolute;top:10px;right:10px;width:32px;height:32px;border:0;background:transparent;color:var(--muted);border-radius:var(--r);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0}
#keydlg .dx:hover{color:var(--text);background:var(--surface-2)}#keydlg .dx .xi{width:18px;height:18px}
#keydlg .acts:not(:has(> :not([hidden]))){display:none}
#keydlg .payfoot{display:flex;justify-content:center;margin-top:10px}
@media (max-width:760px){dialog#keydlg{padding:18px 16px 14px}}

/* окно ключа: остаток плитками (07.10.2026) */
#keydlg .khead{margin:0 0 10px;color:var(--text)}#keydlg .kname{font:600 15px/1.4 ui-monospace,Consolas,monospace;letter-spacing:0}
#keydlg .kstats{display:grid;grid-template-columns:1.3fr 1fr 1fr;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;margin:0 0 10px}
#keydlg .kst{padding:10px 12px;border-right:1px solid var(--line);background:var(--surface-2);display:flex;flex-direction:column;gap:1px;min-width:0}
#keydlg .kst:last-child{border-right:0}
#keydlg .kst .k{font-size:12px;color:var(--muted)}#keydlg .kst b{font-size:20px;line-height:1.25;color:var(--text);white-space:nowrap}
#keydlg .kst .s{font-size:12px;line-height:1.35;color:var(--text-2)}
#keydlg .knote{margin:0 0 10px;font-size:13px;color:var(--text);padding:8px 10px;border-radius:var(--r);background:var(--surface-2);border-left:3px solid var(--amber,#c98a00)}
#keydlg .knote.off{border-left-color:var(--neg)}
#keydlg .kmem{margin:0}#keydlg .lnk.sm{font-size:12px;margin-left:4px}
@media (max-width:760px){#keydlg .kst{padding:8px 9px}#keydlg .kst b{font-size:17px}}
/* значок копирования в поле с ключом (окно оплаты) */
#paydlg .paykeywrap{position:relative}#paydlg .paykeywrap .paykey{padding-right:46px}
#paydlg .cpi{position:absolute;top:50%;right:6px;transform:translateY(calc(-50% - 5px));width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);color:var(--text-2);cursor:pointer}
#paydlg .cpi:hover{color:var(--accent-ink);border-color:var(--accent)}#paydlg .cpi svg{width:16px;height:16px}#paydlg .cpi.ok{color:var(--accent-ink)}

/* телефон: фильтры на весь экран — поверх строки чипов (z 45) и меню сортировки (07.10.2026) */
@media (max-width:760px){.drawer{z-index:70}}