/* Копия ui-compact.css из стека Тима (14.10.2026). Отличие: шрифт Inter с Google Fonts не подключается (CSP/офлайн) — системный стек в --ui-font.
   Слой адаптации наших классов — app.css (подключается после). */
/* ============================================================================
   UI-основа платформы <домен>/app — правило владельца платформы 14.10.2026:
   шапка раздела в одну строку, второстепенное по клику, карточка объекта — панель
   справа на 2/3, один вертикальный скролл на раздел, телефон обязателен.
   Стиль 🅱 «плотный» (выбор владельца платформы 14.10, макет ~/work/mock/clients-b.html + theme-b.css):
   компактные строки, синий акцент, радиусы 6/4 px, без теней.
   Подключается после base.css и app.css. Цвета тёмной темы — из base.css ([data-theme=dark]),
   светлая палитра переопределена здесь под вариант B. Документация: app/assets/UI.md
   ============================================================================ */

:root{
  /* типографика — единая для всех разделов (владелец платформы 05:04: «шрифты должны сходиться как везде») */
  --ui-font:-apple-system,"Segoe UI",Roboto,sans-serif; /* Inter не подключаем: CSP/офлайн, системный стек */
  --ui-font-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --ui-lh:1.35; --ui-lh-tight:1.2; --ui-lh-text:1.45;
  --ui-fw:400; --ui-fw-med:500; --ui-fw-semi:600; --ui-fw-bold:700;
  --ui-fs-xs:10.5px; --ui-fs-title:20px;
  --ui-gap:10px; --ui-gap-s:6px; --ui-gap-l:16px;
  --ui-r:6px; --ui-r-s:4px; --ui-r-pill:999px;
  --ui-fs:13px; --ui-fs-s:11.5px; --ui-fs-h:15px; --ui-fs-h2:10.5px;
  --ui-t:160ms; --ui-ease:cubic-bezier(.2,.7,.2,1);
  --ui-drawer-w:66.6vw; --ui-drawer-min:820px; --ui-z-drawer:60; --ui-z-pop:65;
  --ui-th-bg:#f1f4f8; --ui-zebra:#f8fafc;
}
/* светлая палитра варианта B (тёмная остаётся из base.css) */
:root:not([data-theme="dark"]){
  --bg:#eef1f5; --surface:#fff; --border:#d9dee6; --border-subtle:#e8ecf1; --text:#1c2430; --muted:#5f6b7a;
  --accent:#2d5be3; --accent-soft:#e7edfc; --active-soft:#e7edfc; --accent-hover:#244cc4;
  --ok:#1a8f4e; --ok-bg:#e6f6ec; --warn:#b26a00; --warn-bg:#fff4df; --err:#d13b3b; --err-bg:#fdeaea;
  --shadow:none; --surface2:#f4f6f9; --hover:#eef2f9;
}
:root[data-theme="dark"]{ --ui-th-bg:var(--surface2); --ui-zebra:rgba(255,255,255,.025); }
@media (prefers-reduced-motion: reduce){ :root{ --ui-t:0ms } }

html,body{font-family:var(--ui-font);font-size:var(--ui-fs);line-height:var(--ui-lh);font-weight:var(--ui-fw)}
button,input,select,textarea{font-family:inherit}
h1,h2,h3,h4{line-height:var(--ui-lh-tight)}
code,pre,kbd{font-family:var(--ui-font-mono)}
main#mainRoot{padding:10px 16px 20px}
@media (max-width:720px){ main#mainRoot{padding:56px 12px 16px} }

/* ---- 1. Шапка раздела: одна строка ---- */
.page-head,.ui-head{display:flex;align-items:center;gap:var(--ui-gap-s) var(--ui-gap-s);flex-wrap:wrap;margin:0 0 var(--ui-gap);min-height:28px}
.page-head .page-title,.ui-head h1{margin:0 6px 0 0;font-size:var(--ui-fs-h);line-height:1.2;font-weight:700;white-space:nowrap}
.page-head .page-sub,.ui-chip{margin:0;font-size:11px;padding:2px 8px;border:1px solid var(--border);border-radius:var(--ui-r-s);background:var(--surface);color:var(--muted);white-space:nowrap;max-width:60vw;overflow:hidden;text-overflow:ellipsis;line-height:1.5;display:inline-flex;align-items:center;gap:5px}
.ui-chip b{color:var(--text);font-weight:700}
.ui-chip.is-on{background:var(--accent);border-color:var(--accent);color:#fff}
.ui-chip.is-on b{color:#fff}
.ui-chip.is-warn b{color:var(--warn)}
.ui-chip.is-ok b{color:var(--ok)}
.ui-chip.is-hot b{color:var(--err)}
button.ui-chip{cursor:pointer;font:inherit;font-size:11px}
button.ui-chip:hover:not(.is-on){border-color:var(--muted);color:var(--text)}
.page-head .page-sub.is-static,.page-head .page-sub:empty{display:none}
.page-head .btn.small{margin:0}
.ui-head .ui-grow,.page-head .ui-grow{flex:1 1 auto}
.ui-search,.ui-head input[type=search]{min-width:200px;max-width:320px;border:1px solid var(--border);border-radius:var(--ui-r-s);padding:3px 8px;background:var(--surface2);color:var(--text);font:inherit;font-size:12px}
.ui-search:focus{outline:none;border-color:var(--accent);background:var(--surface)}
@media (max-width:720px){
  .page-head,.ui-head{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
  .page-head::-webkit-scrollbar,.ui-head::-webkit-scrollbar{display:none}
  .page-head .page-title,.ui-head h1{font-size:15px}
  .ui-search,.ui-head input[type=search]{min-width:140px}
}

/* ---- 2. Поповер «подробнее» ---- */
.ph-info,.ui-info{width:20px;height:20px;border-radius:50%;border:1px solid var(--border);background:var(--surface);color:var(--muted);font-size:11px;font-weight:700;font-family:Georgia,serif;font-style:italic;cursor:pointer;line-height:18px;text-align:center;padding:0;flex:0 0 auto;transition:border-color var(--ui-t),color var(--ui-t)}
.ph-info:hover,.ui-info:hover{color:var(--text);border-color:var(--muted)}
.ph-pop,.ui-pop{position:absolute;z-index:var(--ui-z-pop);max-width:380px;background:var(--surface);border:1px solid var(--border);border-radius:var(--ui-r);box-shadow:0 8px 24px rgba(16,24,40,.14);padding:8px 10px;font-size:12px;line-height:1.45;color:var(--text);animation:uiFade var(--ui-t) var(--ui-ease)}
.hint-collapsed{display:none !important}
.hint-info{display:inline-block;margin:0 0 6px}
@keyframes uiFade{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}

/* ---- 3. Карточка и сетка ---- */
.card{padding:10px 12px;margin-bottom:var(--ui-gap);border-radius:var(--ui-r);box-shadow:none}
.card > h2,.card h2{font-size:var(--ui-fs-h2);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 var(--ui-gap-s)}
.page-grid{gap:var(--ui-gap)}
.ui-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--ui-r);padding:10px 12px}
.ui-card > h2{font-size:var(--ui-fs-h2);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 var(--ui-gap-s)}

/* ---- 4. Цифры: чипы вместо плиток ---- */
.stats-row{gap:var(--ui-gap-s);grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}
.stats-row > *{padding:5px 9px !important;border-radius:var(--ui-r-s);box-shadow:none}
.stat{font-size:16px}
.ui-kpis{display:flex;flex-wrap:wrap;gap:var(--ui-gap-s)}
.ui-kpi{display:inline-flex;align-items:baseline;gap:5px;padding:2px 8px;border:1px solid var(--border);border-radius:var(--ui-r-s);background:var(--surface);font-size:11px;color:var(--muted)}
.ui-kpi b{font-size:12.5px;color:var(--text)}
.ui-kpi.is-warn b{color:var(--warn)} .ui-kpi.is-ok b{color:var(--ok)} .ui-kpi.is-hot b{color:var(--err)}

/* ---- 5. Таблица: плотные строки, липкая шапка, горизонтальный скролл ---- */
table{font-size:12.5px}
th{font-size:10.5px;letter-spacing:.04em;text-transform:uppercase;font-weight:600;color:var(--muted);padding:6px 8px;background:var(--ui-th-bg);border-bottom:1px solid var(--border);white-space:nowrap}
td{padding:6px 8px;line-height:1.3}
.card > table tbody tr:nth-child(even) td,.ui-table tbody tr:nth-child(even) td{background:var(--ui-zebra)}
.card > table tbody tr:hover td,.ui-table tbody tr:hover td{background:var(--hover)}
.ui-table-wrap{overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;border:1px solid var(--border);border-radius:var(--ui-r);background:var(--surface)}
.ui-table{width:100%;border-collapse:separate;border-spacing:0;font-size:12.5px}
.ui-table th{position:sticky;top:0;z-index:1;text-align:left}
.ui-table td{border-bottom:1px solid var(--border-subtle);vertical-align:middle}
.ui-table tr:last-child td{border-bottom:0}
.ui-table tbody tr[data-open]{cursor:pointer}
.ui-table tr.sel td{background:var(--accent-soft) !important}
.ui-table .num,td.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.ui-table .muted,.ui-sub{color:var(--muted);font-size:10.5px}
.ui-nm{font-weight:600}
.ui-pill,.pill{display:inline-block;border-radius:3px;padding:1px 6px;font-size:10px;font-weight:600;background:var(--surface2);border:1px solid var(--border);color:var(--muted);white-space:nowrap}
.ui-pill.ok{background:var(--ok-bg);color:var(--ok);border-color:transparent}
.ui-pill.warn{background:var(--warn-bg);color:var(--warn);border-color:transparent}
.ui-pill.err{background:var(--err-bg);color:var(--err);border-color:transparent}
.ui-pill.acc{background:var(--accent-soft);color:var(--accent);border-color:transparent}
.filter-tabs,.tabs{margin-bottom:var(--ui-gap-s)}
@media (max-width:720px){ table,.ui-table{font-size:12px} }

/* ---- 6. Вкладки ---- */
.ui-tabs{display:flex;gap:4px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--border);margin-bottom:var(--ui-gap)}
.ui-tabs::-webkit-scrollbar{display:none}
.ui-tabs button{appearance:none;border:0;background:transparent;font:inherit;font-size:12px;padding:6px 10px;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;white-space:nowrap;transition:color var(--ui-t),border-color var(--ui-t)}
.ui-tabs button.on,.ui-tabs button[aria-selected=true]{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}
.ui-tabs button .n{margin-left:5px;font-size:10.5px;padding:0 5px;border-radius:var(--ui-r-pill);background:var(--hover);color:var(--muted)}
.tabs .tab,.filter-tabs .tab{border-radius:var(--ui-r-s);padding:3px 9px;font-size:11.5px}

/* ---- 7. Формы и кнопки ---- */
.btn{border-radius:var(--ui-r-s);padding:4px 10px;font-size:12px}
.btn.small{padding:3px 8px;font-size:11.5px}
.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}
.ui-btn{appearance:none;font:inherit;font-size:12px;padding:4px 10px;border-radius:var(--ui-r-s);border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;white-space:nowrap;transition:background var(--ui-t),border-color var(--ui-t)}
.ui-btn:hover{background:var(--hover)}
.ui-btn.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}
.ui-btn.primary:hover{background:var(--accent-hover)}
.ui-btn.small{padding:2px 8px;font-size:11.5px}
.ui-btn:disabled{opacity:.55;cursor:default}
.ui-field{display:flex;flex-direction:column;gap:3px;font-size:11.5px;color:var(--muted)}
.ui-field input,.ui-field select,.ui-field textarea,input.ui-in,textarea.ui-in{font:inherit;font-size:13px;padding:6px 9px;border:1px solid var(--border);border-radius:var(--ui-r-s);background:var(--surface2);color:var(--text)}
.ui-field input:focus,.ui-field select:focus,.ui-field textarea:focus,.ui-in:focus{outline:none;border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 3px var(--accent-soft)}
.ui-row{display:flex;gap:var(--ui-gap-s);align-items:center;flex-wrap:wrap}

/* ---- 8. Пустое состояние и скелетоны ---- */
.ui-empty{padding:24px 14px;text-align:center;color:var(--muted);font-size:12.5px}
.ui-empty b{display:block;color:var(--text);margin-bottom:3px}
.ui-skel{position:relative;overflow:hidden;background:var(--border-subtle);border-radius:4px;min-height:12px}
.ui-skel::after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);animation:uiSkel 1.2s infinite}
:root[data-theme="dark"] .ui-skel::after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent)}
@keyframes uiSkel{to{transform:translateX(100%)}}
@media (prefers-reduced-motion: reduce){ .ui-skel::after{animation:none} }
.ui-skel-rows > div{height:12px;margin:9px 0}

/* ---- 9. Панель справа на 2/3 (карточка объекта) ---- */
body.ui-drawer-open,body.cp-open{overflow:hidden}
.ui-backdrop,.cp-backdrop{position:fixed;inset:0;background:rgba(17,24,39,.42);z-index:calc(var(--ui-z-drawer) - 2);animation:uiFade var(--ui-t) var(--ui-ease)}
.ui-drawer{position:fixed;top:0;right:0;bottom:0;width:var(--ui-drawer-w);min-width:min(var(--ui-drawer-min),100vw);max-width:none;z-index:var(--ui-z-drawer);background:var(--surface);border-left:1px solid var(--border);box-shadow:-6px 0 18px rgba(16,24,40,.14);display:flex;flex-direction:column;animation:uiSlide var(--ui-t) var(--ui-ease)}
.ui-drawer-head{display:flex;align-items:center;gap:10px;padding:8px 14px;border-bottom:1px solid var(--border);background:var(--surface);flex:0 0 auto}
.ui-drawer-head h2{margin:0;font-size:15px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ui-drawer-head .ui-sub{display:block;font-weight:400}
.ui-drawer-av{width:30px;height:30px;border-radius:50%;background:var(--accent-soft);color:var(--accent);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;flex:0 0 auto}
.ui-drawer-close{width:28px;height:28px;border-radius:var(--ui-r-s);border:0;background:none;color:var(--muted);cursor:pointer;font-size:20px;line-height:1}
.ui-drawer-close:hover{color:var(--text)}
.ui-drawer .ui-tabs{padding:4px 14px 0;margin:0;flex:0 0 auto;background:var(--surface)}
.ui-drawer-body{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:10px 14px}
.ui-drawer-foot{display:flex;gap:8px;align-items:center;padding:8px 14px;border-top:1px solid var(--border);background:var(--surface);flex:0 0 auto}
.ui-drawer-foot .ui-in{flex:1}
.ui-kv{display:grid;grid-template-columns:110px 1fr;gap:4px 8px;font-size:12px;margin:0;align-content:start}
.ui-kv dt{color:var(--muted)} .ui-kv dd{margin:0}
.ui-tl{position:relative;padding-left:18px;margin:0;list-style:none}
.ui-tl::before{content:"";position:absolute;left:5px;top:4px;bottom:4px;width:2px;background:var(--border)}
.ui-tl li{position:relative;margin:0 0 8px;font-size:12.5px}
.ui-tl li::before{content:"";position:absolute;left:-17px;top:5px;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px var(--surface)}
.ui-tl .t{color:var(--muted);font-size:10.5px}
@keyframes uiSlide{from{transform:translateX(24px);opacity:.5}to{transform:none;opacity:1}}
@media (max-width:900px){.ui-drawer{width:100vw;min-width:0;border-left:0}}

/* карточка клиента (app.js, страница client) — как панель справа над прежним разделом */
.page[data-page-content="client"].active{position:fixed;top:0;right:0;bottom:0;width:var(--ui-drawer-w);max-width:none;min-width:min(var(--ui-drawer-min),100vw);z-index:var(--ui-z-drawer);background:var(--surface);border-left:1px solid var(--border);box-shadow:-6px 0 18px rgba(16,24,40,.14);overflow:hidden;animation:uiSlide var(--ui-t) var(--ui-ease)}
.page[data-page-content="client"].active .cp{height:100%;height:100dvh;border:0;border-radius:0}
.page[data-page-content="client"].active .cp-head{position:sticky;top:0;background:var(--surface);z-index:2;padding:8px 14px}
@media (max-width:900px){.page[data-page-content="client"].active{width:100vw;min-width:0;border-left:0}}
main#mainRoot.full-bleed:has(.page.active[data-page-content="client"]){padding:10px 16px 20px;overflow-y:visible}
@media (max-width:720px){main#mainRoot.full-bleed:has(.page.active[data-page-content="client"]){padding:56px 12px 16px}}

/* ---- 10. Один вертикальный скролл ---- */
main#mainRoot{overflow-y:visible}
main#mainRoot:has(.page.active[data-page-content="dialogs"]){overflow-y:hidden}
.sidebar{overscroll-behavior:contain}
#slBoard.board-columns{height:auto !important;min-height:0 !important;align-items:flex-start}
#slBoard .board-col{max-height:none !important}
#slBoard .board-col-body{overflow:visible !important}
.page[data-page-content="shop"] iframe{min-height:0 !important;overflow:hidden}
@media (max-width:860px){
  .pc-items,.pc-msgs,.pc.pc-open .pc-msgs{max-height:none !important}
  .page[data-page-content="dialogs"] .inbox:not(.m-thread){height:auto}
  .page[data-page-content="dialogs"] .inbox:not(.m-thread) .dialogs-list{max-height:none !important}
  main#mainRoot:has(.page.active[data-page-content="dialogs"]){overflow-y:visible}
}

/* ---- 11. Сайдбар: плотность B, складывание в полосу, группы, иконки ---- */
.sidebar{padding:8px 0;transition:width var(--ui-t) var(--ui-ease),padding var(--ui-t) var(--ui-ease)}
.sidebar:not(.rail) .sidebar-brand{padding:4px 16px 10px 16px;margin-bottom:6px;font-size:14px;display:flex;align-items:center;gap:8px}
.brand-logo{width:26px;height:26px;border-radius:7px;flex:0 0 auto;object-fit:cover}
.sidebar.rail .brand-name{display:none}.sidebar.rail .brand-logo{width:28px;height:28px;border-radius:8px}
.nav-grp{margin-bottom:2px}
.nav-grp-h{margin:8px 0 1px;padding:0 16px;font-size:10.5px;letter-spacing:.08em;cursor:pointer;display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:0;color:var(--muted);text-transform:uppercase;font-weight:800}
.nav-grp-h::after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);opacity:.6;margin-right:2px;transition:transform var(--ui-t)}
.nav-grp.collapsed .nav-grp-h::after{transform:rotate(-45deg)}
.nav-grp.collapsed .nav-grp-b{display:none}
.nav-item{padding:5px 16px;font-size:12.5px;display:flex;align-items:center;gap:9px;line-height:1.3}
.nav-item .nav-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nav-item .nav-ic{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex:none;color:var(--muted);opacity:.85}
.nav-item.active .nav-ic{color:var(--accent);opacity:1}
.nav-item .nav-ic svg{width:16px;height:16px;display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.nav-badge{margin-left:auto;font-size:10.5px;line-height:17px;min-width:17px;padding:0 5px}
.sidebar-footer{padding:10px 16px 0}
.sidebar-footer .btn{margin-top:6px}
.sidebar-collapse{appearance:none;font:inherit}
@media (min-width:721px){
  .sidebar-collapse{margin:8px 12px 0;background:none;border:1px solid var(--border);border-radius:var(--ui-r-s);color:var(--muted);padding:5px 8px;cursor:pointer;font-size:11.5px;width:calc(100% - 24px);display:flex;align-items:center;gap:6px;transition:background var(--ui-t)}
  .sidebar-collapse:hover{background:var(--hover);color:var(--text)}
  .sidebar:not(.rail) .sidebar-collapse::before{content:'‹';font-size:15px;line-height:1;font-weight:700}
  .sidebar:not(.rail) .sidebar-collapse::after{content:'Свернуть меню  [';white-space:pre;flex:1;text-align:left}
  .sidebar.rail{width:56px;padding:10px 0}
  .sidebar.rail .sidebar-brand{padding:0 0 8px !important;margin:0 0 6px}
  .sidebar.rail .nav-grp-h{height:1px;padding:0;margin:5px 14px;background:var(--border);font-size:0;cursor:default;border:0}
  .sidebar.rail .nav-grp-h::after{display:none}
  .sidebar.rail .nav-grp.collapsed .nav-grp-b{display:block}
  .sidebar.rail .nav-item{padding:8px 0;justify-content:center;border-right-width:2px;gap:0}
  .sidebar.rail .nav-item .nav-ic{width:18px;height:18px}
  .sidebar.rail .nav-item .nav-ic svg{width:18px;height:18px}
  .sidebar.rail .nav-item .nav-label,.sidebar.rail .nav-item .nav-soon{display:none}
  .sidebar.rail .nav-badge{position:absolute;top:3px;right:8px;margin:0;min-width:14px;line-height:14px;font-size:9px;padding:0 3px}
  .sidebar.rail .sidebar-footer{padding:6px 8px 0}
  .sidebar.rail .sidebar-footer .who{display:none}
  .sidebar.rail .sidebar-footer .btn{width:40px;height:32px;margin:4px auto 0}
  .sidebar.rail .sidebar-collapse{width:40px;margin:6px auto 0;padding:5px 0;justify-content:center}
  .sidebar.rail .sidebar-collapse::before{content:'›';font-size:15px;font-weight:700}
  .sidebar.rail .sidebar-collapse::after{display:none}
  #railTip{position:fixed;z-index:1000;background:var(--text);color:var(--bg);font-size:12px;font-weight:600;padding:5px 9px;border-radius:var(--ui-r-s);white-space:nowrap;box-shadow:0 4px 14px rgba(16,24,40,.2);opacity:0;pointer-events:none;transform:translate(-4px,-50%);transition:opacity var(--ui-t),transform var(--ui-t)}
  #railTip::before{content:'';position:absolute;right:100%;top:50%;transform:translateY(-50%);border:5px solid transparent;border-right-color:var(--text)}
  #railTip.show{opacity:1;transform:translate(0,-50%)}
}
@media (max-width:720px){
  .sidebar-collapse{display:none}
  .sidebar-toggle{top:12px;left:12px;border-radius:var(--ui-r-s)}
  .nav-item{padding:9px 16px;font-size:13.5px}
  .nav-grp-h{padding:10px 16px 4px;font-size:11px}
}

.sidebar.rail ~ main .lb-bar{left:56px}

/* ---- 12. Точечные правки разделов ---- */
/* Клиенты: карточка открывается панелью справа — плитка-заглушка «Карточка» не нужна, список на всю ширину */
.page[data-page-content="clients"] .page-grid.two-col{grid-template-columns:1fr}
.page[data-page-content="clients"] #clCard{display:none}
/* Свёрнутое меню: кнопки темы и выхода — значками (id на платформе — themeBtn и ссылка logout) */
@media (min-width:721px){
  .sidebar.rail #themeBtn::before{content:'◐';font-size:15px}
  .sidebar.rail .sidebar-footer a.btn[href*="logout"]::before{content:'⏻';font-size:14px}
}
/* системные каналы */
.chsys td{vertical-align:top}.chsys-ok{background:#e8f5ec;color:#1d7a3e;border-color:#cfe9d8}.chsys-warn{background:#fff4e0;color:#9a5b00;border-color:#f5dfb3}.chsys-off{background:#f1f2f4;color:#6b7280}

/* «Каналы» → блок Instagram (16.10) */
.igc-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}.igc-row .ui-grow{flex:1}
.igc-line{margin-top:6px;font-size:var(--ui-fs-s);line-height:1.45}.igc-err{color:var(--err)}
.igc-flash{padding:6px 10px;border-radius:var(--ui-r-s);margin-bottom:8px;display:flex;gap:8px;align-items:center;justify-content:space-between}.igc-flash.is-ok{background:var(--ok-bg);color:var(--ok)}.igc-flash.is-err{background:var(--err-bg);color:var(--err)}
.igc-bad{font-weight:600}
a.ui-btn{text-decoration:none;display:inline-block}.igc-row .ui-chip,.igc-line .ui-chip{white-space:normal;max-width:100%}