/* BEYOND CORE — режимы приложений, автоскрытие панели, палитра команд, «Управление ассортиментом», правки шрифтов */

/* ================= Шаг 3: логотип и единые шрифты ================= */
.side{overflow:hidden}
.side-logo{padding:2px 6px 14px;min-width:0;overflow:hidden}
.logo-text{display:flex;flex-direction:column;min-width:0;overflow:hidden;font:700 12px/1.15 var(--fl);letter-spacing:1.2px;text-transform:uppercase;white-space:nowrap}
.logo-text b{font-weight:700;overflow:hidden;text-overflow:ellipsis}
.logo-text span{font-size:11px;letter-spacing:3.2px}
.auth-header h1{font-family:var(--fl)}
/* Нижняя часть экрана: только Golos Text */
.foot,.foot b,.side-foot,.side-foot b,.side-foot span,.table-foot,.table-foot b,.dc-brand,.bulk-bar{font-family:var(--fb)!important}
.foot b{letter-spacing:.6px;font-weight:700}
.nav-sec,.nav-sec-link,.field>span,.sec-t,.tgroup-h,.breadcrumbs{font-family:var(--fb);font-weight:700;letter-spacing:.9px}
/* Цифры KPI не обрезаются */
.kpi-v{font-size:clamp(18px,1.9vw,24px);white-space:normal;overflow-wrap:anywhere;line-height:1.15}
/* Карточки приложений: одинаковые размеры и цвета текста */
.mk-name,.tariff-name,.agent b,.ac-h b,.int-h b,.app-head h2,.cinfo-head b{font:700 14px/1.3 var(--fd);letter-spacing:.2px;color:var(--txt)}
.app-head h2{font-size:17px}
.mk-cat,.mk-rating,.mk-trial{font-size:12px;color:var(--txt3);font-weight:500}
.mk-desc,.agent span,.ac-h span,.int-h span{font-size:12.5px;color:var(--txt2);line-height:1.5}
.mk-price,.tariff-price{color:var(--vio)}
/* Тарифы не вылезают за блок */
.tariffs{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr))}
.tariff{min-width:0}
.tariff-price{font-size:clamp(18px,2vw,22px);line-height:1.2;overflow-wrap:anywhere}
.tariff-price span{display:inline-block}
.tariff .ok-list li{overflow-wrap:anywhere}
.tariff .btn{white-space:normal;text-align:center;justify-content:center}

/* ================= Шаг 1: компактный и полноэкранный режим ================= */
.app{transition:grid-template-columns .35s cubic-bezier(.4,0,.2,1)}
.top{transition:margin .35s cubic-bezier(.4,0,.2,1),opacity .25s}
.mode-seg{flex:0 0 auto}
.mode-seg button{display:inline-flex;align-items:center;gap:5px}
.mode-seg svg{width:13px;height:13px}
body.app-full .app{grid-template-columns:0 1fr}
body.app-full .side{transform:translateX(-100%);opacity:0;pointer-events:none}
body.app-full .top{margin-top:-74px;opacity:0;pointer-events:none}
body.app-full .foot{display:none}
body.app-full #view{padding-top:18px;max-width:none}
body.app-full .app-head{position:sticky;top:10px;z-index:90;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:rgba(var(--sf-rgb),.85)}
body.app-full .app-head[data-app="inventory"]{position:static}
.form-section{grid-column:1/-1;border:1px solid var(--line);border-radius:12px;padding:14px;min-width:0}
.form-section>summary{cursor:pointer;font-weight:700}
.form-section[open]>summary{margin-bottom:14px}
.product-card-photos h4{margin:0 0 12px}
.product-card-photos img{width:100px;height:100px;object-fit:cover;border-radius:10px;margin-bottom:10px}
.inv-columns{max-height:min(440px,65vh);overflow:auto}
.inv-layout.group-mode-top{display:block;position:relative}
.inv-layout.group-mode-side{grid-template-columns:250px minmax(0,1fr)}
.inv-groups.floating{position:absolute!important;top:60px;left:0;width:min(300px,95vw);max-height:65vh;overflow:auto;z-index:120;background:var(--sf2);box-shadow:0 18px 50px #0006}
.inv-groups.floating .inv-groups-l,.group-mode-side .inv-groups-l{flex-direction:column;overflow:visible}
.inv-tbl.editing .cell-in{min-width:105px;width:100%;border-radius:11px;text-align:left;padding:9px 11px;background:var(--bg);border:1px solid var(--line);color:var(--txt)}
.inv-tbl.editing .td-name .cell-in{min-width:230px;font-weight:700}
.inv-tbl.editing .cell-in[type=number]{min-width:90px;text-align:right}
.inv-tbl.editing textarea.cell-in{min-width:220px;resize:vertical}
.cell-derived,.cell-check{display:block;min-width:90px;border:1px solid var(--line);background:rgba(var(--sf-rgb),.4);border-radius:11px;padding:9px 11px}
.cell-check{text-align:center}.cell-check input.cell-in{width:auto!important;min-width:0!important}
.inv-edge-hint{position:fixed;z-index:300;width:37px;height:64px;display:grid;place-items:center;border-radius:14px;background:var(--vio);color:#fff;font-size:27px;box-shadow:0 5px 24px #0006;pointer-events:none}
.inv-edge-hint[hidden]{display:none}
@media(max-width:900px){.inv-layout.group-mode-side{grid-template-columns:1fr}.group-mode-side .inv-groups-l{flex-direction:row;overflow:auto}}
.inv-tbl td[data-l="Описание"],.inv-tbl td[data-l="Вставки"]{max-width:280px;white-space:normal;overflow-wrap:anywhere}
body.app-full .panel-zone{display:none}
.side{transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .3s}
::view-transition-old(root),::view-transition-new(root){animation-duration:.3s}

/* ================= Шаг 5: автоскрытие боковой панели ================= */
.panel-zone{display:none}
.pin-btn{position:absolute;top:18px;right:12px;width:30px;height:30px;border-radius:9px;opacity:.55}
.pin-btn:hover,.pin-btn.on{opacity:1}
.pin-btn.on{background:rgba(var(--a1-rgb),.25);border-color:rgba(var(--a2l-rgb),.5)}
.pin-btn svg{width:14px;height:14px}
.side-logo{padding-right:40px}
@media (min-width:901px){
  body.panel-auto .app{display:block}
  body.panel-auto .side{position:fixed;left:0;top:0;bottom:0;width:var(--side);transform:translateX(-100%);box-shadow:none;border-radius:0 20px 20px 0;background:rgba(var(--bg-rgb),.97)}
  body.panel-auto.panel-show .side{transform:none;box-shadow:30px 0 80px rgba(5,2,18,.6)}
  body.panel-auto .panel-zone{display:block;position:fixed;left:0;top:0;bottom:0;width:14px;z-index:240}
  body.panel-auto.panel-show .panel-zone{pointer-events:none}
  .panel-handle{position:absolute;left:0;top:50%;transform:translateY(-50%);width:14px;height:64px;border-radius:0 10px 10px 0;background:var(--grad);display:grid;place-items:center;opacity:.55;transition:.2s;box-shadow:0 4px 16px var(--grad-sh)}
  .panel-zone:hover .panel-handle{opacity:1;width:18px}
  .panel-handle svg{width:11px;height:11px;color:#fff}
}
@media (max-width:900px){.pin-btn{display:none}.side-logo{padding-right:6px}}

/* Контекстное меню */
.ctx-menu{position:fixed;z-index:1200;min-width:240px;padding:6px;border-radius:14px;background:rgba(var(--sf-rgb),.98);border:1px solid rgba(var(--a2l-rgb),.3);box-shadow:0 18px 50px rgba(0,0,0,.5);display:none}
.ctx-menu.open{display:block;animation:ctxIn .14s ease-out}
.ctx-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border-radius:9px;font-size:13px;font-weight:600;color:var(--txt2);text-align:left}
.ctx-menu button:hover{background:rgba(var(--a1-rgb),.2);color:#fff}
.ctx-menu svg{width:15px;height:15px}
.ctx-menu hr{border:none;border-top:1px solid var(--line);margin:5px 4px}
@keyframes ctxIn{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}
kbd{margin-left:auto;font:600 10.5px var(--fb);color:var(--txt3);background:rgba(255,255,255,.07);border:1px solid var(--line);border-bottom-width:2px;border-radius:6px;padding:1px 6px;white-space:nowrap}
.hk-list .kv b{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}

/* Командная палитра */
.palette-ov{position:fixed;inset:0;z-index:1300;background:rgba(5,2,18,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:none;align-items:flex-start;justify-content:center;padding:12vh 16px 16px}
.palette-ov.open{display:flex;animation:ctxIn .15s ease-out}
.palette{width:min(600px,100%);border-radius:18px;background:rgba(var(--sf-rgb),.98);border:1px solid rgba(var(--a2l-rgb),.35);box-shadow:0 30px 80px rgba(0,0,0,.6);overflow:hidden}
.palette-in{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line)}
.palette-in svg{width:18px;height:18px;color:var(--vio)}
.palette-in input{flex:1;background:none;border:none;outline:none;font-size:15px;min-width:0}
.palette-l{max-height:min(420px,55vh);overflow:auto;padding:6px}
.pal-i{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;cursor:pointer;font-size:13.5px;color:var(--txt2)}
.pal-i svg{width:16px;height:16px}
.pal-i.active{background:rgba(var(--a1-rgb),.24);color:#fff}
.pal-btn svg{width:17px;height:17px}
@media (max-width:600px){.pal-btn{display:none}}

/* ================= Шаг 4: аналитика ================= */
.toolbar.filters{background:rgba(255,255,255,.025);border:1px solid var(--line);border-radius:14px;padding:10px}
.toolbar.filters .seg{flex:0 1 auto}
.onboard{display:flex;gap:18px;align-items:flex-start;margin-bottom:16px;background:linear-gradient(160deg,rgba(var(--a1-rgb),.12),rgba(var(--a3-rgb),.05))}
.onboard-ic{width:52px;height:52px;border-radius:15px;background:var(--grad);display:grid;place-items:center;flex-shrink:0;box-shadow:0 8px 24px var(--grad-sh)}
.onboard-ic svg{width:24px;height:24px;color:#fff}
.onboard-b{min-width:0}
.onboard-b h3{font:700 15px var(--fd);margin-bottom:6px}
.onboard-b p{max-width:720px;margin-bottom:12px}
.demo-note{border-color:rgba(251,191,36,.45);background:rgba(251,191,36,.06)}
.demo-note svg{color:#fbbf24}
.demo-row{margin:4px 0 8px;padding:10px 12px;border:1px solid var(--line);border-radius:12px}
.nav-tag{font-family:var(--fb)}
@media (max-width:600px){.onboard{flex-direction:column}}

/* ================= Шаг 2: редактор бота ================= */
.field.err .inp{border-color:#f43f5e;box-shadow:0 0 0 3px rgba(244,63,94,.15)}
.ferr{color:#fb7185;font-size:11.5px;margin-top:2px}
.conn-desc{font-size:12px;color:var(--txt2)}
.conn-mode{font-size:11.5px;color:var(--vio);display:inline-flex;align-items:center;gap:4px}
.conn-mode svg{width:12px;height:12px}
.mode-pick{display:grid;gap:8px;margin-bottom:12px}
.mode-opt{display:flex;gap:10px;align-items:flex-start;padding:11px 12px;border:1px solid var(--line);border-radius:12px;cursor:pointer;transition:.15s}
.mode-opt:hover{border-color:rgba(var(--a2l-rgb),.4)}
.mode-opt:has(input:checked){border-color:var(--vio);background:rgba(var(--a1-rgb),.12)}
.mode-opt input{accent-color:var(--a2);margin-top:3px}
.mode-opt b{display:block;font-size:13px}
.mode-opt small{font-size:12px;color:var(--txt3)}
.field.dim{opacity:.45}
.cat-details{width:100%;margin:-2px 0 10px;border:1px dashed rgba(var(--a2l-rgb),.3);border-radius:12px;padding:8px 12px}
.cat-details summary{cursor:pointer;font-size:12.5px;font-weight:600;color:var(--txt2);display:flex;gap:6px;align-items:center}
.cat-details summary svg{width:14px;height:14px}
.cat-mgr{display:grid;gap:6px;margin-top:10px}
.cat-row{display:flex;align-items:center;gap:6px}
.cat-row .inp.sm{flex:1;padding:7px 10px;font-size:13px;min-width:0}
.color-in.sm{width:34px;height:30px;padding:0;border-radius:8px}
.conn-active{width:100%;border:1px solid var(--line);border-radius:12px;padding:10px 12px;cursor:pointer;margin-bottom:6px}
.sw{width:20px;height:20px;accent-color:var(--a2)}

/* ================= «Управление ассортиментом» ================= */
.inv-tabs{margin-bottom:14px}
.inv-tabs .seg{display:inline-flex}
.inv-tabs .seg button{display:inline-flex;align-items:center;gap:6px;padding:8px 16px}
.inv-tabs .seg svg{width:14px;height:14px}
.inv-layout{display:grid;grid-template-columns:1fr;gap:14px;align-items:start}
.inv-main{min-width:0}
.inv-groups{padding:10px}
.inv-groups-h{display:flex;align-items:center;justify-content:space-between;padding:2px 4px 8px}
.inv-groups-h b{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--txt3)}
.inv-groups-l{display:flex;gap:6px;overflow-x:auto;scrollbar-width:thin}
.inv-g{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;cursor:pointer;font-size:13px;color:var(--txt2);white-space:nowrap;border:1px solid transparent;flex-shrink:0;transition:.15s}
.inv-g:hover{background:rgba(255,255,255,.05)}
.inv-g.active{background:rgba(var(--a1-rgb),.2);border-color:rgba(var(--a2l-rgb),.4);color:#fff}
.inv-g>svg{width:14px;height:14px;opacity:.7}
.inv-g-c{font-size:11px;color:var(--txt3);background:rgba(255,255,255,.06);border-radius:99px;padding:0 7px}
.inv-g-a{display:none;gap:2px}
.inv-g-a .ib{width:24px;height:24px}
.inv-g:hover .inv-g-a,.inv-g.active .inv-g-a{display:inline-flex}
/* Полноэкранный режим — дерево групп слева, как в Эвоторе */
body.app-full .inv-layout{grid-template-columns:250px 1fr}
body.app-full .inv-groups{position:sticky;top:18px}
body.app-full .inv-groups-l{flex-direction:column;overflow:visible}
body.app-full .inv-g-n{flex:1;overflow:hidden;text-overflow:ellipsis}
@media (max-width:900px){body.app-full .inv-layout{grid-template-columns:1fr}body.app-full .inv-groups-l{flex-direction:row;overflow-x:auto}body.app-full .inv-groups{position:static}}
.inv-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px;margin-bottom:12px}
.inv-bar .search-in{min-width:180px}
.inv-bar .btn.on{border-color:rgba(var(--a2l-rgb),.6);background:rgba(var(--a1-rgb),.18)}
.chip-store{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;padding:7px 11px;border-radius:10px;background:rgba(255,255,255,.05);border:1px solid var(--line);white-space:nowrap;max-width:220px;overflow:hidden;text-overflow:ellipsis}
.chip-store svg{width:14px;height:14px;color:var(--vio)}
.dd{position:relative}
.dd-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:60;min-width:210px;padding:6px;border-radius:12px;background:rgba(var(--sf-rgb),.98);border:1px solid rgba(var(--a2l-rgb),.3);box-shadow:0 18px 50px rgba(0,0,0,.5);display:none}
.dd.open .dd-menu{display:block;animation:ctxIn .12s ease-out}
.dd-menu button,.dd-check{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border-radius:8px;font-size:13px;color:var(--txt2);cursor:pointer;text-align:left}
.dd-menu button:hover,.dd-check:hover{background:rgba(var(--a1-rgb),.18);color:#fff}
.dd-menu svg{width:14px;height:14px}
.dd-check input{accent-color:var(--a2)}
.bulk-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 12px;margin-bottom:12px;border-radius:12px;background:linear-gradient(90deg,rgba(var(--a1-rgb),.22),rgba(var(--a3-rgb),.1));border:1px solid rgba(var(--a2l-rgb),.4);animation:ctxIn .15s}
.bulk-bar .sp{flex:1}
.sel.sm{padding:6px 30px 6px 10px;font-size:12px}
.cb-col{width:36px;padding-right:0!important}
.inv-tbl tr.sel td{background:rgba(var(--a1-rgb),.1)}
.inv-tbl tr.off .prod-name{opacity:.55}
.grp-row td{background:rgba(255,255,255,.035);padding-top:8px;padding-bottom:8px}
.grp-tg{display:flex;align-items:center;gap:8px;font-size:13px;width:100%;text-align:left}
.grp-tg svg{width:14px;height:14px}
.grp-tg .muted{margin-left:8px;font-size:12px}
.chev{display:inline-grid;transition:transform .2s}
.chev.open{transform:rotate(90deg)}
.cell-in{width:96px;padding:6px 8px;border-radius:8px;background:rgba(0,0,0,.35);border:1px solid rgba(var(--a2l-rgb),.35);text-align:right;font-size:13px}
.cell-in:focus{outline:none;border-color:var(--a3)}
.inv-tbl.editing td.num{padding-top:6px;padding-bottom:6px}
.prod-t{display:flex;flex-direction:column;min-width:0}
.demo-tag{font-size:10px;color:#fbbf24;text-transform:uppercase;letter-spacing:.8px}
.mono-s{font-family:ui-monospace,Menlo,monospace;font-size:11.5px}
.minus{font-size:15px;line-height:1}
td.red{color:#fb7185}
.tok-warn{font-size:11.5px;color:#fbbf24;display:flex;gap:5px;align-items:flex-start}.tok-warn svg{width:13px;height:13px;flex-shrink:0;margin-top:2px}
body.app-full.panel-auto .panel-zone,body.app-full.panel-auto .side{display:none}
.mono-s{white-space:nowrap}
.inv-tbl .row-acts{flex-wrap:nowrap}
#connEditForm>.sec-t,#connEditForm>.cat-details,#connEditForm>.mode-pick,#connEditForm>.conn-active{grid-column:1/-1}
#connEditForm>.sec-t{margin:6px 0 0}
.conn-item .li-b span span{display:inline}

/* ===== Исправления: меню «Обмен» поверх таблицы, строка демо‑режима в профиле ===== */
.inv-bar{position:relative;z-index:40}
.bulk-bar{position:relative;z-index:35}
.dd-menu{z-index:500}
.mform>.demo-row,.mform>.li{grid-column:1/-1}
.li-b{min-width:0}
.li-b span{white-space:normal;overflow-wrap:anywhere}
.demo-row{display:flex;align-items:center;gap:12px}
.demo-row .toggle{flex-shrink:0}

/* ===== Telegram: статус бота, инструкция ===== */
.tg-st{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--txt2)}
.tg-st i{width:8px;height:8px;border-radius:50%;background:var(--c);box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 25%,transparent);flex-shrink:0}
.tg-st b{color:var(--c)}
.howto{grid-column:1/-1;margin:0 0 6px 18px;font-size:12.5px;color:var(--txt2);display:grid;gap:4px}
.howto code,.note code{background:rgba(255,255,255,.08);padding:1px 6px;border-radius:6px;font-size:12px}
.dlv-fail{color:#fb7185;font-weight:700;cursor:help}
.hint svg{width:12px;height:12px;vertical-align:-2px}

/* ===== Помощь и обучение ===== */
.vid-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:14px}
.vid-card{display:flex;flex-direction:column;gap:6px;text-align:left;padding:0;border-radius:14px;transition:.2s}
.vid-card:hover .vid-thumb{border-color:rgba(var(--a2l-rgb),.6);transform:translateY(-2px)}
.vid-card.active .vid-thumb{border-color:var(--a3)}
.vid-card b{font-size:13.5px}
.vid-card small{font-size:12px;color:var(--txt3);line-height:1.45}
.vid-thumb{position:relative;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,var(--sf1),var(--sf2));border:1px solid var(--line);transition:.2s}
.vid-thumb img{width:100%;height:100%;object-fit:cover;opacity:.85}
.vid-play{position:absolute;inset:0;margin:auto;width:46px;height:46px;border-radius:50%;background:var(--grad);display:grid;place-items:center;box-shadow:0 6px 20px var(--grad-sh)}
.vid-play svg{width:20px;height:20px;color:#fff;margin-left:2px}
.vid-dur{position:absolute;right:8px;bottom:8px;font-size:11px;font-weight:700;background:rgba(0,0,0,.65);padding:2px 7px;border-radius:6px}
.vid-seen{position:absolute;left:8px;top:8px;width:22px;height:22px;border-radius:50%;background:#16a34a;display:grid;place-items:center}
.vid-seen svg{width:13px;height:13px;color:#fff}
.vid-player video{width:100%;max-height:72vh;border-radius:12px;background:#000;display:block;margin-bottom:8px}
.vid-player{margin-bottom:16px}
.card-h h3 svg{width:15px;height:15px;vertical-align:-2px;margin-right:4px}
.help-grid{margin-top:16px}
.help-q{margin-bottom:6px}
.art{border:1px solid var(--line);border-radius:12px;margin-bottom:8px;overflow:hidden;transition:.2s}
.art.open{border-color:rgba(var(--a2l-rgb),.45);background:rgba(var(--a1-rgb),.06)}
.art-h{display:flex;align-items:center;gap:10px;width:100%;padding:12px 14px;text-align:left;font-size:13.5px}
.art-h b{flex:1}
.art-ic{width:30px;height:30px;border-radius:9px;background:rgba(var(--a1-rgb),.18);display:grid;place-items:center;flex-shrink:0}
.art-ic svg,.art-v svg,.art-h .chev svg{width:15px;height:15px}
.art-v{color:var(--a3)}
.art-b{padding:0 16px 14px 54px;font-size:13.5px;color:var(--txt2);line-height:1.65}
.art-b ol,.art-b ul{margin:4px 0 10px 18px;display:grid;gap:4px}
.art-b p{margin-bottom:8px}
.art-b b{color:var(--txt)}
.art-b code{background:rgba(255,255,255,.08);padding:1px 6px;border-radius:6px;font-size:12.5px}
.steps-list .li{cursor:pointer}
.steps-list .li.done{cursor:default;opacity:.65}
.steps-list .li.done b{text-decoration:line-through}
.steps-list .li-b b{font-size:13px;font-weight:600}
@media (max-width:700px){.art-b{padding:0 14px 14px}}

/* ===== Демо без регистрации ===== */
.demo-cta{display:flex;align-items:center;gap:14px;width:100%;padding:16px 18px;border-radius:16px;text-align:left;background:linear-gradient(135deg,var(--a1),var(--a2) 55%,var(--a3));box-shadow:0 12px 36px rgba(var(--a2-rgb),.45);transition:transform .2s,box-shadow .2s;color:#fff}
.demo-cta:hover{transform:translateY(-2px);box-shadow:0 16px 44px rgba(var(--a2-rgb),.6)}
.demo-cta.loading{opacity:.7;pointer-events:none}
.demo-cta-ic{width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.2);display:grid;place-items:center;font-size:16px;flex-shrink:0}
.demo-cta-t b{display:block;font:700 16px var(--fd);letter-spacing:.3px}
.demo-cta-t small{display:block;font-size:12.5px;opacity:.9;margin-top:2px}
.demo-cta-note{font-size:12px;color:var(--txt3);text-align:center;margin:10px 4px 4px;line-height:1.5}
.sb-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:14px 28px 0;padding:10px 14px;border-radius:12px;background:rgba(251,191,36,.08);border:1px dashed rgba(251,191,36,.5);font-size:13px;color:var(--txt2)}
.sb-bar svg{width:16px;height:16px;color:#fbbf24;flex-shrink:0}
.sb-bar span{flex:1;min-width:200px}
@media (max-width:900px){.sb-bar{margin:12px 14px 0}}

/* ===== Оформление: конструктор ===== */
.ap-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:22px}
.ap-col{min-width:0}
.ap-col .sec-t:first-child{margin-top:0}
.ap-presets{display:grid;grid-template-columns:repeat(auto-fill,minmax(82px,1fr));gap:8px}
.ap-preset{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 4px;border-radius:12px;border:1px solid var(--line);transition:.15s}
.ap-preset:hover{border-color:rgba(var(--a2l-rgb),.5)}
.ap-preset.active{border-color:var(--vio);background:rgba(var(--a1-rgb),.14)}
.ap-sw{width:40px;height:40px;border-radius:50%}
.ap-preset small{font-size:11px;color:var(--txt2);text-align:center;line-height:1.2}
.ap-colors{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.ap-color{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:11px;color:var(--txt3);cursor:pointer}
.ap-color input{width:100%;height:38px;border:1px solid var(--line);border-radius:10px;background:none;padding:2px;cursor:pointer}
.ap-color.dim{opacity:.4}
.ap-range{width:100%;accent-color:var(--a2)}
.ap-val{color:var(--vio);font-weight:700}
.ap-col .li.static{padding:8px 0}
.ap-preview{border:1px solid var(--line);border-radius:var(--r-card);padding:14px;display:grid;gap:12px;background:rgba(var(--bg-rgb),.6);position:relative;overflow:hidden}
.ap-preview::before{content:'';position:absolute;width:220px;height:220px;border-radius:50%;background:var(--orb2);filter:blur(70px);opacity:.25;right:-80px;top:-80px;pointer-events:none}
.ap-pv-top{display:flex;align-items:center;gap:10px;font:700 12px var(--fl);letter-spacing:1.5px}
.ap-pv-top .logo-icon{width:30px;height:30px;font-size:10px;border-radius:9px}
.ap-pv-row{display:flex;align-items:center;gap:8px}
.ap-pv-row .toggle{margin-left:auto}
.ap-actions{margin:12px 0 6px}
@media (max-width:1250px){.ap-grid{grid-template-columns:1fr 1fr}.ap-preview-col{grid-column:1/-1}}
@media (max-width:700px){.ap-grid{grid-template-columns:1fr}.ap-colors{grid-template-columns:repeat(4,1fr)}}

/* скругления из конструктора */
.card,.kpi,.mk-card,.tariff,.modal,.chat-wrap,.auth-card{border-radius:var(--r-card)}
.btn,.inp,.sel,.search-in,.icon-btn,.seg,.nav-item{border-radius:var(--r-btn)}

/* плотность */
.t-dense .card{padding:14px}
.t-dense .view{padding:16px 20px 28px}
.t-dense .kpi{padding:12px 14px}
.t-dense .nav-item{padding:7px 10px}
.t-dense .tbl td{padding:8px 12px}
.t-dense .tbl th{padding:9px 12px}
.t-dense .li{padding-top:7px;padding-bottom:7px}
.t-dense .top{padding-top:10px;padding-bottom:10px}

/* эффекты */
.t-no-orbs .orb{display:none}
.t-no-glass *{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.t-no-glass .side,.t-no-glass .top,.t-no-glass .tabbar{background:var(--bg)!important}
.t-no-motion *,.t-no-motion *::before,.t-no-motion *::after{animation:none!important;transition:none!important}

/* ===== Светлая тема ===== */
[data-theme=light]{
  --txt:#1c1530;--txt2:#4c4466;--txt3:#7a7193;
  --line:rgba(28,21,48,.11);--line2:rgba(28,21,48,.18);
  --card:rgba(255,255,255,.78);
  --green:#16a34a;--red:#e11d48;--amber:#d97706;
}
[data-theme=light] body{color:var(--txt)}
[data-theme=light] .orb{opacity:.16}
[data-theme=light] .side,[data-theme=light] .top,[data-theme=light] .tabbar{background:rgba(255,255,255,.82)}
[data-theme=light] .card,[data-theme=light] .kpi,[data-theme=light] .mk-card{box-shadow:0 2px 14px rgba(40,20,90,.06)}
[data-theme=light] .btn,[data-theme=light] .icon-btn{background:#fff;border-color:var(--line2)}
[data-theme=light] .btn.primary{background:var(--grad);color:#fff;border-color:transparent}
[data-theme=light] .btn.danger{color:var(--red)}
[data-theme=light] .inp,[data-theme=light] .sel,[data-theme=light] .search-in,[data-theme=light] .cell-in,[data-theme=light] .seg{background-color:#fff;border-color:var(--line2);color:var(--txt)}
[data-theme=light] .seg button.active{color:#fff;background:var(--grad)}
[data-theme=light] .nav-item.active{color:var(--txt)}
[data-theme=light] .nav-item:hover{background:rgba(var(--a1-rgb),.08)}
[data-theme=light] .tbl th{background:#f3f0fa}
[data-theme=light] .toggle{background:rgba(28,21,48,.15)}
[data-theme=light] .toggle.on{background:var(--grad)}
[data-theme=light] .modal{background:#fff;box-shadow:0 30px 80px rgba(40,20,90,.25)}
[data-theme=light] .modal-overlay{background:rgba(28,21,48,.35)}
[data-theme=light] .pop,[data-theme=light] .dd-menu,[data-theme=light] .ctx-menu,[data-theme=light] .palette,[data-theme=light] .drawer,[data-theme=light] .toast{background:#fff;color:var(--txt);box-shadow:0 18px 50px rgba(40,20,90,.18)}
[data-theme=light] .bub{color:var(--txt)}
[data-theme=light] .msg.me .bub,[data-theme=light] .msg.bot .bub{color:#fff}
[data-theme=light] .chart .ax{fill:#7a7193}
[data-theme=light] .ap-preview{background:#fff}
[data-theme=light] kbd{background:#f3f0fa}
[data-theme=light] .tab.active{color:var(--txt)}
[data-theme=light] .tab-b{color:#fff}
[data-theme=light] .sb-bar{background:#fffbeb}
[data-theme=light] .vid-dur{color:#fff}
.conn-item{flex-wrap:wrap;row-gap:10px}
.conn-item .li-b{flex:1 1 240px}
.ai-how{grid-column:1/-1;margin:0}
.ai-hint{margin-top:10px;padding:10px 12px;border-radius:10px;background:rgba(var(--a1-rgb),.12);border:1px dashed rgba(var(--a2l-rgb),.4);font-size:12.5px}
.ai-hint svg{width:13px;height:13px;vertical-align:-2px;color:var(--vio)}
.note.ok{border-color:rgba(74,222,128,.5);background:rgba(74,222,128,.07)}
.note.ok svg{color:#4ade80}
.chip.loading,.btn.loading{opacity:.6;pointer-events:none}
.bub.html h4{margin:10px 0 4px}
.bub.html ul,.bub.html ol{margin:4px 0 8px 18px}
.bub.html code{background:rgba(255,255,255,.08);padding:1px 5px;border-radius:5px}
[data-theme=light] .search-in input,[data-theme=light] .comp-row textarea,[data-theme=light] .tag-add input,[data-theme=light] .loyal-ops input{background:#fff;color:var(--txt);border-color:var(--line2)}
[data-theme=light] .search-in{background:transparent;border:none}
[data-theme=light] .bub pre.draft,[data-theme=light] .code,[data-theme=light] .buy-sum,[data-theme=light] .table-foot{background:#f6f3fc;color:var(--txt)}
[data-theme=light] .chip{background:#fff;border-color:var(--line2);color:var(--txt2)}
[data-theme=light] .chip.active{background:rgba(var(--a1-rgb),.14);color:var(--txt)}
[data-theme=light] .chip.ai{color:var(--a1);background:rgba(var(--a3-rgb),.08)}
[data-theme=light] .inv-g.active,[data-theme=light] .pal-i.active,[data-theme=light] .ctx-menu button:hover,[data-theme=light] .dd-menu button:hover,[data-theme=light] .dd-check:hover{color:var(--txt)}
[data-theme=light] .balance-chip{background:#ecfdf5;color:#047857}
[data-theme=light] .modal-overlay,[data-theme=light] .drawer-ov,[data-theme=light] .side-ov{background:rgba(28,21,48,.35)}
[data-theme=light] .bulk-bar b,[data-theme=light] .grp-row b{color:var(--txt)}
[data-theme=light] .msg.client .bub,[data-theme=light] .msg:not(.me):not(.bot) .bub{background:#fff;border:1px solid var(--line)}
.phone-link{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:4px 0 10px}
.phone-url{font:700 clamp(16px,2.2vw,22px) ui-monospace,Menlo,monospace;color:var(--vio);word-break:break-all;padding:8px 14px;border-radius:12px;background:rgba(var(--a1-rgb),.1);border:1px dashed rgba(var(--a2l-rgb),.5)}
.tg-tools{margin-top:14px;display:grid;gap:10px}
.tg-tools>.btn{justify-self:start}
.diag{display:grid;gap:6px}
.diag-i{display:flex;gap:8px;align-items:flex-start;font-size:13px;padding:8px 10px;border-radius:10px;background:rgba(74,222,128,.07)}
.diag-i.bad{background:rgba(244,63,94,.08)}
.diag-i svg{width:16px;height:16px;flex-shrink:0;margin-top:2px;color:#4ade80}
.diag-i.bad svg{color:#fb7185}
.tg-tabs{display:flex;margin-bottom:14px}
.tg-tabs button{display:inline-flex;align-items:center;justify-content:center;gap:6px}
.tg-tabs svg{width:14px;height:14px}
.tg-feat{display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:14px;background:rgba(var(--a1-rgb),.1);border:1px solid rgba(var(--a2l-rgb),.3);margin-bottom:10px}
.tg-feat>svg{width:28px;height:28px;color:var(--vio);flex-shrink:0}
.tg-feat b{display:block;margin-bottom:3px}
.tg-feat span{font-size:13px;color:var(--txt2)}
.steps-big{font-size:13.5px;gap:8px;margin-left:20px}
.steps-big .ib{width:26px;height:26px;vertical-align:middle}
.conn-posts{display:grid;gap:2px;margin-top:2px}
.conn-posts i{font-size:12px;color:var(--txt3);font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ai-post{justify-self:start;grid-column:1/-1}
.sb-bar em{font-style:normal}.sb-short{display:none}
.vid-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}
.auth-lang{position:fixed;top:14px;right:14px;z-index:5;display:flex;gap:4px;background:rgba(var(--sf-rgb),.8);border:1px solid var(--line);border-radius:99px;padding:3px}
.auth-lang button{padding:6px 10px;border-radius:99px;font-size:12px;font-weight:700;color:var(--txt3)}
.auth-lang button.on{background:var(--grad);color:#fff}
.lang-field{margin-bottom:4px}