/* ============================================================
   unslop design tokens v0.1 (10.10.2026) ━ снято с референсов владельца:
   сайдбар Finder (04), список и мини-обложки inbox (08), поле ввода и
   правая панель Kirridesk (02), вкладки почтового клиента (03),
   три колонки MantaUI (01). Один акцент: зелёный статуса. Основное
   действие чёрное на светлой теме и белое на тёмной (Kirridesk, 08).
   ============================================================ */
:root{
  --link:#2f6fd0;          /* ссылки в тексте: синие, как в Telegram (владелец, 11.10.2026) */
  --font: "Inter", -apple-system, "SF Pro Text", "Helvetica Neue", Arial, sans-serif;
  --mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  --page:#f5f6f8;          /* фон страницы (Kirridesk) */
  --panel:#ffffff;         /* поверхности колонок и карточек */
  --panel-2:#f7f8fa;       /* вторичная поверхность: поле ввода, строки вкладок */
  --line:#e6e8ec;          /* разделители (MantaUI #ededed) */
  --line-2:#d9dce2;        /* границы контролов */
  --text:#141519;          /* основной текст (Finder) */
  --text-2:#4d5055;        /* подписи разделов (Finder) */
  --muted:#8a8f98;         /* мета: время, подсказки */
  --hover:#f4f5f7;         /* наведение, серое и только серое */
  --selected:#eceef1;      /* выбранная строка, светлее прежнего (владелец, 11.10.2026) */
  --sidebar-top:#f7f7f9;   /* градиент сайдбара Finder */
  --sidebar-bottom:#ececf0;
  --sidebar-text:#1d1e22;

  --primary:#111214;       /* чёрная кнопка (Kirridesk Send, inbox Continue) */
  --primary-text:#ffffff;
  --accent:#1f9d62;        /* единственный цвет: статус, онлайн, агент работает */
  --accent-soft:#e6f5ec;
  --accent-text:#13663f;
  --warn:#d98a2b;          /* ожидание, застрял */
  --warn-soft:#fbf1e3;
  --danger:#d64545;        /* эскалация */
  --danger-soft:#fdeaea;
  --cover:linear-gradient(135deg,#dbeefb,#eef3fa 60%,#f7f8fa); /* обложка карточки клиента */
  --cover-3:linear-gradient(135deg,#f6dbe9,#f6eff5 60%,#f7f8fa);
  --cover-4:linear-gradient(135deg,#dcf3e6,#eef7f2 60%,#f7f8fa);
  --cover-5:linear-gradient(135deg,#ece9dc,#f3f2ec 60%,#f7f8fa);
  --cover-green:linear-gradient(135deg,#cdeedc,#e6f5ec 60%,#f7f8fa);
  --usage:#e8856a;         /* полоски использования (inbox 08) */
  --usage-track:#ece7e4;

  --bubble-in:#f1f2f4;     /* входящие */
  --bubble-bot:#ffffff;    /* экраны бота: карточка с рамкой */
  --bubble-out:#e8f5ee;    /* наши ответы: оттенок акцента */
  --bubble-out-text:#163a29;
  --tg-key:#e4ecf6;        /* кнопки инлайн-клавиатуры бота, как в Telegram: светлые, одинаковые, отдельным блоком */
  --tg-key-text:#1d4f8a;

  --r-s:6px; --r-m:10px; --r-l:14px; --r-pill:999px;
  --shadow-card:0 1px 2px rgba(20,21,25,.05), 0 8px 24px rgba(20,21,25,.06);
  --shadow-pop:0 12px 32px rgba(20,21,25,.14), 0 2px 6px rgba(20,21,25,.08);
}
:root[data-theme="dark"]{
  --cover-3:linear-gradient(135deg,#8a3d5a,#4e2d3c 60%,#3a2a32); --cover-4:linear-gradient(135deg,#2f8f62,#2a5e47 60%,#24443a); --cover-5:linear-gradient(135deg,#8c7c4f,#55493a 60%,#3f382e); --cover-green:linear-gradient(135deg,#2f8f62,#2a5e47 60%,#24443a);  /* подложки карточек в тёмной теме светлее: владелец 13.10.2026, «посветлее, а то не читаются» */
  --link:#6ea8ff;
  --page:#121315; --panel:#1a1b1e; --panel-2:#202126; --line:#2a2c31; --line-2:#363940;
  --text:#f2f3f5; --text-2:#bdbec4; --muted:#8b8f98; --hover:#212328; --selected:#282a2f;
  --sidebar-top:#232428; --sidebar-bottom:#19191c; --sidebar-text:#f4f4f6;
  --primary:#f5f5f7; --primary-text:#111214;
  --accent:#3ecf8e; --accent-soft:#16352a; --accent-text:#9fe3c2;
  --warn:#e3a04a; --warn-soft:#3a2c17; --danger:#ef6b6b; --danger-soft:#3b2222;
  --cover:linear-gradient(135deg,#3b72a8,#2b4560 60%,#263544); --usage:#ea8f73; --usage-track:#2d2a29;
  --bubble-in:#24262b; --bubble-bot:#1f2024; --bubble-out:#1e3a2c; --bubble-out-text:#d8f1e3; --tg-key:#2a3340; --tg-key-text:#9cc4f2;
  --shadow-card:0 1px 2px rgba(0,0,0,.4), 0 8px 24px rgba(0,0,0,.35);
  --shadow-pop:0 12px 32px rgba(0,0,0,.55), 0 2px 6px rgba(0,0,0,.4);
}

*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{font:13px/1.45 var(--font);color:var(--text);background:var(--page);-webkit-font-smoothing:antialiased;letter-spacing:-.005em}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
svg{display:block;flex:none}
.ico{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.mono{font-family:var(--mono);font-size:12px;letter-spacing:0}

/* ---------- каркас: сайдбар ━ вкладки ━ три колонки ---------- */
.app{display:grid;grid-template-columns:232px 1fr;height:100vh;height:100dvh;min-height:560px;overflow:hidden}  /* приложение по высоте окна: страница не прокручивается, меню и колонки прокручиваются внутри (14.10.2026: на экране ниже 900 px прокручивалась вся страница и при переходе прыгала к началу) */
.main{display:grid;grid-template-rows:44px 1fr;min-width:0;min-height:0}
.work{display:grid;grid-template-columns:352px 1fr 312px;min-height:0;background:var(--panel);border-top:1px solid var(--line)}

/* ---------- сайдбар в духе Finder ---------- */
.sidebar{background:linear-gradient(180deg,var(--sidebar-top),var(--sidebar-bottom));border-right:1px solid var(--line);color:var(--sidebar-text);display:flex;flex-direction:column;padding:14px 10px 12px;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(128,128,128,.28) transparent}
.ws{display:flex;align-items:center;gap:9px;padding:4px 8px 14px}
.ws .mark{width:26px;height:26px;flex:none}
.ws .mark img{width:100%;height:100%;display:block;filter:drop-shadow(0 0 .5px rgba(0,0,0,.4)) drop-shadow(0 1px 1.5px rgba(0,0,0,.16))}
.ws .name{font-weight:600;font-size:13px}
.ws .plan{margin-left:auto;font-size:11px;color:var(--muted)}
.sec{font-size:11px;font-weight:600;color:var(--text-2);padding:12px 8px 4px;letter-spacing:.01em}
.nav a{display:flex;align-items:center;gap:9px;height:28px;padding:0 8px;border-radius:var(--r-s);color:inherit;text-decoration:none;font-size:13px}
.nav a:hover{background:var(--hover)}
.nav a.on{background:var(--selected)}
.nav a .cnt{margin-left:auto;font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}
.nav a .cnt.hot{color:var(--text);background:var(--hot-soft);padding:1px 7px;border-radius:var(--r-pill);font-weight:600}
.nav .sub a{padding-left:30px}
.nav .sub2 a{padding-left:30px}
.nav .mg{width:16px;height:16px;border-radius:4px;background:var(--mg);color:var(--text);font-size:10px;font-weight:600;display:grid;place-items:center;flex:none}
.nav a .chev{width:12px;height:12px;color:var(--muted);margin-left:auto;transition:transform .15s}
.nav a.open .chev{transform:rotate(90deg)}
.nav a .chev + .cnt{margin-left:6px}
.sidebar .foot{margin-top:auto;border-top:1px solid var(--line);padding-top:10px}
.sidebar .me{display:flex;align-items:center;gap:9px;padding:4px 8px}
.sidebar .me .who{font-size:12px;line-height:1.25}
.sidebar .me .who b{display:block;font-weight:600}
.sidebar .me .who span{color:var(--muted)}

/* ---------- вкладки сверху (почтовый клиент, 03) ---------- */
.tabs{display:flex;align-items:flex-end;gap:4px;padding:8px 14px 0;background:var(--page)}
.tab{display:flex;align-items:center;gap:8px;height:34px;padding:0 12px 0 10px;border-radius:9px 9px 0 0;color:var(--text-2);font-size:12.5px;white-space:nowrap;max-width:220px}
.tab.on{background:var(--panel);color:var(--text);box-shadow:0 -1px 0 var(--line), 1px 0 0 var(--line), -1px 0 0 var(--line);font-weight:500}
.tab:not(.on):hover{background:var(--hover)}
.tab .n{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}
.tab .x{width:14px;height:14px;color:var(--muted);opacity:0;margin-left:2px}
.tab.on .x{opacity:1}
.tabs .plus{height:34px;width:34px;display:grid;place-items:center;color:var(--muted);border-radius:8px 8px 0 0}
.tabs .plus:hover{background:var(--hover)}
.tabs .spacer{flex:1}
.tabs .theme{height:28px;margin-bottom:4px;padding:0 10px;border:1px solid var(--line-2);border-radius:var(--r-pill);font-size:11.5px;color:var(--text-2);display:flex;align-items:center;gap:6px;background:var(--panel)}

/* ---------- аватары с мини-обложками (08) ---------- */
.av{position:relative;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-weight:600;font-size:13px;color:#1a1b1f;flex:none;overflow:hidden}
.av.s{width:28px;height:28px;font-size:11px}
.av.l{width:56px;height:56px;font-size:18px}
.av::after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)}
.c1{background:linear-gradient(145deg,#dcd3ff,#b9c4ff)}
.c2{background:linear-gradient(145deg,#ffe1c2,#ffc9a6)}
.c3{background:linear-gradient(145deg,#cfeadb,#a9dcc3)}
.c4{background:linear-gradient(145deg,#cfe3ff,#a9ccff)}
.c5{background:linear-gradient(145deg,#f3d6e6,#e3b4d2)}
.c6{background:linear-gradient(145deg,#e6e4d6,#cdcab6)}
.c7{background:linear-gradient(145deg,#d9ecf5,#b6dcec)}
.bot-av{background:var(--primary);color:var(--primary-text)}
.av .badge-role{position:absolute;right:-2px;bottom:-2px;width:16px;height:16px;border-radius:50%;background:var(--primary);color:var(--primary-text);display:grid;place-items:center;box-shadow:0 0 0 2px var(--panel)}
.av .badge-role .ico{width:10px;height:10px;stroke-width:2.2}
.dot{position:absolute;right:1px;bottom:1px;width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 2px var(--panel)}
.dot.warn{background:var(--warn)} .dot.danger{background:var(--danger)} .dot.off{background:var(--muted)}

/* ---------- список диалогов в стиле inbox (08): серая колонка, белые карточки, аватары-иллюстрации ---------- */
.list{background:var(--page);border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0;padding:14px 14px 0;gap:12px}
.list-title{display:flex;align-items:baseline;gap:10px;padding:2px 2px 0}
.list-title h2{font-size:17px;font-weight:600;letter-spacing:-.01em}
.list-title .n{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}
.list-top{display:flex;align-items:center;gap:8px}
.list-top .btn.primary{height:34px;border-radius:var(--r-pill);padding:0 12px;gap:7px}
.list-top .vsep{width:1px;height:22px;background:var(--line-2)}
.seg{display:flex;gap:1px;min-width:0;overflow:hidden}
.seg a{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 8px;border-radius:var(--r-pill);font-size:12.5px;color:var(--text-2);white-space:nowrap;text-decoration:none}
.seg a .ico{width:16px;height:16px}
.seg a .n{font-variant-numeric:tabular-nums;color:var(--muted)}
.seg a.on{background:var(--selected);color:var(--text);font-weight:500}
.seg a.on .n{color:var(--text-2)}
.list-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-l);box-shadow:var(--shadow-card);display:flex;flex-direction:column;min-height:0;margin-bottom:14px;overflow:hidden}
.list-card .lh{display:flex;align-items:center;gap:10px;padding:11px 16px;border-bottom:1px solid var(--line)}
.list-card .lh .cb{width:16px;height:16px;border:1.5px solid var(--line-2);border-radius:4px;flex:none}
.list-card .lh h3{font-size:13.5px;font-weight:500;color:var(--text-2)}
.list-card .lh .n{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}
.list-card .lh .ibs{margin-left:auto;display:flex;gap:2px}
.ib{width:28px;height:28px;border-radius:7px;display:grid;place-items:center;color:var(--text-2)}
.ib:hover{background:var(--hover)}
.rows{overflow:auto;min-height:0}
.row{display:grid;grid-template-columns:44px 1fr auto;gap:0 12px;padding:13px 16px;align-items:start;position:relative;border-top:1px solid var(--line)}
.row:first-child{border-top:0}
.row:hover{background:var(--hover)}
.row.on{background:var(--selected)}
.row .av{width:44px;height:44px}
.row .t{min-width:0}
.row .nm{display:flex;align-items:center;gap:6px;font-weight:600;font-size:13.5px;line-height:1.3}
.row .nm .pj{font-size:12px;font-weight:400;color:var(--muted);margin-left:2px}
.row .nm .vf{width:14px;height:14px;color:var(--accent)}
.row .sn{color:var(--text-2);font-size:12.5px;line-height:1.45;margin-top:3px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.row .sn b{font-weight:400;color:inherit}
.row .sn .ag{color:inherit;font-weight:400}
.row .meta{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:7px;padding-top:2px}
.row .tm{font-size:11.5px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}
.badge{min-width:18px;height:18px;padding:0 5px;border-radius:var(--r-pill);background:var(--primary);color:var(--primary-text);font-size:11px;font-weight:600;display:grid;place-items:center;font-variant-numeric:tabular-nums}
.badge.soft{background:var(--selected);color:var(--text-2)}
.row .st{width:14px;height:14px;color:var(--muted)}
.row .st.danger{color:var(--danger)} .row .st.warn{color:var(--warn)} .row .st.ok{color:var(--accent)}
.group-row .av{border-radius:12px}
.group-row .av::after{border-radius:12px}
.av img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}

/* карточка при наведении (владелец: «при наведении карточка клиента, на каком он этапе») */
.hover-card{position:absolute;left:62px;top:54px;z-index:5;width:272px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-l);box-shadow:var(--shadow-pop);padding:12px;display:none}
.hover-card .hc-top{display:flex;gap:10px;align-items:center}
.hover-card .hc-top b{display:block;font-weight:600}
.hover-card .hc-top span{color:var(--muted);font-size:12px}
.hover-card .steps{margin:12px 0 8px}
.hover-card .kv{font-size:12px;color:var(--text-2);display:grid;grid-template-columns:auto 1fr;gap:3px 10px}
.hover-card .kv b{font-weight:500;color:var(--text)}
.hover-card .link{margin-top:10px;font-size:12px;color:var(--accent-text);font-weight:500}

/* ---------- этапы (stepper, как Order Stage у Kirridesk) ---------- */
.steps{display:flex;align-items:flex-start}
.steps .s{flex:1;position:relative;text-align:center;font-size:10.5px;color:var(--muted);padding-top:14px}
.steps .s::before{content:"";position:absolute;top:4px;left:50%;width:100%;height:2px;background:var(--line-2)}
.steps .s:last-child::before{display:none}
.steps .s::after{content:"";position:absolute;top:0;left:calc(50% - 5px);width:10px;height:10px;border-radius:50%;background:var(--panel);border:2px solid var(--line-2)}
.steps .s.done::after{background:var(--accent);border-color:var(--accent)}
.steps .s.done::before{background:var(--accent)}
.steps .s.cur::after{background:var(--panel);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.steps .s.cur{color:var(--text);font-weight:600}
.steps .s.done{color:var(--text-2)}

/* ---------- диалог ---------- */
.conv{display:flex;flex-direction:column;min-width:0;min-height:0}
.conv-head{height:60px;display:flex;align-items:center;gap:12px;padding:0 16px;border-bottom:1px solid var(--line)}
.conv-head .who{min-width:0;flex:1}
.conv-head .who b{font-weight:600;font-size:14px;display:flex;align-items:center;gap:8px;white-space:nowrap}
.conv-head .who span{font-size:12px;color:var(--muted);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pill{display:inline-flex;align-items:center;gap:5px;height:20px;padding:0 8px;border-radius:var(--r-pill);font-size:11px;font-weight:600}
.pill.ok{background:var(--accent-soft);color:var(--accent-text)}
.pill.warn{background:var(--warn-soft);color:var(--warn)}
.pill.danger{background:var(--danger-soft);color:var(--danger)}
.pill.neutral{background:none;padding:0;color:var(--text-2);font-weight:500;font-size:12px}
.pill.neutral::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#b4b9c2;flex:none;margin-right:5px;vertical-align:1px}
.pill.neutral{gap:0}
.pill.neutral.ok::before{background:var(--accent)}
.pill.neutral.wait::before{background:var(--warn)}

.conv-head .acts{margin-left:auto;display:flex;align-items:center;gap:6px;flex:none}
.btn{height:30px;padding:0 12px;border-radius:8px;border:1px solid var(--line-2);background:var(--panel);font-size:12.5px;font-weight:500;display:inline-flex;align-items:center;gap:7px;color:var(--text);white-space:nowrap}
.btn:hover{background:var(--hover)}
.btn.primary{background:var(--primary);color:var(--primary-text);border-color:var(--primary)}
.btn.primary:hover{opacity:.9;background:var(--primary)}
.btn.ghost{border-color:transparent;color:var(--text-2)}
.btn.sm{height:26px;padding:0 9px;font-size:12px}
.ib.on{background:var(--selected);color:var(--text)}

.msgs{flex:1;min-height:0;overflow:auto;padding:18px 24px 8px;display:flex;flex-direction:column;gap:16px;background:var(--panel)}
.chch{align-self:center;font-size:11px;font-weight:600;letter-spacing:.02em;color:var(--text-2);background:var(--selected);border-radius:var(--r-pill);padding:3px 10px;margin-top:-6px}
.daych{align-self:center;font-size:11px;color:var(--muted);background:var(--panel-2);border:1px solid var(--line);border-radius:var(--r-pill);padding:2px 10px}
.m{display:grid;grid-template-columns:32px 1fr;gap:11px;max-width:700px}
.m .av.s{width:32px;height:32px;font-size:12px}
.m .who{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:7px;margin-bottom:6px;flex-wrap:wrap}
.m .who b{color:var(--text);font-weight:600;font-size:13px}
.m .who .role{font-size:10.5px;font-weight:600;letter-spacing:.03em;padding:1px 7px;border-radius:var(--r-pill);background:var(--primary);color:var(--primary-text);line-height:16px}
.m .who .role.ag{background:var(--accent-soft);color:var(--accent-text)}
.m .who .ch{display:inline-flex;align-items:center;gap:4px}
.m .who .ch .ico{width:12px;height:12px}
.bub{display:block;width:fit-content;padding:9px 12px;border-radius:12px;background:var(--bubble-in);font-size:13px;line-height:1.5;max-width:540px}
.bub + .bub{margin-top:6px}
.card-bot{display:block;max-width:420px}
.card-bot .msg{border-radius:14px;background:var(--bubble-in);overflow:hidden}
.card-bot .btns{margin-top:4px}
.card-bot .banner{display:block;width:100%;height:auto}
.card-bot .cover{height:96px;background:linear-gradient(135deg,#1b1f3a,#2b4a8f 60%,#49a0d6);display:flex;align-items:flex-end;padding:10px 12px;color:#fff;font-weight:600;letter-spacing:.02em;font-size:12px}
.card-bot .body{padding:10px 12px 12px;font-size:13px;line-height:1.5}
.card-bot .body b{font-weight:600}
.card-bot .btns{display:grid;gap:4px;padding:0}
.card-bot .btns span{display:block;text-align:center;height:36px;line-height:36px;border-radius:9px;background:var(--tg-key);color:var(--tg-key-text);font-weight:500;font-size:12.5px}
.card-bot .btns span.pri{background:var(--tg-key);color:var(--tg-key-text)}
.card-bot .btns span.pri{font-weight:500}
.voice{display:flex;width:fit-content;align-items:center;gap:10px;padding:8px 12px;border-radius:12px;background:var(--bubble-in)}
.voice .play{width:28px;height:28px;border-radius:50%;background:var(--primary);color:var(--primary-text);display:grid;place-items:center}
.voice .wave{display:flex;align-items:center;gap:2px;height:22px}
.voice .wave i{display:block;width:2px;border-radius:2px;background:var(--text-2);opacity:.8}
.voice .dur{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}
.sys{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--text);background:var(--danger-soft);border:1px solid transparent;border-radius:12px;padding:9px 12px;max-width:700px}
.sys .ic{width:32px;height:32px;border-radius:50%;overflow:hidden;flex:none}
.sys .ic img{width:100%;height:100%;display:block}
.sys b{font-weight:600}
.sys .t{flex:1;min-width:0}
.sys .t span{color:var(--text-2)}
.sys .btn{height:26px;padding:0 10px;font-size:12px;flex:none}
.unread{display:flex;align-items:center;gap:10px;color:var(--danger);font-size:11px;font-weight:600;letter-spacing:.04em}
.unread::before,.unread::after{content:"";flex:1;height:1px;background:var(--danger);opacity:.35}
.tm{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}

/* ---------- поле ввода (Kirridesk, 02) ---------- */
.composer{padding:10px 24px 16px;background:var(--panel)}
.suggest{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;border:1px solid var(--line);border-radius:12px;padding:10px 12px 10px;margin-bottom:10px;background:var(--panel-2)}
.suggest .av{grid-row:1 / span 3}
.suggest .t{flex:1;min-width:0}
.suggest .t b{font-weight:600;font-size:12.5px;color:var(--text);display:block;margin-bottom:3px}
.suggest .t p{font-size:13px;line-height:1.5;color:var(--text)}
.suggest .a{display:flex;gap:6px;margin-top:6px}
.box{border:1px solid var(--line-2);border-radius:12px;background:var(--panel);box-shadow:var(--shadow-card)}
.box .via{display:flex;align-items:center;gap:8px;padding:9px 12px 0;font-size:12px;color:var(--muted)}
.box .via .sel{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 8px;border:1px solid var(--line-2);border-radius:7px;color:var(--text);font-weight:500;background:var(--panel-2)}
.box textarea{width:100%;border:0;background:transparent;resize:none;font:13px/1.5 var(--font);color:var(--text);padding:10px 12px 6px;min-height:58px;outline:0;display:block}
.box textarea::placeholder{color:var(--muted)}
.box .bar{display:flex;align-items:center;gap:2px;padding:4px 8px 8px}
.box .bar .ib{color:var(--text-2)}
.box .bar .sep{width:1px;height:18px;background:var(--line);margin:0 6px}
.box .bar .right{margin-left:auto;display:flex;gap:14px;align-items:center}
.auto{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;color:var(--text-2);margin-right:6px}
.auto .sw{width:34px;height:20px;border-radius:var(--r-pill);background:var(--accent);position:relative;display:inline-block}
.auto .sw::after{content:"";position:absolute;top:2px;right:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.25)}
.hint kbd{font:11px var(--mono);border:1px solid var(--line-2);border-radius:4px;padding:0 4px;background:var(--panel-2)}

/* ---------- правая панель: карточка клиента и агент (Kirridesk, 02) ---------- */
.side{border-left:1px solid var(--line);background:var(--page);overflow:auto;padding:14px 14px 20px;display:flex;flex-direction:column;gap:12px}
.side .ph{display:flex;align-items:center;justify-content:space-between;padding:2px 2px 0}
.side .ph h3{font-size:13px;font-weight:600}
.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-l);padding:14px;box-shadow:var(--shadow-card)}
.card h4{font-size:12px;font-weight:600;color:var(--text-2);margin-bottom:10px;display:flex;align-items:center;gap:6px}
.card h4 .r{margin-left:auto;font-weight:500;color:var(--muted)}
.profile{background:var(--panel);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-card);text-align:center;padding-bottom:18px}
.profile .cover{height:76px;background:var(--cover)}
.av.xl{width:76px;height:76px;margin:-38px auto 0;box-shadow:0 0 0 4px var(--panel);font-size:22px}
.pname{font-size:16px;font-weight:600;margin-top:10px;letter-spacing:-.01em}
.puser{font-size:12.5px;color:var(--muted);margin-top:2px}
.pstage{margin:18px 18px 4px;text-align:left}
.seg4{display:flex;gap:4px;margin-bottom:12px}
.seg4 i{flex:1;height:6px;border-radius:3px;background:var(--line)}
.seg4 i.on{background:var(--accent)}
.seg4 i.cur{background:var(--accent-soft);box-shadow:inset 0 0 0 1.5px var(--accent)}
.pstage b{display:block;font-size:15px;font-weight:600;letter-spacing:-.01em}
.pstage span{font-size:12px;color:var(--muted)}
.timeline{position:relative;margin:8px 18px 0;text-align:left}
.timeline::before{content:"";position:absolute;left:8px;top:14px;bottom:14px;width:2px;background:var(--line)}
.tl{display:grid;grid-template-columns:18px 1fr auto;gap:0 10px;align-items:center;min-height:34px;position:relative}
.tl .d{width:10px;height:10px;border-radius:50%;border:2px solid var(--line-2);background:var(--panel);justify-self:center;z-index:1}
.tl.done .d{background:var(--accent);border-color:var(--accent)}
.tl.cur .d{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.tl .n{font-size:13px;color:var(--text-2)}
.tl.done .n{color:var(--text)}
.tl.cur .n{color:var(--text);font-weight:600}
.tl .t{font-size:11.5px;color:var(--muted);font-variant-numeric:tabular-nums}
.money{margin:16px 18px 0;background:var(--primary);color:var(--primary-text);border-radius:14px;padding:14px 16px;text-align:left}
.money .ml{font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;opacity:.65}
.money .mv{font-size:28px;font-weight:600;letter-spacing:-.02em;margin-top:4px;font-variant-numeric:tabular-nums;line-height:1.15}
.money .ms{font-size:12px;opacity:.7;margin-top:3px}
.money .mrows{margin-top:12px;border-top:1px solid rgba(128,128,128,.35);padding-top:10px;display:flex;flex-direction:column;gap:7px}
.money .mrows div{display:flex;justify-content:space-between;font-size:12.5px}
.money .mrows span{opacity:.7}
.money .mrows b{font-weight:600;font-variant-numeric:tabular-nums}
.pfacts{margin:16px 18px 0;text-align:left;display:flex;flex-direction:column;gap:9px;padding-top:14px;border-top:1px solid var(--line)}
.pfacts div{display:flex;gap:9px;align-items:flex-start;font-size:12.5px;line-height:1.45;color:var(--text-2)}
.pfacts .ico{width:15px;height:15px;color:var(--muted);flex:none;margin-top:2px}
.person .nm{font-weight:600;font-size:14px}
.person .un{font-size:12px;color:var(--muted)}
.person .id{font-size:11px;color:var(--muted)}
.card .steps{margin:14px 0 4px}
.kv{display:grid;grid-template-columns:1fr auto;gap:7px 12px;font-size:12.5px;align-items:center}
.kv dt{color:var(--muted)}
.kv dd{text-align:right;font-weight:500}
.kv dd a{color:var(--accent-text);text-decoration:none}
.acts{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.acts .btn{height:28px;padding:0 10px;font-size:12px}
.acts .btn .mono{font-size:11.5px}
.toggle{display:flex;align-items:center;justify-content:space-between;font-size:12.5px;padding:6px 0}
.toggle .sw{width:34px;height:20px;border-radius:var(--r-pill);background:var(--accent);position:relative}
.toggle .sw::after{content:"";position:absolute;top:2px;right:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.25)}
.toggle .sw.off{background:var(--line-2)}
.toggle .sw.off::after{right:auto;left:2px}
.usage{margin-top:8px}
.usage .lab{display:flex;justify-content:space-between;font-size:11.5px;color:var(--muted);margin-bottom:6px}
.usage .lab b{color:var(--text);font-weight:500}
.usage .bars{display:flex;gap:3px;height:16px;align-items:stretch}
.usage .bars i{flex:1;border-radius:2px;background:var(--usage)}
.usage .bars i.e{background:var(--usage-track)}
.note{font-size:12.5px;color:var(--text-2);border:1px dashed var(--line-2);border-radius:10px;padding:9px 10px;margin-top:10px}
.esc{display:flex;align-items:center;gap:8px;font-size:12.5px}
.esc .pill{height:18px}

/* ---------- эскалация: карточка случая над лентой (структура нашей карточки в Telegram: хочет, ответили, нужно, предлагаем) ---------- */
.casebar{padding:12px 24px 0;background:var(--panel)}
.case{border:1px solid var(--line);border-radius:14px;background:var(--panel);box-shadow:var(--shadow-card);font-size:13px;overflow:hidden}
.case .ch{display:flex;align-items:flex-start;gap:11px;padding:13px 16px 11px}
.case .ch .pill,.case .ch .hide{margin-top:6px}
.case .ch .ic{width:34px;height:34px;border-radius:50%;overflow:hidden;flex:none}
.case .ch .ic img{width:100%;height:100%;display:block}
.case .ch .tt{min-width:0}
.case .ch .tt b{display:block;font-size:14px;font-weight:600;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.case .ch .tt span{font-size:12px;color:var(--muted)}
.case .ch .pill{margin-left:auto;white-space:nowrap;flex:none}
.case .facts{display:flex;flex-direction:column;gap:7px;padding:2px 16px 14px}
.case .facts div{display:flex;gap:9px;align-items:flex-start;line-height:1.45;color:var(--text)}
.case .facts .ico{width:15px;height:15px;color:var(--muted);flex:none;margin-top:2px}
.case .facts .k{color:var(--muted);margin-right:4px}
.case details{border-top:1px solid var(--line)}
.case summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;padding:10px 16px;font-size:12.5px;color:var(--text-2)}
.case summary::-webkit-details-marker{display:none}
.case summary .ico{width:14px;height:14px;color:var(--muted)}
.case summary .chev{transition:transform .15s;margin-left:2px}
.case details[open] summary .chev{transform:rotate(180deg)}
.case .arrows{display:flex;flex-direction:column;gap:6px;padding:0 16px 12px;line-height:1.5}
.case .arrows b{font-weight:600;margin-right:4px}
.case .acts{display:flex;gap:6px;padding:10px 16px 14px;flex-wrap:wrap}
.case .acts .btn{height:28px;padding:0 11px;font-size:12.5px}
.profile .cover.mint{background:var(--cover-4)}
.profile .cover.rose{background:var(--cover-3)}
.lsep{font-size:11.5px;color:var(--muted);padding:12px 16px 4px;border-top:1px solid var(--line)}
.row.closed .nm,.row.closed .sn{color:var(--muted)}
.lnk{color:var(--link);text-decoration:none}
.lnk:hover{text-decoration:underline}
.profile .cover.sand{background:var(--cover-5)}
.silence{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.04em}
.silence::before,.silence::after{content:"";flex:1;height:1px;background:var(--line-2)}

/* ---------- эксперименты: страница эксперимента в центре ---------- */
.xp{flex:1;min-height:0;overflow:auto;padding:18px 24px 24px;display:flex;flex-direction:column;gap:14px;background:var(--panel)}
.xp .card h4{margin-bottom:12px}
.hyp{display:flex;flex-direction:column;gap:9px;font-size:13px;line-height:1.5}
.hyp div{display:flex;gap:10px;align-items:flex-start}
.hyp .ico{width:16px;height:16px;color:var(--muted);flex:none;margin-top:2px}
.hyp .k{color:var(--muted);min-width:92px;flex:none}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.kpi{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 14px;box-shadow:var(--shadow-card)}
.kpi .l{font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.kpi .v{font-size:24px;font-weight:600;letter-spacing:-.02em;margin-top:4px;font-variant-numeric:tabular-nums;line-height:1.15}
.kpi .s{font-size:12px;color:var(--muted);margin-top:3px}
.people{display:flex;flex-direction:column}
.people .pr{display:grid;grid-template-columns:32px 1fr auto auto;gap:0 12px;align-items:center;padding:9px 0;border-top:1px solid var(--line);font-size:13px}
.people .pr:first-child{border-top:0}
.people .pr .nm{font-weight:500}
.people .pr .st{color:var(--muted);font-size:12.5px}
.people .pr .tm{color:var(--muted);font-size:11.5px;font-variant-numeric:tabular-nums}
.quotes{display:flex;flex-direction:column;gap:10px}
.quote{border-left:2px solid var(--line-2);padding:4px 12px;font-size:13px;line-height:1.5;color:var(--text)}
.quote cite{display:block;font-style:normal;color:var(--muted);font-size:12px;margin-top:3px}
.xp-tile{border-radius:12px}
.row .av.xp-tile img{border-radius:12px}

/* ---------- эксперимент: статистика чёрной панелью с белыми карточками (референс 07, стекло) ---------- */
.stats{background:#0f1012;color:#fff;border-radius:16px;padding:16px 16px 14px}
.stats .st-label{font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;opacity:.6}
.stats .st-big{font-size:30px;font-weight:600;letter-spacing:-.02em;margin-top:6px;line-height:1.1;font-variant-numeric:tabular-nums}
.stats .st-sub{font-size:12.5px;opacity:.7;margin-top:6px}
.stats .st-avatars{display:flex;margin-top:14px;padding-left:4px}
.stats .st-avatars .av{width:34px;height:34px;margin-left:-8px;box-shadow:0 0 0 2px #0f1012}
.stats .st-avatars .av:first-child{margin-left:0}
.stats .st-avatars .more{width:34px;height:34px;margin-left:-8px;border-radius:50%;background:#2a2c31;color:#fff;font-size:11px;font-weight:600;display:grid;place-items:center;box-shadow:0 0 0 2px #0f1012}
.stats .st-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:16px}
.stats .st-card{background:#ffffff;color:#141519;border-radius:12px;padding:11px 12px}
.stats .st-card .l{font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:#8a8f98}
.stats .st-card .v{font-size:22px;font-weight:600;letter-spacing:-.02em;margin-top:3px;font-variant-numeric:tabular-nums;line-height:1.15}
.stats .st-card .s{font-size:11.5px;color:#8a8f98;margin-top:3px}
/* люди эксперимента: две строки на человека */
.people .pr{grid-template-columns:36px 1fr auto;align-items:center;padding:10px 0}
.people .pr .av{width:36px;height:36px}
.people .pr .t .nm{font-weight:600;font-size:13px;display:flex;align-items:center;gap:6px}
.people .pr .t .pj{font-size:12px;font-weight:400;color:var(--muted)}
.people .pr .t .d{font-size:12.5px;color:var(--text-2);margin-top:2px}
.people .pr .meta{display:flex;flex-direction:column;align-items:flex-end;gap:5px}
.av .badge-ok{position:absolute;right:-3px;bottom:-3px;width:16px;height:16px;border-radius:50%;background:var(--accent);display:grid;place-items:center;box-shadow:0 0 0 2px var(--panel)}
.av .badge-ok .ico{width:10px;height:10px;stroke:#fff;stroke-width:2.6}
.stats .st-cards{gap:10px}
.stats .st-card{padding:12px 14px}
.stats .st-card .v{display:flex;align-items:baseline;gap:6px}
.stats .st-card .v small{font-size:13px;font-weight:500;color:#8a8f98;letter-spacing:0}
.stats .st-card .s{white-space:nowrap}

/* ---------- эксперимент: панель результата по стеклянному референсу (07): плашка, крупная цифра, аватары, воронка кружками, последнее событие, кнопки-пилюли ---------- */
.stats.glass{background:linear-gradient(160deg,#151b2d 0%,#0d1018 55%,#0b0d12 100%);border-radius:18px;padding:18px 18px 16px;text-align:center}
.g-pill{display:inline-block;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:4px 12px;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:#fff}
.g-big{font-size:40px;font-weight:600;letter-spacing:-.03em;margin-top:12px;line-height:1.05;font-variant-numeric:tabular-nums}
.g-sub{font-size:13px;opacity:.7;margin-top:6px}
.stats.glass .st-avatars{justify-content:center;margin-top:14px;padding:0}
.g-funnel{display:flex;align-items:flex-start;justify-content:space-between;margin-top:20px;padding:0 4px}
.gf-step{text-align:center;flex:none;width:72px}
.gf-step b{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#fff;color:#111214;font-size:16px;font-weight:600;margin:0 auto}
.gf-step.dim b{background:rgba(255,255,255,.14);color:#fff}
.gf-step span{display:block;font-size:11px;opacity:.75;margin-top:7px;white-space:nowrap}
.gf-step em{display:block;font-style:normal;font-size:10.5px;opacity:.5;margin-top:2px;white-space:nowrap}
.g-funnel i{flex:1;height:2px;background:rgba(255,255,255,.16);margin:21px 0 0;border-radius:1px}
.g-last{display:flex;align-items:center;gap:10px;margin-top:18px;padding:10px 12px;background:rgba(255,255,255,.07);border-radius:12px;text-align:left}
.g-last .t b{display:block;font-size:13px;font-weight:600}
.g-last .t span{font-size:11.5px;opacity:.6}
.g-last a{margin-left:auto;font-size:12px;color:#fff;opacity:.7;text-decoration:underline}
.g-acts{display:flex;gap:8px;margin-top:12px}
.gbtn{flex:1;height:40px;border-radius:999px;background:rgba(255,255,255,.1);color:#fff;font-weight:500;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.gbtn.primary{background:#fff;color:#111214}

/* ---------- эксперимент: визуальные карточки метрик (референсы: Charging UI, Figma Charts) ---------- */
.vcards{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.vc{position:relative;overflow:hidden;background:#0f1012;color:#fff;border-radius:22px;padding:18px 18px 16px;min-height:212px;display:flex;flex-direction:column}
.vc .vt{font-size:13px;font-weight:500;display:flex;align-items:center;gap:7px}
.vc .vt .ico{width:14px;height:14px;opacity:.7}
.vc .vbig{font-size:34px;font-weight:600;letter-spacing:-.03em;line-height:1;margin-top:8px;font-variant-numeric:tabular-nums}
.vc .vsub{font-size:12px;opacity:.6;margin-top:4px}
.vc .vfoot{margin-top:auto;font-size:11.5px;opacity:.55;position:relative;z-index:2}
.vc svg.art{position:absolute;left:0;right:0;bottom:0;width:100%;height:auto;display:block}
.vc .vpill{position:relative;z-index:2;display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;border-radius:999px;background:rgba(10,12,14,.85);color:#3ecf8e;font-weight:600;font-size:15px;align-self:flex-start;margin-top:auto}
.vc .vpill .ico{width:14px;height:14px;stroke:#3ecf8e;stroke-width:2.2}
.vc .dots{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:16px}
.vc .dots i{aspect-ratio:1;border-radius:50%;background:#3ecf8e;display:block}
.vc .dots i.off{background:repeating-linear-gradient(135deg,#2c2f35 0 3px,#17191c 3px 6px)}
.vc.white{background:#fff;color:#141519;border:1px solid var(--line)}
.vc.white .vsub,.vc.white .vfoot{color:#8a8f98;opacity:1}
.vc .bars{margin-top:16px;display:flex;flex-direction:column;gap:10px}
.vc .bar{height:22px;border-radius:999px;background:#eef0f3;position:relative;overflow:hidden}
.vc .bar b{position:absolute;left:0;top:0;bottom:0;border-radius:999px;background:#3ecf8e}
.vc .bar.thin{height:8px}
.vc .bar.thin b{background:#c9ced6}
.vc .barl{display:flex;justify-content:space-between;font-size:11.5px;color:#8a8f98;margin-top:-4px}
.vc .ring{position:relative;width:118px;height:118px;margin:14px auto 0}
.vc .ring svg{width:118px;height:118px;transform:rotate(-90deg)}
.vc .ring .c{position:absolute;inset:0;display:grid;place-items:center;text-align:center}
.vc .ring .c b{font-size:28px;font-weight:600;letter-spacing:-.02em;line-height:1}
.vc .ring .c span{display:block;font-size:11px;opacity:.6;margin-top:2px}

/* ---------- карточки метрик один в один по референсам: Charging UI (волна, батарея) и Figma Charts (точки, прогресс-бар) ---------- */
.rcards{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.rc{position:relative;overflow:hidden;background:#0c0d0f;color:#fff;border-radius:34px;aspect-ratio:1/1;padding:22px 22px 20px;display:flex;flex-direction:column}
.rc .ico{stroke:currentColor}
/* 1. волна */
.rc-wave .rc-title{font-size:15px;font-weight:500;position:relative;z-index:2}
.rc-wave svg.art{position:absolute;left:0;right:0;bottom:0;width:100%;height:62%;display:block}
.rc-wave .rc-pill{position:absolute;left:24px;top:57%;z-index:2;display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 16px;border-radius:999px;background:rgba(8,20,14,.82);color:#3ecf8e;font-weight:600;font-size:17px}
.rc-wave .rc-pill .ico{width:15px;height:15px;stroke:#3ecf8e;fill:#3ecf8e;stroke-width:1.5}
/* 2. батарея */
.rc-batt{align-items:center;text-align:center}
.rc-batt .rc-eyebrow{display:flex;align-items:center;gap:6px;font-size:13px;color:#9aa0a8;margin-top:4px}
.rc-batt .rc-eyebrow .ico{width:14px;height:14px}
.rc-batt .rc-h{font-size:22px;font-weight:500;margin-top:2px;letter-spacing:-.01em}
.rc-batt .batt{position:relative;margin-top:22px;display:inline-flex;align-items:center;gap:8px;height:54px;padding:0 24px;border-radius:14px;background:#3ecf8e;color:#0c0d0f;font-size:26px;font-weight:600;letter-spacing:-.02em}
.rc-batt .batt::after{content:"";position:absolute;right:-8px;top:50%;width:6px;height:20px;transform:translateY(-50%);border-radius:0 4px 4px 0;background:#3ecf8e}
.rc-batt .batt .ico{width:18px;height:18px;stroke:#0c0d0f;fill:#0c0d0f;stroke-width:1.5}
.rc-batt .rc-foot{margin-top:auto;font-size:11.5px;color:#9aa0a8;line-height:1.4}
.rc-batt .rc-foot b{display:block;color:#fff;font-weight:600;font-size:12px}
/* 3. точки */
.rc-dots .rc-big{font-size:34px;font-weight:700;letter-spacing:-.03em;line-height:1}
.rc-dots .rc-sub{font-size:14px;font-weight:600;margin-top:4px}
.rc .rc-corner{position:absolute;right:18px;top:18px;width:30px;height:30px;border-radius:50%;border:1.5px solid rgba(255,255,255,.7);display:grid;place-items:center}
.rc .rc-corner .ico{width:15px;height:15px;stroke-width:1.8}
.rc-dots .pgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-top:auto}
.rc-dots .pgrid i{display:block;aspect-ratio:1;border-radius:50%;background:#3ecf8e}
.rc-dots .pgrid i.h{background:repeating-linear-gradient(45deg,#f4f5f7 0 2px,#0c0d0f 2px 5px)}
/* 4. прогресс-бар */
.rc-bar .rc-big2{font-size:26px;font-weight:700;letter-spacing:-.02em;line-height:1.05}
.rc-bar .rc-row{display:flex;align-items:flex-end;justify-content:space-between;margin-top:auto;font-size:13px;font-weight:600;line-height:1.15}
.rc-bar .rc-row b{font-size:14px}
.rc-bar .wrap{display:flex;align-items:center;gap:10px;margin-top:10px}
.rc-bar .wbar{flex:1;height:34px;border-radius:999px;background:#1a1c20;position:relative;overflow:hidden}
.rc-bar .wbar svg{position:absolute;left:0;top:0;height:100%;width:100%}
.rc-bar .vsep{width:2px;height:34px;background:#fff;border-radius:1px}
.rc-bar .hcirc{width:34px;height:34px;border-radius:50%;background:repeating-linear-gradient(45deg,#f4f5f7 0 2px,#0c0d0f 2px 5px)}

/* ---------- эксперимент: четыре карточки в ряд, графика сгенерирована по референсу Figma Charts, текст поверх ---------- */
.gcards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.gc{position:relative;aspect-ratio:1/1.06;border-radius:20px;overflow:hidden;background:#0c0d0f center 115%/108% no-repeat;color:#fff;padding:12px 13px;display:flex;flex-direction:column;isolation:isolate}
.gc::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0c0d0f 0%,#0c0d0f 40%,rgba(12,13,15,0) 64%)}
.gc.white{color:#141519;border:1px solid var(--line);background-color:#fff}
.gc.white::before{background:linear-gradient(180deg,#fff 0%,#fff 40%,rgba(255,255,255,0) 64%)}
.gc .gl{font-size:10px;letter-spacing:.06em;text-transform:uppercase;opacity:.65;line-height:1.2;white-space:nowrap}
.gc .gv{font-size:22px;font-weight:700;letter-spacing:-.03em;line-height:1;margin-top:4px;font-variant-numeric:tabular-nums}
.gc .gs{font-size:11px;opacity:.6;margin-top:3px;white-space:nowrap}

/* ---------- метрики эксперимента по референсу 12 (health widgets): чёрные карточки, цветная иконка, число слева, график справа ---------- */
:root,.hw{--hw-bg:#0b0c0e;--hw-text:#fff;--hw-white:#fff;--hw-sub:#cfd3d8;--hw-lead:#d7dadf;--hw-muted:#8a8f98;--hw-dim:#6f747c;--hw-track:#2a2d33;--hw-track2:#1f2126;--hw-fill:#24272d;--hw-fill2:#3a3f48;--hw-fill3:#4b4f57;--hw-hi:#e6e8ec;--hw-ring:rgba(255,255,255,.16)}
:root[data-theme="dark"],:root[data-theme="dark"] .hw{--hw-bg:#ffffff;--hw-text:#141519;--hw-white:#141519;--hw-sub:#4d5055;--hw-lead:#3a3d42;--hw-muted:#7d8189;--hw-dim:#9ca0a8;--hw-track:#e6e8ec;--hw-track2:#eef0f3;--hw-fill:#e3e5e9;--hw-fill2:#d3d6dc;--hw-fill3:#c4c8cf;--hw-hi:#141519;--hw-ring:rgba(20,21,25,.08)}  /* тёмная тема: карточки дашбордов белые */
.hw{background:var(--hw-bg);color:var(--hw-text);border-radius:22px;padding:16px 18px 14px}
.hw .hh{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:600}
.hw .hh .hi{width:22px;height:22px;border-radius:7px;display:grid;place-items:center}
.hw .hh .hi .ico{width:14px;height:14px;stroke-width:2}
.hw .hh .per{margin-left:auto;font-size:13px;font-weight:500;color:var(--hw-sub);display:inline-flex;align-items:center;gap:6px}
.hw .hh .per .ico{width:12px;height:12px;stroke:var(--hw-sub)}
.hw .nums{display:flex;gap:26px;margin-top:14px}
.hw .num b{display:block;font-size:24px;font-weight:600;letter-spacing:-.02em;line-height:1;font-variant-numeric:tabular-nums}
.hw .num span{display:block;font-size:12px;color:var(--hw-muted);margin-top:4px}
.hw .bars{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;align-items:end;height:96px;margin-top:34px}
.hw .bars .b{position:relative;border-radius:10px;background:#2c4a3a;height:var(--h)}
.hw .bars .b.empty{background:#17191d;height:100%}
.hw .bars .b i{position:absolute;left:0;right:0;bottom:0;border-radius:10px;background:#2c4a3a}
.hw .bars .b i.hot{background:linear-gradient(180deg,#8fe6bd,#3ecf8e 60%,#2aa36f)}
.hw .bars .b .tip{position:absolute;left:50%;top:-30px;transform:translateX(-50%);background:var(--hw-white);color:var(--hw-bg);font-size:11px;font-weight:600;border-radius:999px;padding:3px 8px;white-space:nowrap}
.hw .bars .b .tip::after{content:"";position:absolute;left:50%;bottom:-7px;transform:translateX(-50%);width:8px;height:8px;border-radius:50%;background:var(--hw-white);box-shadow:0 0 0 2px var(--hw-bg)}
.hw .days{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:8px;text-align:center;font-size:12px;color:var(--hw-sub)}
.hw .days span.dim{color:var(--hw-fill3)}
.hwgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.hw.s{padding:14px 16px 14px;min-height:118px;display:flex;flex-direction:column}
.hw.s .hh{font-size:13.5px}
.hw.s .hrow{display:flex;align-items:flex-end;justify-content:space-between;margin-top:auto;padding-top:14px}
.hw.s .hrow .num b{font-size:26px}
.hw.s .ring{width:52px;height:52px;position:relative}
.hw.s .ring svg{width:52px;height:52px;transform:rotate(-90deg)}
.hw.s .spark{width:96px;height:44px}
.hw .hh img.ai{width:26px;height:26px;border-radius:8px;display:block}
.hw.s .mini{display:flex;align-items:flex-end;gap:3px;height:44px;width:96px}
.hw.s .mini i{flex:1;border-radius:4px;background:var(--hw-track)}
.hw.s .mini i.on{background:#ff7a59}
.hw.s .duo{display:flex;flex-direction:column;gap:7px;width:96px}
.hw.s .duo div{height:10px;border-radius:999px;background:var(--hw-track2);position:relative}
.hw.s .duo div b{position:absolute;left:0;top:0;bottom:0;border-radius:999px;background:#7b8cff}
.hw.s .duo div.c b{background:var(--hw-fill3)}
.hw .pairs{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;align-items:end;height:96px;margin-top:26px}
.hw .pairs .pg{display:flex;gap:5px;align-items:end;height:100%}
.hw .pairs .pg i{flex:1;border-radius:8px 8px 4px 4px;min-height:4px}
.hw .pairs .pg i.a{background:linear-gradient(180deg,#8fe6bd,#3ecf8e 60%,#2aa36f)}
.hw .pairs .pg i.c{background:linear-gradient(180deg,#ffb15c,#ff8a2a 60%,#e36f12)}
.hw .legend{display:flex;gap:16px;margin-top:10px;font-size:11.5px;color:var(--hw-muted)}
.hw .legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.hw .legend i.a{background:#3ecf8e} .hw .legend i.c{background:#ff8a2a}
.hw .verdict{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--hw-sub)}
.hw .verdict .ico{width:14px;height:14px;stroke:#3ecf8e;stroke-width:2.4}
.hw .lead{font-size:14px;line-height:1.45;color:var(--hw-lead);margin-top:12px;max-width:440px}
.hw .lead b{color:var(--hw-text);font-weight:600}
.hw.s .two{display:flex;gap:26px;margin-top:auto;padding-top:14px}
.hw.s .two .num b{font-size:26px}
.profile .cover.green{background:var(--cover-green)}
.okc{width:15px;height:15px;color:var(--accent);flex:none}
.okc.no{color:var(--danger)}
.live{width:8px;height:8px;border-radius:50%;background:var(--accent);display:inline-block;margin-right:2px;flex:none}
.ticks{display:inline-flex;align-items:center;width:15px;height:11px;color:var(--muted);flex:none}
.ticks.read{color:var(--accent)}
.row .meta .tmw{display:inline-flex;align-items:center;gap:4px}
.m .who .ticks{margin-left:-3px}

.av.xp-tile,.av.xp-tile::after,.av.xp-tile img{border-radius:22%}
.av.xp-tile::after{box-shadow:none}
.sys.note{background:var(--panel-2);color:var(--text-2)}
.sys.note b{color:var(--text)}
.sys.note .ic img{border-radius:50%}
.av.tlf{background:#000}
.av.tlf img{object-fit:cover}
.hw .verdict .live{margin-right:2px}
.hw .lines{width:100%;height:auto;display:block;margin:10px 0 0;font-family:inherit}
.case .ch .hide{flex:none;margin-left:auto}
.case .ch .pill+.hide{margin-left:4px}
.case .ch .ic.tile,.sys .ic.tile{border-radius:22%}
.case.mini{display:flex;align-items:center;gap:10px;padding:8px 12px 8px 12px}
.case.mini .ic{width:26px;height:26px;border-radius:22%;overflow:hidden;flex:none}
.case.mini .ic img{width:100%;height:100%;display:block}
.case.mini b{font-size:13px;font-weight:600;white-space:nowrap}
.case.mini .sub{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted);font-size:12px}
.case.mini .pill{margin-left:auto}
.case.mini .btn{height:26px;padding:0 10px;font-size:12px}
a.tg{color:var(--link);text-decoration:none}
a.tg:hover{text-decoration:underline}
.conv-head .who span a.tg,.puser a.tg{color:var(--link)}
.bub a.tg{color:var(--link)}
ul.lead{list-style:none;margin:0 0 4px;padding:0;display:flex;flex-direction:column;gap:7px}
ul.lead li{position:relative;padding-left:18px;font-size:14.5px;line-height:1.4;color:var(--hw-hi)}
ul.lead li::before{content:"";position:absolute;left:0;top:7px;width:9px;height:9px;border-radius:50%}
ul.lead li.a::before{background:#3ecf8e}
ul.lead li.c::before{background:#ff8a2a}
.av.claude{background:#d97757}
.av.claude img{object-fit:cover}
.nav .xpi{width:16px;height:16px;border-radius:4px;flex:none;display:block}
.doc{display:flex;flex-direction:column;gap:12px;font-size:13.5px;line-height:1.55}
.doc h5{font-size:12px;font-weight:600;color:var(--text-2);margin-bottom:4px}
.doc ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:3px}
.bub.ans{max-width:none;font-size:13.5px;line-height:1.55}
.hw ul.lead li.b::before{background:#7b8cff}
.people .pr .pill.neutral{font-size:11.5px}
.row .meta .pj{font-size:11px;color:var(--muted)}
.conv-head .seg{margin-right:4px}
.conv-head .who b{overflow:hidden;text-overflow:ellipsis;display:block}

/* --- разные представления метрик --- */
.hw.s .viz{width:112px;flex:none;margin-left:10px}
.hw.s .hrow .num{min-width:0}
.hw.s .num b{white-space:nowrap}
.hw.s .num span{line-height:1.3}
.bars7{display:flex;align-items:flex-end;gap:5px;height:44px}
.bars7 i{flex:1;border-radius:4px;background:var(--hw-track);position:relative}
.bars7 i.on{background:#3ecf8e}.bars7 i.hi{background:var(--hw-white)}
.bars7l{display:flex;gap:5px;margin-top:4px}.bars7l span{flex:1;text-align:center;font-size:9.5px;color:var(--hw-dim)}
.stack7{display:flex;align-items:stretch;gap:5px;height:44px}
.stack7 i{flex:1;display:flex;flex-direction:column-reverse;gap:2px;height:100%}.stack7 i b{display:block;flex:none;border-radius:3px;background:#3ecf8e}.stack7 i b.c{background:#7b8cff}
.gauge{width:96px;height:52px;position:relative}.gauge svg{width:96px;height:52px;display:block}
.hist{display:flex;align-items:flex-end;gap:4px;height:44px}.hist i{flex:1;border-radius:3px;background:var(--hw-track)}.hist i.on{background:#2ec4b6}.hist i.hi{background:var(--hw-white)}
.histl{display:flex;gap:4px;margin-top:4px}.histl span{flex:1;text-align:center;font-size:9px;color:var(--hw-dim);white-space:nowrap}
.split{height:12px;border-radius:999px;background:#2a2d33;overflow:hidden;display:flex;margin-top:6px}.split b{display:block;height:100%}.split b.a{background:#a78bfa}.split b.h{background:#4b4f57}
.splitl{display:flex;justify-content:space-between;font-size:10px;color:var(--hw-muted);margin-top:6px}.splitl b{color:var(--hw-hi);font-weight:600}
.dotsrow{display:flex;gap:7px;align-items:center}.dotsrow i{width:14px;height:14px;border-radius:50%;background:var(--hw-track)}.dotsrow i.on{background:#ff8a2a}.dotsrow i.ok{background:var(--hw-fill3)}
.dotgrid{display:grid;grid-template-columns:repeat(10,9px);gap:3px;justify-content:end}.dotgrid i{width:9px;height:9px;border-radius:50%;background:#2a2d33}.dotgrid i.on{background:#3ecf8e}.dotgrid i.sky{background:#5fb4ff}
.heat{display:grid;grid-template-columns:repeat(7,13px);gap:3px}.heat i{width:13px;height:13px;border-radius:3px;background:#1f2126}.heat i.l1{background:#1d5c40}.heat i.l2{background:#2a8f60}.heat i.l3{background:#3ecf8e}
.strip{display:flex;gap:3px}.strip i{flex:1;height:22px;border-radius:5px;background:var(--hw-track2);display:grid;place-items:center}.strip i.x{background:#4a2020}.strip i.x::after{content:"";width:6px;height:6px;border-radius:50%;background:#ff6b6b}
.stripl{display:flex;gap:3px;margin-top:4px}.stripl span{flex:1;text-align:center;font-size:9.5px;color:var(--hw-dim)}
.limit{height:12px;border-radius:999px;background:var(--hw-track);position:relative;margin-top:6px}.limit b{position:absolute;left:0;top:0;bottom:0;border-radius:999px;background:#f6c445}.limit i{position:absolute;right:0;top:-4px;width:2px;height:20px;background:var(--hw-white);opacity:.7}
.limitl{display:flex;justify-content:space-between;font-size:10px;color:var(--hw-muted);margin-top:6px}
.editline{position:relative;height:30px;margin-top:8px}.editline::before{content:"";position:absolute;left:0;right:0;top:14px;height:2px;background:var(--hw-track);border-radius:1px}
.editline i{position:absolute;top:10px;width:10px;height:10px;border-radius:50%;background:#5fb4ff;transform:translateX(-50%)}.editline i.hi{background:var(--hw-white);width:12px;height:12px;top:9px}
.editl{display:flex;justify-content:space-between;font-size:9.5px;color:#6f747c;margin-top:2px}
.decay{display:flex;align-items:flex-end;gap:3px;height:44px}.decay i{flex:1;border-radius:3px;background:var(--hw-track)}.decay i.on{background:#f6a23a}
.decayl{display:flex;justify-content:space-between;font-size:9.5px;color:var(--hw-dim);margin-top:4px}
.dotline{display:flex;gap:2.5px;margin-top:12px}.dotline i{flex:1;max-width:7px;height:7px;border-radius:50%;background:#2a2d33}.dotline i.on{background:#3ecf8e}

/* --- виджеты по листу Higgsfield 11.10 (перерисованы кодом, иконки наши) --- */
.hw.s .viz.w{width:120px}
.wk{display:flex;align-items:flex-end;gap:5px;height:58px;position:relative}
.wk i{flex:1;border-radius:7px;background:var(--hw-track);position:relative}
.wk i.p{background:#2f5c45}.wk i.t{background:linear-gradient(180deg,#5ff09a,#1fa863)}.wk i.f{background:var(--hw-track2)}
.wk i.t::after{content:attr(data-v);position:absolute;left:50%;top:-18px;transform:translateX(-50%);font-size:10px;font-weight:600;color:#0b0c0e;background:#8ef5b6;padding:1px 6px;border-radius:999px;white-space:nowrap}
.wk i.s{display:flex;flex-direction:column-reverse;gap:2px;background:none;height:100%}.wk i.s b{display:block;flex:none;border-radius:5px;background:#2f5c45}.wk i.s b.c{background:#2e3a7a}
.wk i.s.t b{background:linear-gradient(180deg,#5ff09a,#1fa863)}.wk i.s.t b.c{background:#7b8cff}
.wkl{display:flex;gap:5px;margin-top:5px}.wkl span{flex:1;text-align:center;font-size:9.5px;color:var(--hw-dim)}.wkl span.t{color:var(--hw-hi)}
.gcard{display:flex;flex-direction:column;align-items:center;margin-top:auto;padding-top:6px}
.gcard .g{width:150px;height:84px;position:relative}.gcard .g svg{width:150px;height:84px;display:block}
.gcard .g .gv{position:absolute;left:0;right:0;bottom:4px;text-align:center}.gcard .g .gv b{display:block;font-size:26px;font-weight:600;letter-spacing:-.02em;line-height:1}.gcard .gu{font-size:12px;color:var(--hw-muted);margin-top:6px}
.pills7{display:flex;gap:6px;margin-top:12px}.pills7 i{flex:1;height:38px;border-radius:999px;background:var(--hw-track);display:grid;place-items:center}
.pills7 i.ok{background:#22a35a}.pills7 i.x{background:#8a2f2f}.pills7 i svg{width:14px;height:14px;stroke:#fff;stroke-width:2.6;fill:none;stroke-linecap:round;stroke-linejoin:round}
.pills7l{display:flex;gap:6px;margin-top:5px}.pills7l span{flex:1;text-align:center;font-size:9.5px;color:var(--hw-dim)}
.goal{position:relative;height:16px;border-radius:999px;background:var(--hw-track);margin-top:22px}.goal b{position:absolute;left:0;top:0;bottom:0;border-radius:999px;background:linear-gradient(90deg,#f6c445,#f1a43a)}
.goal .flag{position:absolute;right:2px;top:-20px;width:14px;height:14px;fill:var(--hw-text)}
.goall{display:flex;justify-content:space-between;font-size:10px;color:var(--hw-muted);margin-top:6px}
.hist2{display:flex;align-items:flex-end;gap:5px;height:58px}.hist2 i{flex:1;border-radius:7px;background:#1f8f86}.hist2 i.hi{background:var(--hw-white)}
.twobars{display:flex;flex-direction:column;gap:7px;margin-top:12px}.twobars div{height:22px;border-radius:999px;background:var(--hw-track2);position:relative;overflow:hidden}
.twobars div b{position:absolute;left:0;top:0;bottom:0;border-radius:999px;display:flex;align-items:center;padding-left:10px;font-size:10.5px;font-weight:600;color:#0b0c0e;white-space:nowrap}
.twobars div.a b{background:linear-gradient(90deg,#1fa863,#8ef5b6)}.twobars div.c b{background:linear-gradient(90deg,#ff6a2a,#ffb067)}
.segbar{display:flex;gap:4px;height:18px;margin-top:14px}.segbar i{flex:1;border-radius:6px;background:var(--hw-track)}.segbar i.ok{background:#22a35a}.segbar i.w{background:#ff8a2a}
.segbarl{display:flex;justify-content:space-between;font-size:10px;color:var(--hw-muted);margin-top:6px}.segbarl b{color:var(--hw-hi);font-weight:600}
.heat2{display:grid;grid-template-columns:repeat(7,14px);gap:3px}.heat2 i{width:14px;height:14px;border-radius:4px;background:var(--hw-track2)}.heat2 i.l1{background:#1d4b35}.heat2 i.l2{background:#2a8f60}.heat2 i.l3{background:#5ff09a}
.heat2l{display:grid;grid-template-columns:repeat(7,14px);gap:3px;margin-bottom:3px}.heat2l span{font-size:8.5px;color:var(--hw-dim);text-align:center}
.sq{display:grid;grid-template-columns:repeat(10,9px);gap:3px;justify-content:end}.sq i{width:9px;height:9px;border-radius:3px;background:var(--hw-track)}.sq i.on{background:#3ecf8e}.sq i.sky{background:#5fb4ff}
.tline{position:relative;height:28px;margin-top:14px}.tline::before{content:"";position:absolute;left:0;right:0;top:12px;height:3px;background:var(--hw-track);border-radius:2px}
.tline i{position:absolute;top:9px;width:9px;height:9px;border-radius:50%;background:#5fb4ff;transform:translateX(-50%)}.tline i.hi{width:15px;height:15px;top:6px;background:var(--hw-white);box-shadow:0 0 10px rgba(255,255,255,.7)}
.tlinel{display:flex;justify-content:space-between;font-size:10px;color:var(--hw-muted);margin-top:4px}
.area{width:120px;height:56px}.area svg{width:120px;height:56px;display:block}

/* --- правки 11.10 вечер: списки вместо точек, полосы с подписями снаружи, высокие столбики --- */
.hw.s .wk.tall{height:72px;margin-top:14px}.hw.s .wk.tall i{border-radius:8px}
.minilist{display:flex;flex-direction:column;gap:6px;margin-top:12px}
.minilist div{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--hw-hi)}
.minilist .av{width:18px;height:18px}.minilist .av img{width:100%;height:100%}
.minilist span{color:var(--hw-muted);margin-left:auto;white-space:nowrap;font-variant-numeric:tabular-nums}
.minilist b{font-weight:600}
.hbars{display:flex;flex-direction:column;gap:8px;margin-top:12px}
.hbars div{display:grid;grid-template-columns:44px 1fr 28px;align-items:center;gap:10px;font-size:11.5px;color:var(--hw-muted)}
.hbars div i{display:block;height:12px;border-radius:999px;background:var(--hw-track2);position:relative;overflow:hidden}
.hbars div i b{position:absolute;left:0;top:0;bottom:0;border-radius:999px}
.hbars div.a i b{background:linear-gradient(90deg,#1fa863,#8ef5b6)}.hbars div.c i b{background:linear-gradient(90deg,#ff6a2a,#ffb067)}
.hbars div em{font-style:normal;color:var(--hw-text);font-weight:600;text-align:right;font-variant-numeric:tabular-nums}

/* --- анатомия карточки метрики (11.10 вечер): шапка, число сразу под ней, графика во всю ширину снизу --- */
.hw.s{min-height:170px;gap:0}
.hw.s .num.top{margin-top:10px}
.hw.s .num.top b{font-size:28px}
.hw.s .fill{margin-top:auto;padding-top:14px;width:100%}
.wk.tall{height:84px;margin-top:0}.wk.tall i{border-radius:9px}.wk i.p{background:#355f49}
.wk i.t::after{display:none}
.gcard{margin-top:auto;padding-top:4px}.gcard .g{width:190px;height:106px}.gcard .g svg{width:190px;height:106px}
.gcard .g .gv{bottom:2px}.gcard .g .gv b{font-size:30px}.gcard .gu{margin-top:8px}
.hist2{height:84px;gap:8px}.hist2 i{border-radius:9px}.histl{margin-top:6px}.histl span{font-size:10.5px}
.cases{display:flex;flex-direction:column;margin-top:4px}
.cases > div{display:grid;grid-template-columns:26px 1fr auto;gap:0 10px;align-items:center;padding:9px 0;border-top:1px solid var(--hw-track2)}
.cases > div:first-child{border-top:0;padding-top:4px}
.cases .av{width:26px;height:26px}.cases .av img{width:100%;height:100%}
.cases b{display:block;font-size:13px;font-weight:600;color:var(--hw-text)}.cases small{display:block;font-size:11.5px;color:var(--hw-muted);margin-top:1px}
.cases span{font-size:11.5px;color:var(--hw-muted);white-space:nowrap;font-variant-numeric:tabular-nums}
.sqf{display:flex;flex-wrap:wrap;gap:4px}.sqf i{width:12px;height:12px;border-radius:3px;background:var(--hw-track)}.sqf i.on{background:#3ecf8e}.sqf i.sky{background:#5fb4ff}
.heat2{grid-template-columns:repeat(7,1fr);gap:4px}.heat2 i{width:auto;height:18px;border-radius:5px}
.heat2l{grid-template-columns:repeat(7,1fr);gap:4px}.heat2l span{font-size:9.5px}
.area{width:100%;height:64px}.area svg{width:100%;height:64px}
.hbars div{grid-template-columns:48px 1fr 32px}.hbars div i{height:14px}
.segbar{height:22px;margin-top:0}
.goal{margin-top:24px}
.pills7{margin-top:0}
.vchip{width:26px;height:26px;border-radius:8px;background:var(--hw-track);display:grid;place-items:center;font-size:10px;font-weight:600;color:var(--hw-hi)}

/* симметрия: две равные колонки, контент не раздувает карточку */
.hwgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
.hw.s{min-width:0;overflow:hidden}
.hw.s .fill{min-width:0}
.sqf,.heat2,.cases,.hbars{min-width:0}

/* ===== финальная семья виджетов по наборам Higgsfield A/B/C (11.10 вечер) ===== */
.hwgrid{gap:12px}
.hw.s{min-height:0;height:232px;padding:18px 20px 18px;display:flex;flex-direction:column;border-radius:24px}
.hw.s .hh{font-size:14px}
.hw.s .num.top{margin-top:12px}.hw.s .num.top b{font-size:34px;letter-spacing:-.03em}.hw.s .num.top span{font-size:12px;margin-top:5px}
.hw.s .fill{margin-top:auto;padding-top:12px}
/* A1 столбики недели со свечением */
.wk.tall{height:92px;gap:8px}.wk.tall i{border-radius:12px}
.wk i.p{background:#2f5f47}.wk i.f{background:#202328}
.wk i.t{background:linear-gradient(180deg,#9dff6a,#2fd36f);box-shadow:0 0 18px rgba(80,230,120,.55),0 0 2px rgba(255,255,255,.5)}
.wk i.s{background:none;box-shadow:none}.wk i.s b{border-radius:10px;background:#3b7a58}.wk i.s b.c{background:#4b5597}
.wk i.s.t b{background:linear-gradient(180deg,#b8ffd0,#43e07f);box-shadow:0 0 16px rgba(120,255,170,.6)}.wk i.s.t b.c{background:#8a95ff;box-shadow:0 0 14px rgba(140,150,255,.6)}
.wkl{margin-top:8px}.wkl span{font-size:11px}.wkl span.t{color:var(--hw-text);font-weight:600}
/* A2 спидометр во всю карточку */
.gcard{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding-top:4px;margin-top:0}
.gcard .g{width:300px;max-width:100%;height:150px}.gcard .g svg{width:100%;height:100%;overflow:visible}
.gcard .g .gv{bottom:0}.gcard .g .gv b{font-size:40px}.gcard .g .gv b small{font-size:20px;color:#c9ccd2;font-weight:500;margin-left:4px}
.gcard .gu{font-size:12px;margin-top:10px}
/* A3 отказы: лента дней, отказы светятся красным */
.rdays{display:flex;gap:7px;height:64px}.rdays i{flex:1;border-radius:12px;background:var(--hw-track);position:relative}
.rdays i.x{background:linear-gradient(180deg,#ff6b6b,#e0262f);box-shadow:0 0 18px rgba(255,70,70,.55)}
.rdays i.x::before{content:"";position:absolute;left:50%;top:-11px;width:4px;height:7px;border-radius:2px;background:#ff5a5a;transform:translateX(-50%);box-shadow:0 0 6px rgba(255,90,90,.9)}
.rdaysl{display:flex;gap:7px;margin-top:8px}.rdaysl span{flex:1;text-align:center;font-size:11px;color:var(--hw-dim)}.rdaysl span.x{color:#ff8a8a}
/* A4 лимит: светящаяся полоса с флажком */
.glow{position:relative;height:22px;border-radius:999px;background:var(--hw-track);margin-top:26px}
.glow b{position:absolute;left:0;top:0;bottom:0;border-radius:999px;background:linear-gradient(90deg,#f6c445,#ffe27a);box-shadow:0 0 22px rgba(255,220,90,.6)}
.glow b::after{content:"";position:absolute;right:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 0 8px rgba(255,255,255,.9)}
.glow .flag{position:absolute;right:4px;top:-30px;width:20px;height:20px;fill:#f6c445}
.glowl{display:flex;justify-content:space-between;font-size:11px;color:var(--hw-muted);margin-top:9px}
/* B2 площадь ответа с точкой и подписью */
.curve{width:100%;height:96px}.curve svg{width:100%;height:100%;overflow:visible}
.curvel{display:flex;justify-content:space-between;font-size:11px;color:var(--hw-dim);margin-top:4px}
/* B3 кольцо с числом внутри */
.ringbig{flex:1;display:flex;align-items:center;justify-content:center;padding-top:6px}
.ringbig .r{width:132px;height:132px;position:relative}.ringbig .r svg{width:132px;height:132px;transform:rotate(-90deg);overflow:visible}
.ringbig .r .rv{position:absolute;inset:0;display:grid;place-items:center;text-align:center}.ringbig .r .rv b{display:block;font-size:30px;font-weight:600;letter-spacing:-.02em;line-height:1}.ringbig .r .rv span{display:block;font-size:11px;color:var(--hw-muted);margin-top:4px}
/* B4 квадраты эскалаций */
.bigsq{display:flex;gap:8px;height:64px}.bigsq i{flex:1;border-radius:14px}
.bigsq i.ok{background:linear-gradient(180deg,#8df5a3,#38c26c);box-shadow:0 0 16px rgba(90,230,130,.45)}
.bigsq i.w{background:linear-gradient(180deg,#ffb27a,#ff7a2a);box-shadow:0 0 16px rgba(255,140,60,.5)}
.bigsql{display:flex;justify-content:space-between;font-size:11px;color:var(--hw-muted);margin-top:9px}
/* C1 тепловой календарь крупный */
.heat2{grid-template-columns:repeat(7,1fr);gap:7px}.heat2 i{height:30px;border-radius:9px;background:#1f2a22}
.heat2 i.l1{background:#2b6b3f}.heat2 i.l2{background:#4fbf4a}.heat2 i.l3{background:#b7f24a}
.heat2l{display:none}
/* C4 затухание */
.decayc{width:100%;height:96px}.decayc svg{width:100%;height:100%;overflow:visible}
/* C5 сегментная полоса с галкой */
.segcheck{display:flex;gap:6px;height:48px;align-items:stretch}.segcheck i{flex:1;border-radius:9px;background:linear-gradient(180deg,#9dff6a,#2fd36f);box-shadow:0 0 12px rgba(80,230,120,.4)}
.segcheck i.badge{flex:0 0 48px;background:none;box-shadow:none;display:grid;place-items:center}.segcheck i.badge svg{width:34px;height:34px}
.segcheckl{font-size:11px;color:var(--hw-muted);margin-top:9px}
/* C6 линия правок */
.tline{height:34px;margin-top:22px}.tline::before{top:15px;height:6px;background:#1f3a52;border-radius:3px}
.tline i{top:11px;width:14px;height:14px;background:#2f8fe6}.tline i.hi{width:26px;height:26px;top:5px;background:var(--hw-white);box-shadow:0 0 16px rgba(255,255,255,.8)}
.tlinel{margin-top:10px;font-size:11px}

/* правки финальной семьи: число в кольце по центру, кривые во всю ширину, подписи не режутся */
.ringbig .r .rv{display:flex;flex-direction:column;align-items:center;justify-content:center}
.curve,.decayc{height:auto}.curve svg,.decayc svg{width:100%;height:auto;display:block;overflow:visible}
.curvel{margin-top:6px}
.tline i{width:10px;height:10px;top:13px}.tline i.hi{width:22px;height:22px;top:7px}

/* все карточки кончаются ровно на нижнем отступе */
.wk.tall{height:72px}
.gcard .g{width:278px;height:139px}
.hw.s .wk.tall{margin-top:0;height:67px}

/* подпись под кольцом */
.ringbig{flex-direction:column;gap:8px;padding-top:4px}
.ringbig .r{width:118px;height:118px}.ringbig .r svg{width:118px;height:118px}
.ringbig .rcap{font-size:12px;color:var(--hw-muted);text-align:center}

/* --- 11.10 ночь: ряды квадратов N из M, двойное кольцо, правки по дням --- */
.dual{display:flex;flex-direction:column;gap:10px}
.dual .lbl{display:flex;justify-content:space-between;font-size:11px;color:var(--hw-muted);margin-bottom:5px}.dual .lbl b{color:var(--hw-text);font-weight:600}
.dual .dq{display:flex;gap:3px}.dual .dq i{flex:1;height:16px;border-radius:4px;background:var(--hw-fill)}
.dual .dq.a i.on{background:linear-gradient(180deg,#9dff6a,#2fd36f);box-shadow:0 0 8px rgba(80,230,120,.5)}
.dual .dq.c i.on{background:linear-gradient(180deg,#ffb27a,#ff7a2a);box-shadow:0 0 8px rgba(255,140,60,.55)}
.edits{display:flex;align-items:flex-end;gap:4px;height:70px}
.edits i{flex:1;border-radius:5px;background:var(--hw-fill);min-height:6px}
.edits i.on{background:linear-gradient(180deg,#6cc4ff,#2f8fe6);box-shadow:0 0 8px rgba(60,160,255,.45)}
.edits i.hi{background:var(--hw-white);box-shadow:0 0 14px rgba(255,255,255,.8)}
.editsl{display:flex;justify-content:space-between;font-size:11px;color:var(--hw-muted);margin-top:8px}
.segcheck{height:70px}.segcheck i{border-radius:11px}
.heat2 i{height:36px}
.segcheck{height:84px}

/* «Где застревают разговоры»: ранжированный список */
.stuck{display:flex;flex-direction:column}
.stuck .sp{display:grid;grid-template-columns:1fr 150px 74px;gap:0 18px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}
.stuck .sp:first-child{border-top:0;padding-top:2px}
.stuck .sh{display:flex;align-items:baseline;gap:8px}.stuck .sh b{font-size:13.5px;font-weight:600}
.stuck .sd{font-size:12.5px;color:var(--text-2);margin-top:2px;line-height:1.4}
.stuck .ss{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;color:var(--text-2);margin-top:6px}
.stuck .ss::before{content:"";width:7px;height:7px;border-radius:50%;background:#b4b9c2}
.stuck .ss.ok::before{background:var(--accent)}.stuck .ss.ins::before{background:#9b6bff}.stuck .ss.wait::before{background:var(--warn)}
.stuck .sb{height:8px;border-radius:999px;background:var(--panel-2);overflow:hidden}.stuck .sb i{display:block;height:100%;border-radius:999px}
.stuck .sn{text-align:right}.stuck .sn b{display:block;font-size:22px;font-weight:600;letter-spacing:-.02em;line-height:1;font-variant-numeric:tabular-nums}.stuck .sn span{display:block;font-size:11px;color:var(--muted);margin-top:3px}
/* лента диалога как в Telegram: своя область, открыта на последних, тонкий скролл, затухание сверху */
.msgs{scrollbar-width:thin;scrollbar-color:#cfd3d8 transparent;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 36px);mask-image:linear-gradient(to bottom,transparent 0,#000 36px)}
.msgs::-webkit-scrollbar,.rows::-webkit-scrollbar,.side::-webkit-scrollbar,.xp::-webkit-scrollbar{width:6px}
.msgs::-webkit-scrollbar-thumb,.rows::-webkit-scrollbar-thumb,.side::-webkit-scrollbar-thumb,.xp::-webkit-scrollbar-thumb{background:#cfd3d8;border-radius:3px}
.msgs::-webkit-scrollbar-track,.rows::-webkit-scrollbar-track,.side::-webkit-scrollbar-track,.xp::-webkit-scrollbar-track{background:transparent}
.xp{scrollbar-gutter:stable both-edges}

/* ===== 12.10: сильные блоки вместо строк «иконка, подпись, значение» (по Kirridesk 02 и карточке 07) ===== */
.cx-chip{font-style:normal;height:26px;padding:0 10px;border-radius:999px;background:var(--panel-2);border:1px solid var(--line);font-size:12px;display:inline-flex;align-items:center;gap:6px;color:var(--text);white-space:nowrap}
.cx-chip img{width:14px;height:14px;border-radius:4px}
/* аккаунт: карточка подключения */
.cx-conn{background:var(--panel);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-card);padding:22px 22px 18px}
.cx-top{display:flex;align-items:center;gap:16px}
.cx-logo{width:60px;height:60px;border-radius:16px;border:1px solid var(--line);display:grid;place-items:center;background:#fff;flex:none}
.cx-logo img{width:36px;height:36px}
.cx-id b{display:block;font-size:20px;font-weight:600;letter-spacing:-.02em;line-height:1.2}
.cx-id span{display:block;font-size:13px;color:var(--muted);margin-top:2px}
.cx-status{margin-left:auto;display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 12px;border-radius:999px;background:var(--accent-soft);color:var(--accent-text);font-weight:600;font-size:12.5px;flex:none}
.cx-status i{width:8px;height:8px;border-radius:50%;background:var(--accent)}
.cx-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:20px;border-top:1px solid var(--line)}
.cx-meta > div{padding:14px 0 2px 16px;border-left:1px solid var(--line)}
.cx-meta > div:first-child{border-left:0;padding-left:0}
.cx-meta span{display:block;font-size:12px;color:var(--muted)}
.cx-meta b{display:block;font-size:15px;font-weight:600;margin-top:3px;letter-spacing:-.01em}
.cx-acts{display:flex;align-items:center;gap:8px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.cx-acts .cx-note{margin-left:auto;color:var(--muted);font-size:12px}
/* аккаунт: кто отвечает */
.cx-m{display:grid;grid-template-columns:44px 1fr auto;gap:0 14px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}
.cx-m:first-child{border-top:0;padding-top:2px}
.cx-ml{width:44px;height:44px;border-radius:12px;border:1px solid var(--line);display:grid;place-items:center;background:#fff;overflow:hidden}
.cx-ml img{width:26px;height:26px}.cx-ml.full{border:0}.cx-ml.full img{width:100%;height:100%}
.cx-mt b{display:block;font-size:14px;font-weight:600}.cx-mt span{display:block;font-size:12.5px;color:var(--text-2);margin-top:1px}
.cx-tags{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
/* аккаунт: что видит модель */
.cx-ctx{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.cx-ctx > div{border:1px solid var(--line);border-radius:14px;padding:14px;background:var(--panel-2)}
.cx-ctx img{width:32px;height:32px;display:block}
.cx-ctx b{display:block;font-size:13.5px;font-weight:600;margin-top:10px}
.cx-ctx span{display:block;font-size:12px;color:var(--text-2);margin-top:2px;line-height:1.4}
/* скилы: правила вместо маркированного списка */
.cx-rules{display:flex;flex-direction:column;gap:18px}
.cx-sh{display:flex;align-items:center;gap:9px;font-size:12.5px;font-weight:600;color:var(--text);margin-bottom:4px}
.cx-sh i{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;flex:none}
.cx-sh i svg{width:13px;height:13px;stroke:#fff;stroke-width:2.6;fill:none;stroke-linecap:round;stroke-linejoin:round}
.cx-sh i.ok{background:#22a35a}.cx-sh i.no{background:#e5484d}.cx-sh i.w{background:#f1a43a}
.cx-r{display:flex;align-items:center;gap:16px;padding:10px 0;border-top:1px solid var(--line);font-size:13.5px}
.cx-r > span{flex:1;min-width:0}
.cx-r em{font-style:normal;font-size:12.5px;background:var(--bubble-in);padding:6px 11px;border-radius:12px 12px 12px 4px;color:var(--text);white-space:nowrap;max-width:300px;overflow:hidden;text-overflow:ellipsis;flex:none}
.cx-r em.n{background:none;padding:0;color:var(--muted)}
.cx-ban{display:flex;gap:6px;flex-wrap:wrap;padding:6px 0 10px}
.cx-ban s{height:28px;padding:0 11px;border-radius:999px;background:var(--danger-soft);color:var(--danger);font-size:12.5px;display:inline-flex;align-items:center;text-decoration-thickness:1.5px}
/* строки «подпись слева, значение справа» */
.cx-kv > div{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 0;border-top:1px solid var(--line)}
.cx-kv > div:first-child{border-top:0;padding-top:2px}
.cx-kv > div > span{font-size:13px;color:var(--muted);flex:none}
.cx-kv > div > p{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;margin:0}
.cx-kv b{font-size:13px;font-weight:600}
/* неделя коротко */
.cx-wk{background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-card);padding:14px 16px 16px}
.cx-wh{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:var(--text-2)}
.cx-wh img{width:22px;height:22px}
.cx-wv{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-top:12px}
.cx-wv b{font-size:22px;font-weight:600;letter-spacing:-.02em;line-height:1.1}
.cx-wv em{font-style:normal;font-size:22px;font-weight:600;line-height:1.1;display:flex;align-items:baseline;gap:5px;flex:none}
.cx-wv em small{font-size:12px;color:var(--muted);font-weight:500}
.cx-ws{font-size:12.5px;color:var(--text-2);margin-top:6px;line-height:1.4}
.cx-q{display:inline-block;margin-top:12px;background:var(--bubble-in);border-radius:14px 14px 14px 4px;padding:9px 13px;font-size:14px;font-weight:500}
.cx-wf{display:flex;align-items:center;justify-content:space-between;margin-top:12px}
.cx-wf em{font-style:normal;font-size:22px;font-weight:600;display:flex;align-items:baseline;gap:5px}.cx-wf em small{font-size:12px;color:var(--muted);font-weight:500}
.cx-ok{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--accent-text);background:var(--accent-soft);height:24px;padding:0 10px;border-radius:999px;font-weight:600}
.cx-ok::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent)}
.cx-wt{font-size:14px;font-weight:600;margin-top:12px;line-height:1.4}
.cx-wk .btn{margin-top:12px;width:100%;justify-content:center}
.cx-wk a.btn{text-decoration:none;color:var(--text);display:flex;align-items:center}

/* ===== 12.10 вечер: Разговоры по структуре аккаунта, «Связано», заголовки с иконками ===== */
.cx-meta.cx-n3{grid-template-columns:repeat(3,minmax(0,1fr))}
.cx-logo.tile{border:0;background:none}.cx-logo.tile img{width:60px;height:60px}
.cx-sec-h{display:flex;align-items:baseline;justify-content:space-between;margin:8px 2px -2px}
.cx-sec-h b{font-size:15px;font-weight:600;letter-spacing:-.01em}.cx-sec-h span{font-size:12.5px;color:var(--muted)}
.cx-spg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.cx-sp{background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-card);padding:14px 16px 16px;display:flex;flex-direction:column;min-width:0}
.cx-sph{display:flex;align-items:center;justify-content:space-between}.cx-sph img{width:28px;height:28px}
.cx-spt{display:block;font-size:14px;font-weight:600;margin-top:12px;letter-spacing:-.01em}
.cx-spn{display:flex;align-items:baseline;gap:6px;margin-top:6px}
.cx-spn em{font-style:normal;font-size:28px;font-weight:600;letter-spacing:-.02em;line-height:1}
.cx-spn small{font-size:12.5px;color:var(--muted)}
.cx-spd{font-size:12.5px;color:var(--text-2);margin-top:8px;line-height:1.4;flex:1}
.cx-pill{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;max-width:100%;margin-top:12px;height:24px;padding:0 10px;border-radius:999px;font-size:11.5px;font-weight:600;background:var(--panel-2);color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cx-pill::before{content:"";width:7px;height:7px;border-radius:50%;background:#b4b9c2;flex:none}
.cx-pill.ok{background:var(--accent-soft);color:var(--accent-text)}.cx-pill.ok::before{background:var(--accent)}
.cx-pill.ins{background:#efe9ff;color:#6d3fe0}.cx-pill.ins::before{background:#9b6bff}
.cx-pill.wait{background:#fff3e0;color:#a85f00}.cx-pill.wait::before{background:var(--warn)}
.cx-wv .cx-pill{margin-top:0}
.cx-wh img.r22{border-radius:22%}
.cx-plink{display:block;margin-top:10px;color:var(--link);font-size:13.5px;font-weight:500;text-decoration:none;line-height:1.4}
.cx-ava{display:flex;align-items:center;margin-top:12px}
.cx-ava .av.s{width:32px;height:32px;margin-left:-8px;box-shadow:0 0 0 2px var(--panel)}
.cx-ava .av.s:first-child{margin-left:0}
.cx-ava .more{margin-left:10px;font-size:12.5px;color:var(--text-2);font-weight:600}
.card h4 .h4a{width:22px;height:22px}
.card h4 .h4t{width:22px;height:22px;display:block}
.cx-wh .cx-pill{margin:0 0 0 auto}

/* ===== 12.10 ночь: статья в форм-факторе Obsidian (обложка, иконка страницы, свойства, разделы, таблицы) ===== */
.doc{width:100%;max-width:720px;margin:0 auto;display:flex;flex-direction:column}
.doc-cover{height:220px;border-radius:20px;overflow:hidden;background:var(--cover-green)}
.doc-cover img{width:100%;height:100%;object-fit:cover;display:block}
.doc-icon{width:76px;height:76px;margin:-40px 0 0 28px;position:relative;border-radius:22%;box-shadow:0 0 0 5px var(--panel),0 12px 26px rgba(0,0,0,.14)}
.doc-icon img{width:100%;height:100%;border-radius:22%;display:block}
.doc h1{font-size:28px;font-weight:700;letter-spacing:-.025em;line-height:1.2;margin:18px 0 6px}
.doc .doc-lead{font-size:15.5px;line-height:1.6;color:var(--text-2);margin:0}
.doc-props{margin:18px 0 6px;padding:6px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.doc-props > div{display:grid;grid-template-columns:150px 1fr;gap:12px;align-items:center;min-height:38px;font-size:13.5px}
.doc-props > div > span{display:flex;align-items:center;gap:9px;color:var(--muted)}
.doc-props > div > span .ico{width:16px;height:16px}
.doc-props > div > p{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin:0}
.doc-sec{display:flex;align-items:center;gap:14px;margin:28px 0 14px;padding:14px 18px;border-radius:18px;background:linear-gradient(120deg,var(--t1),var(--t2) 70%)}
.doc-sec img{width:40px;height:40px;flex:none}
.doc-sec h2{font-size:18px;font-weight:650;letter-spacing:-.015em}
.doc-sec.blue{--t1:#d8ebff;--t2:#f3f8ff}.doc-sec.rose{--t1:#fde1e1;--t2:#fff5f5}.doc-sec.teal{--t1:#d2f6ec;--t2:#f1fcf8}
.doc-sec.green{--t1:#dbf3e3;--t2:#f3fbf6}.doc-sec.violet{--t1:#e7e1ff;--t2:#f7f5ff}
.doc p.tx{font-size:14.5px;line-height:1.7;margin:0 0 12px}
.doc-fig{margin:2px 0 12px;padding:18px 20px 12px;border:1px solid var(--line);border-radius:18px;background:var(--panel-2)}
.doc-fig .bbl{display:flex;flex-direction:column;gap:8px}
.doc-fig .b{max-width:80%;padding:10px 14px;border-radius:18px;font-size:13.5px;line-height:1.5}
.doc-fig .b.in{align-self:flex-start;background:#fff;border:1px solid var(--line);border-bottom-left-radius:6px}
.doc-fig .b.out{align-self:flex-end;background:#e3f6ea;border-bottom-right-radius:6px}
.doc-fig figcaption{margin-top:12px;font-size:12px;color:var(--muted);text-align:center}
.doc table{width:100%;border-collapse:separate;border-spacing:0;margin:2px 0 12px;font-size:13.5px;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.doc th{text-align:left;font-size:12px;font-weight:600;color:var(--text-2);background:var(--panel-2);padding:10px 14px;border-bottom:1px solid var(--line)}
.doc td{padding:11px 14px;border-bottom:1px solid var(--line);vertical-align:top;line-height:1.45}
.doc tr:last-child td{border-bottom:0}
.doc td:first-child{font-weight:500}
.doc td s{color:var(--danger);text-decoration-thickness:1.5px}
.doc td .muted{color:var(--muted)}
.doc-call{display:flex;gap:14px;align-items:flex-start;margin:2px 0 12px;padding:16px 18px;border-radius:16px;background:#ecfbf6;border:1px solid #c8efe1}
.doc-call img{width:30px;height:30px;flex:none}
.doc-call b{display:block;font-size:13.5px;font-weight:600;margin-bottom:6px}
.doc-call p{margin:0;font-size:14px;line-height:1.55}
.doc-call em{display:inline-block;font-style:normal;background:#fff;border:1px solid #c8efe1;border-radius:14px 14px 14px 5px;padding:7px 12px;font-size:13.5px}
.doc-call.ins{background:#f5f1ff;border-color:#e3d9ff}
.doc .hwgrid{margin:2px 0 12px}
.work.noside{grid-template-columns:352px 1fr}
/* инсайт и эксперимент: главная мысль крупно, блоки с подписью сверху */
.card p.st{font-size:16.5px;font-weight:600;line-height:1.45;letter-spacing:-.012em;margin:2px 0 4px}
.card .bi{padding:12px 0 0;margin-top:12px;border-top:1px solid var(--line)}
.card .bi span{display:block;font-size:12px;font-weight:600;color:var(--muted);margin-bottom:4px}
.card .bi p{margin:0;font-size:14px;line-height:1.55}
.card .doc-call{margin:14px 0 0}
/* мелкие правки */
.rdays i.x::before{display:none}
.card h4 .r .okr{display:inline-flex;width:16px;height:16px;border-radius:50%;background:var(--accent);align-items:center;justify-content:center;margin-right:6px;vertical-align:-3px}
.card h4 .r .okr svg{width:10px;height:10px;stroke:#fff;stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round}
/* Разговоры: переключатель проектов и виды */
.pv{display:none}.pv.on{display:contents}
.pseg a img{width:16px;height:16px;border-radius:50%;display:block}
.conv-head .vsep{width:1px;height:22px;background:var(--line-2);margin:0 2px}
.cx-logos{display:flex;flex:none}.cx-logos img{width:52px;height:52px;border-radius:50%;box-shadow:0 0 0 3px var(--panel)}.cx-logos img+img{margin-left:-16px}
.cx-logo.round{border:0;background:none;border-radius:50%}.cx-logo.round img{width:60px;height:60px;border-radius:50%}
.cx-spp{font-size:12px;color:var(--muted)}
.hw:not(.s) ul.lead{max-width:none}

/* ===== 12.10 день: жёлтый раздел, выноска без иконки, проверки скила, обложки в карточках */
.doc-sec.amber{--t1:#ffedc2;--t2:#fffaee}
.doc-call.amber{background:#fff8e6;border-color:#fde3a6}
.doc-call.amber em{border-color:#fde3a6}
.doc-props .okr{display:inline-flex;width:18px;height:18px;border-radius:50%;background:var(--accent);align-items:center;justify-content:center;flex:none}
.doc-props .okr svg{width:11px;height:11px;stroke:#fff;stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round}
/* ночная проверка: семь зелёных ночей с галочкой */
.rdays i.ok{background:linear-gradient(180deg,#9dff6a,#2fd36f);box-shadow:0 0 12px rgba(80,230,120,.35);display:grid;place-items:center}
.rdays i.ok svg{width:22px;height:22px;fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
/* правка сработала: до правки красные столбики, после зелёные, пунктир в день правки */
.ba{position:relative;display:flex;align-items:flex-end;gap:4px;height:70px}
.ba i{flex:1;border-radius:5px;min-height:8px}
.ba i.x{background:linear-gradient(180deg,#ff6b6b,#e0262f);box-shadow:0 0 10px rgba(255,70,70,.4)}
.ba i.ok{background:linear-gradient(180deg,#9dff6a,#2fd36f);box-shadow:0 0 10px rgba(80,230,120,.35)}
.ba .cut{position:absolute;top:-4px;bottom:-4px;width:0;border-left:2px dashed var(--hw-hi)}
.ba .cut span{position:absolute;top:-2px;left:7px;font-size:11px;font-weight:600;line-height:18px;padding:0 8px;border-radius:999px;background:#7b5cff;color:#fff;white-space:nowrap}
.bal{position:relative;height:14px;margin-top:8px;font-size:11px;color:var(--hw-muted)}
.bal span{position:absolute;left:0;top:0;white-space:nowrap}
/* аккаунт: обложка в шапке, логотип наезжает на неё */
.cx-conn.cvr{padding:0 22px 18px;overflow:hidden}
.cx-cover{height:150px;margin:0 -22px;background:#eceef1}
.cx-cover img{width:100%;height:100%;object-fit:cover;display:block}
.cx-logo.big{width:76px;height:76px;border-radius:22px;border:0;background:#fff;margin-top:-38px;position:relative;box-shadow:0 0 0 5px var(--panel),0 12px 26px rgba(0,0,0,.14)}
.cx-logo.big img{width:40px;height:40px}
.cvr .cx-top{margin-top:14px}
.cvr .cx-id b{font-size:24px}
/* карточка с обложкой: «Что проверяем» в эксперименте */
.card.cvc{padding-top:0;overflow:hidden}
.cvc-cover{height:130px;margin:0 -14px;background:var(--panel-2)}
.cvc-cover img{width:100%;height:100%;object-fit:cover;display:block}
.cvc-icon{width:56px;height:56px;margin-top:-28px;position:relative;border-radius:22%;background:var(--panel);box-shadow:0 0 0 4px var(--panel),0 10px 22px rgba(0,0,0,.14)}
.cvc-icon img{width:100%;height:100%;border-radius:22%;display:block}
.card.cvc h4{margin:14px 0 4px}
/* карточка с обрезкой в колонке-флексе не должна сжиматься */
.cx-conn.cvr,.card.cvc{flex:none}
.ba{height:66px}.bal{height:16px}.bal span{line-height:16px}

/* ===== 12.10 вечер: цвет полосы раздела = цвет иконки; выноски без цветной заливки; обложки без обрезки */
.doc-sec.orange{--t1:#ffe2cc;--t2:#fff6ef}
.doc-sec.graphite{--t1:#e3e6eb;--t2:#f5f6f8}
/* заливка только у полосы раздела, выноска внутри — серая, текст контрастный */
.doc-call,.doc-call.amber,.doc-call.ins{background:#f3f4f6;border-color:#e3e5e9}
.doc-call b{color:var(--text)}
.doc-call em,.doc-call.amber em{background:#fff;border-color:#d9dce1;color:var(--text);font-weight:500;font-size:14px}
/* обложка шире блока: высота всегда целиком, предметы на своей доле ширины */
.cx-cover img{object-position:var(--cx,62%) center}
.cvc-cover img{object-position:var(--cx,70%) center}
/* отклик: два кольца, у каждой группы своё число и подпись (классы с префиксом r2: .rc и .rg уже заняты) */
.rings2{display:flex;justify-content:center;gap:16px}
.rings2 .r2g{display:flex;flex-direction:column;align-items:center;gap:8px}
.rings2 .r2r{width:88px;height:88px;position:relative}
.rings2 .r2r svg{width:88px;height:88px;transform:rotate(-90deg);overflow:visible;display:block}
.rings2 .r2v{position:absolute;inset:0;display:grid;place-items:center}
.rings2 .r2v b{font-size:26px;font-weight:600;letter-spacing:-.02em;color:var(--hw-text);line-height:1}
.rings2 .r2c{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--hw-muted);white-space:nowrap}
.rings2 .r2c i{width:7px;height:7px;border-radius:50%;flex:none}
/* цитаты людей пузырями, подпись под каждым */
.doc-fig.dq .bbl{gap:14px}
.doc-fig.dq .qi{display:flex;flex-direction:column;align-items:flex-start;gap:5px}
.doc-fig.dq .qi small{font-size:12px;color:var(--muted);padding-left:8px}
/* «Связано» списком внизу статьи */
.doc-rel{border:1px solid var(--line);border-radius:14px;overflow:hidden;margin:2px 0 12px;background:var(--panel)}
.doc-rel .rr{display:grid;grid-template-columns:34px 1fr auto;gap:12px;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line);color:inherit;text-decoration:none}
.doc-rel .rr:last-child{border-bottom:0}
.doc-rel .rr:hover{background:var(--hover,#f4f5f7)}
.doc-rel .ri img{width:34px;height:34px;border-radius:22%;display:block}
.doc-rel .rt b{display:block;font-size:14px;font-weight:600}
.doc-rel .rt span{display:block;font-size:12.5px;color:var(--muted);margin-top:2px}
.doc-rel .rgo{display:inline-flex;align-items:center;gap:2px;font-size:12.5px;font-weight:500;color:var(--link)}
.doc-rel .rgo .ico{width:14px;height:14px}
/* Разговоры: «Главное за неделю» карточками 2×2, переключатели в свойствах */
.doc .wkgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:2px 0 12px}
.doc .wkgrid .cx-wk{box-shadow:none;display:flex;flex-direction:column}
.doc .wkgrid .cx-wk .btn{margin-top:auto}
.doc .cx-spg{margin:2px 0 12px}
.doc > .hw:not(.s),.doc .pv > .hw:not(.s){margin:2px 0 12px}
.doc-props .seg{flex:none}
.doc-props .seg a{height:30px}
.doc-props .muted{color:var(--muted)}
.doc .pv > .doc-lead{margin:0}
.doc-props > div > .v{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin:0;min-width:0}

/* ===== 12.10 ночь: прототип кликается — вкладки, свёрнутая карточка случая, автоответ, дерево меню, поиск */
.tabs{overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}
.tab{cursor:pointer;user-select:none;flex:0 0 auto}
.tab:hover .x{opacity:1}
.tab .x{border-radius:4px;flex:none}.tab .x:hover{background:var(--hover);color:var(--text)}
.tabs .plus{cursor:pointer;border:0;background:none;flex:none}
/* карточка случая свёрнута в одну строку: иконка, заголовок, когда; клик по строке разворачивает */
.case.cl{cursor:pointer}
.case.cl .facts,.case.cl details,.case.cl .acts{display:none}
.case.cl .ch{align-items:center;padding:8px 12px}
.case.cl .ch .ic{width:26px;height:26px}
.case.cl .ch .tt{display:flex;align-items:baseline;gap:10px;min-width:0}
.case.cl .ch .tt b{font-size:13px}
.case.cl .ch .tt span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.case.cl .ch .hide{margin-top:0}
.case .ch .hide svg{transition:transform .15s}
.case.cl .ch .hide svg{transform:rotate(180deg)}
.case summary:focus{outline:none}
.case summary:focus-visible{box-shadow:inset 0 0 0 2px var(--accent-soft)}
/* автоответ выключается */
.auto{cursor:pointer;user-select:none}
.auto .sw,.auto .sw::after{transition:background .15s,right .15s}
.auto .sw.off{background:var(--line-2)}
.auto .sw.off::after{right:16px}
/* дерево меню */
.nav a .chev{cursor:pointer}
.nav .nav-empty{display:block;padding:5px 10px 7px 30px;font-size:12px;color:var(--muted)}
/* поиск по списку */
.lh .lsearch{flex:1;min-width:0;height:28px;border:1px solid var(--line-2);border-radius:8px;padding:0 10px;font:inherit;font-size:13px;color:var(--text);background:var(--panel);outline:none}
.lh .lsearch:focus{border-color:var(--accent)}
.seg a{cursor:pointer}
/* всплывающее меню композера: шаблоны и команды */
.composer .box{position:relative}
.popm{position:absolute;z-index:30;min-width:280px;max-width:420px;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-pop,0 12px 32px rgba(0,0,0,.14));padding:6px;display:flex;flex-direction:column;gap:2px}
.popm button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;padding:8px 10px;border:0;border-radius:8px;background:none;font:inherit;color:var(--text);cursor:pointer}
.popm button:hover{background:var(--hover)}
.popm button b{font-size:13px;font-weight:600}
.popm button span{font-size:12px;color:var(--muted);line-height:1.4}
/* статья в режиме правки */
.doc[contenteditable="true"]{outline:2px dashed var(--accent-soft);outline-offset:10px;border-radius:14px}
.doc[contenteditable="true"]:focus{outline-color:var(--accent)}
[hidden]{display:none !important}

/* ===== 12.10 поздно: карточки кликаются, спокойная жёлтая полоса, новые графики инсайта и эксперимента */
.cx-ctx > div[data-href],.cx-sp[data-href],.cx-wk[data-href],.say[data-href]{transition:background .15s,border-color .15s}
.cx-ctx > div[data-href]:hover,.cx-sp[data-href]:hover,.cx-wk[data-href]:hover{background:var(--hover);border-color:var(--line-2)}
/* «Где застревают»: что делаем — внизу карточки, ровно по ряду */
.cx-spa{margin-top:auto;padding-top:10px;font-size:12.5px;line-height:1.45;color:var(--text-2)}
.cx-spa b{font-weight:600;color:var(--text)}
.cx-spd{margin-bottom:2px}
/* жёлтая полоса спокойнее: без яркого свечения */
.glow b{background:linear-gradient(90deg,#c99a37,#e3c16a);box-shadow:0 0 8px rgba(227,193,106,.22)}
.glow b::after{background:#f6ecd2;box-shadow:none;width:14px;height:14px;top:4px;right:4px}
.glow .flag{fill:#c99a37}
/* «До Premium»: точка = человек, белая = обычное время */
.dp{position:relative;height:36px;margin:4px 9px 0}
.dp::before{content:"";position:absolute;left:-9px;right:-9px;top:50%;height:4px;margin-top:-2px;border-radius:2px;background:#24272d}
.dp i{position:absolute;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:linear-gradient(180deg,#9dff6a,#2fd36f);box-shadow:0 0 10px rgba(80,230,120,.4)}
.dp i.md{width:20px;height:20px;margin:-10px 0 0 -10px;background:#fff;box-shadow:0 0 0 5px rgba(67,224,127,.35)}
.dpl{position:relative;height:14px;margin:8px 9px 0;font-size:11px;color:#8a8f98}
.dpl span{position:absolute;top:0;transform:translateX(-50%);white-space:nowrap}
.dpl span:first-child{transform:translateX(-9px)}.dpl span:last-child{transform:translateX(calc(-100% + 9px))}
/* «Волны после постов»: столбцы дней, синие точки — вопросы в первый час после поста */
.waves{display:grid;grid-template-columns:repeat(14,minmax(0,1fr));gap:4px;height:66px;align-items:end;border-bottom:2px solid #24272d;padding-bottom:5px}
.waves .wc{display:flex;flex-direction:column-reverse;align-items:center;gap:3px;height:100%;position:relative}
.waves .wc i{width:10px;height:10px;border-radius:50%;background:#3a3f48;flex:none}
.waves .wc i.hi{background:#3aa8ff;box-shadow:0 0 8px rgba(58,168,255,.55)}
.waves .wc.post::after{content:"";position:absolute;bottom:-12px;left:50%;width:7px;height:7px;margin-left:-3.5px;border-radius:1.5px;transform:rotate(45deg);background:#ff8a5c}
.wavesl{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#8a8f98;margin-top:14px}
.wavesl .pl{display:inline-flex;align-items:center;gap:6px}
.wavesl .pl i{width:7px;height:7px;border-radius:1.5px;transform:rotate(45deg);background:#ff8a5c}
/* «Через сколько спрашивают»: первые четыре корзины — первый час */
.hbins{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;align-items:end}
.hbins .hb{display:flex;flex-direction:column;align-items:stretch;gap:7px}
.hbins .hbw{height:70px;display:flex;align-items:flex-end}
.hbins .hb b{width:100%;border-radius:8px;background:var(--hw-fill2);position:relative}
.hbins .hb b.hi{background:linear-gradient(180deg,#6cc4ff,#2f8fe6);box-shadow:0 0 10px rgba(60,160,255,.35)}
.hbins .hb span{font-size:11px;color:var(--hw-muted);text-align:center;white-space:nowrap}
/* «Что говорят»: ответ человека пузырём, кто и чем кончилось */
.says{display:flex;flex-direction:column;gap:10px}
.say{display:grid;grid-template-columns:32px 1fr;gap:10px;align-items:start;border-radius:14px;padding:8px;margin:0 -8px}
.say:hover{background:var(--hover)}
.say .sb{display:inline-block;background:var(--bubble-in);border-radius:16px 16px 16px 5px;padding:9px 13px;font-size:14px;line-height:1.45;color:var(--text)}
.say .sc{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin-top:7px;font-size:12px;color:var(--muted)}
.say .sc b{color:var(--text);font-weight:600}
.msgs.gen{justify-content:flex-end}

/* ===== 12.10 вечер, четвёртые правки: «Сколько и как быстро», гипотеза, частый вопрос, «Что делаем», значок одобрения */
/* новые диалоги: один цвет, подписан только пик */
.colb{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;align-items:end}
.colb .cb{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-end;gap:6px}
.colb .cb em{font-style:normal;font-size:12px;font-weight:600;color:var(--hw-text);text-align:center;min-height:15px;line-height:15px}
.colb .cb b{border-radius:9px;background:linear-gradient(180deg,#34507d,#263a5c)}
.colb .cb.pk b{background:linear-gradient(180deg,#8cc8ff,#3a8dff);box-shadow:0 0 14px rgba(58,141,255,.45)}
.colb .cb span{font-size:11px;color:var(--hw-muted);text-align:center}
.colb .cb.pk span{color:var(--hw-text);font-weight:600}
/* ждали ответа: полоса долей от быстрых к долгим */
.sstrip{display:flex;gap:4px;height:22px}
.sstrip i{border-radius:7px;min-width:8px}
.sstrip i.s1,.sstripl i.s1{background:linear-gradient(180deg,#8df5a3,#38c26c)}
.sstrip i.s2,.sstripl i.s2{background:linear-gradient(180deg,#7fe3d4,#2cb3a1)}
.sstrip i.s3,.sstripl i.s3{background:linear-gradient(180deg,#ffd27a,#f0a92a)}
.sstrip i.s4,.sstripl i.s4{background:linear-gradient(180deg,#ff9a9a,#ef4444)}
.sstripl{display:grid;grid-template-columns:1fr 1fr;gap:7px 18px;margin-top:12px;font-size:12px;color:#aab0b8}
.sstripl span{display:flex;align-items:center;gap:7px;white-space:nowrap}
.sstripl i{width:8px;height:8px;border-radius:50%;flex:none}
.sstripl b{margin-left:auto;color:var(--hw-text);font-weight:600}
/* агент сам: точка = разговор */
.waf{display:grid;gap:5px}
.waf i{aspect-ratio:1;border-radius:50%;background:var(--hw-track)}
.waf i.on{background:linear-gradient(180deg,#c39bff,#8b5cf6);box-shadow:0 0 6px rgba(139,92,246,.4)}
.wafl{display:flex;gap:16px;margin-top:10px;font-size:11.5px;color:var(--hw-muted)}
.wafl span{display:inline-flex;align-items:center;gap:6px}
.wafl i{width:8px;height:8px;border-radius:50%;background:var(--hw-track)}
.wafl i.on{background:#8b5cf6}
/* эскалации: закрытые зелёные, открытые красные */
.bigsq i.x{background:linear-gradient(180deg,#ff9a9a,#ef4444);box-shadow:0 0 16px rgba(239,68,68,.4)}
.bigsql span:last-child{color:#ff9a9a}
/* гипотеза: столбцы групп и пунктир цели */
.hyb{position:relative;height:60px;display:flex;align-items:flex-end;gap:14px;padding-left:4px;border-bottom:2px solid var(--hw-fill)}
.hyc{width:48px;display:flex;align-items:flex-end;height:100%}
.hyc b{width:100%;border-radius:9px 9px 3px 3px}
.hyc b.a{background:linear-gradient(180deg,#8fe6bd,#3ecf8e 60%,#2aa36f);box-shadow:0 0 12px rgba(62,207,142,.35)}
.hyc b.c{background:linear-gradient(180deg,#ffb15c,#ff8a2a 60%,#e36f12)}
.hyt{position:absolute;left:0;right:0;border-top:2px dashed rgba(255,255,255,.5);z-index:2}
.hyt span{position:absolute;right:0;bottom:5px;font-size:11px;font-weight:600;color:#e6e8eb;white-space:nowrap}
.hybl{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:9px;font-size:11px;color:var(--hw-muted)}
.hybl span{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.hybl i{width:8px;height:8px;border-radius:50%}
.hybl i.a{background:#3ecf8e}.hybl i.c{background:#ff8a2a}
/* частый вопрос цитатой */
.cx-faq blockquote{margin:12px 0 0;padding:2px 0 2px 14px;border-left:3px solid #ff7a6b;font-size:18px;font-weight:600;letter-spacing:-.01em;line-height:1.35;color:var(--text)}
.cx-faqf{display:flex;align-items:center;gap:10px;margin-top:14px;font-size:12.5px;color:var(--text-2)}
.cx-faqf b{color:var(--text);font-weight:600;font-size:15px}
.cx-faqf .cx-ava{margin-top:0}
.cx-faqf .cx-ava .av.s{width:24px;height:24px;margin-left:-6px}
.cx-faqf .cx-ava .av.s:first-child{margin-left:0}
/* «Что делаем»: отдельный блок одной высоты во всех карточках */
.cx-spd{min-height:calc(2em * 1.4)}
.cx-spa{margin-top:auto;padding:9px 11px 10px;border-radius:11px;background:#f1f7f3;border:1px solid #dcefe2;font-size:12.5px;line-height:1.45;color:var(--text);min-height:66px;box-sizing:border-box}
.cx-spa b{display:block;font-size:11px;font-weight:600;letter-spacing:.01em;color:var(--accent-text);margin-bottom:3px}
/* значок «одобрен владельцем» */
.okb{width:18px;height:18px;vertical-align:-4px;margin-right:5px}
.doc-props .okb{width:22px;height:22px;margin-right:2px;vertical-align:middle}
.cx-faq .cx-faqf{margin-top:auto;padding-top:12px}

/* ===== 12.10 ночь, пятые правки */
/* «Что делаем» снова строкой, жирно и с точкой, одной высоты внизу карточки */
.cx-spa{margin-top:auto;padding:10px 0 0;background:none;border:0;border-radius:0;min-height:calc(1.45em * 2 + 10px);font-size:12.5px;line-height:1.45;color:var(--text-2)}
.cx-spa b{display:inline;font-size:12.5px;font-weight:700;letter-spacing:0;color:var(--text);margin:0}
.cx-spa b::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);margin:0 7px 0 2px;vertical-align:1px}
/* «Ждали ответа»: проценты внутри больших долей, по краям две подписи */
.sstrip{height:30px}
.sstrip i{display:flex;align-items:center;justify-content:center;overflow:hidden}
.sstrip i b{font-size:12px;font-weight:700;color:#0b2a17}
.sstrip i.s2 b{color:#06302b}
.sstripe{display:flex;justify-content:space-between;margin-top:10px;font-size:11.5px;color:var(--hw-muted)}
/* «Главное за неделю»: кнопка инсайта отделена от текста */
.doc .wkgrid .cx-wk .cx-wt{margin-bottom:18px}
/* «Разговоры»: панель параметров вместо списка свойств */
.anp{margin:18px 0 6px;padding:14px 16px 16px;border-radius:18px;background:var(--panel-2);border:1px solid var(--line)}
.anp-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.anp-row .seg{background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:3px;flex:none}
.anp-row .seg a{height:30px;padding:0 12px}
.anp-up{margin-left:auto;display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}
.anp-up i{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.anp-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}
.anp-st{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:12px 14px 13px}
.anp-st .t{display:block;font-size:12px;font-weight:600;color:var(--muted)}
.anp-st .v{display:flex;align-items:baseline;gap:7px;margin-top:4px}
.anp-st .v b{font-size:26px;font-weight:600;letter-spacing:-.02em;line-height:1.1}
.anp-st .v small{font-size:12.5px;color:var(--text-2)}
.msplit{display:flex;gap:3px;height:8px;margin-top:10px}
.msplit i{border-radius:4px}
.msplit i.a,.msl i.a{background:#8b5cf6}.msplit i.b,.msl i.b{background:#d9d0fb}
.msplit i.c,.msl i.c{background:#3a8dff}.msplit i.d,.msl i.d{background:#3ecf8e}
.msl{display:flex;gap:14px;margin-top:8px;font-size:11.5px;color:var(--muted)}
.msl span{display:inline-flex;align-items:center;gap:6px}
.msl i{width:7px;height:7px;border-radius:50%}
.doc .pv > .anp{margin-top:16px}
/* инсайт «После каждого поста»: строка = пост, точки = вопросы в первый час */
.prows{display:flex;flex-direction:column;gap:6px}
.pr2{display:grid;grid-template-columns:104px 1fr;align-items:center;gap:8px;font-size:11.5px;color:var(--hw-muted)}
.pr2 span{white-space:nowrap}
.pr2 .pd{display:flex;gap:6px}
.pr2 .pd i{width:12px;height:12px;border-radius:50%;background:#3aa8ff;box-shadow:0 0 8px rgba(58,168,255,.5)}
.pr2.o{margin-top:4px;padding-top:8px;border-top:1px solid var(--hw-fill)}
.pr2.o .pd i{background:var(--hw-fill2);box-shadow:none}
/* вкладки без рывка: статичная полоса скрыта, пока скрипт не восстановил порядок; переход между экранами плавный */
.tabs:not(.ready) > .tab,.tabs:not(.ready) > .plus{visibility:hidden}
@view-transition{navigation:auto}
.tabs{view-transition-name:tabs}
.sidebar{view-transition-name:sidebar}
::view-transition-old(root),::view-transition-new(root){animation-duration:.16s}
.sstrip{height:44px}.sstrip i{border-radius:9px}.sstrip i b{font-size:14px}
.prows{gap:5px}.pr2 .pd i{width:10px;height:10px}.pr2 .pd{gap:5px}.pr2.o{margin-top:2px;padding-top:6px}
.hbins .hbw{height:64px}
.pr2{line-height:12px;font-size:11px}.prows{gap:4px}.pr2.o{margin-top:1px;padding-top:5px}
.hbins .hbw{height:58px}
.hbins .hbw{height:50px}
.sstrip i{font-style:normal}

/* ===== 12.10 ночь, шестые правки */
/* пузыри в статье от левого края: и вопрос, и ответ начинаются с одной линии */
.doc-fig .b.out{align-self:flex-start}
.doc-fig .b{max-width:100%}
.doc-fig figcaption{text-align:left}
/* цвет графика = цвет иконки карточки */
.heat2.blue i{background:#1b2638}.heat2.blue i.l1{background:#25456f}.heat2.blue i.l2{background:#2f7ee0}.heat2.blue i.l3{background:#7cc4ff}
/* «Ждали ответа»: второй цвет фиолетовый, контрастнее к зелёному */
.sstrip i.s2,.sstripl i.s2{background:linear-gradient(180deg,#c4a7ff,#8b5cf6)}
.sstrip i.s2 b{color:#fff}
/* «Разговоры»: переключатели и две полосы долей с подписями внутри */
.anp2{margin:18px 0 6px;display:flex;flex-direction:column;gap:12px}
.anp2 .anp-row{gap:10px}
.ab{display:grid;grid-template-columns:64px 1fr;align-items:center;gap:12px}
.abl{font-size:12.5px;font-weight:600;color:var(--muted)}
.abar{display:flex;gap:4px;height:34px}
.abar i{font-style:normal;display:flex;align-items:center;gap:6px;padding:0 12px;border-radius:10px;font-size:12.5px;white-space:nowrap;overflow:hidden;min-width:0}
.abar i b{font-size:14px;font-weight:700}
.abar i.a{background:#8b5cf6;color:#fff}.abar i.b{background:#ece7fe;color:#5b3fc4}
.abar i.c{background:#3a8dff;color:#fff}.abar i.d{background:#dff6ea;color:#1f8a52}
/* «Где застревают»: больше воздуха, «Что делаем» отделено тонкой линией */
.cx-sp{padding:18px 18px 18px}
.cx-spd{margin-bottom:18px}
.cx-spa{padding-top:14px;border-top:1px solid var(--line)}
/* инсайт «После постов»: каждый вопрос — столбик, коралловые пришли в первый час */
.pl19{display:grid;gap:5px;height:58px}
.pl19 i{border-radius:7px;background:var(--hw-track)}
.pl19 i.on{background:linear-gradient(180deg,#ffb199,#ff6f61);box-shadow:0 0 10px rgba(255,111,97,.35)}
.pl19{height:88px}

/* ===== 12.10 ночь, седьмые правки */
.doc-fig figcaption{text-align:center}
.doc-props a.lnk,.doc-fig a.lnk{color:var(--link);text-decoration:none;font-weight:500}
.doc-props a.lnk:hover,.doc-fig a.lnk:hover{text-decoration:underline}
.an-intro{margin:14px 0 4px}
.an-intro b{color:var(--text);font-weight:600}
/* «Разговоры»: вводная двумя пунктами с точкой */
.an-pts{list-style:none;margin:14px 0 6px;padding:0;display:flex;flex-direction:column;gap:8px}
.an-pts li{position:relative;padding-left:24px;font-size:15.5px;line-height:1.6;color:var(--text-2)}
.an-pts li::before{content:"";position:absolute;left:4px;top:.6em;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.an-pts b{color:var(--text);font-weight:600}

/* ===== 12.10 ночь, восьмые правки */
/* вводная «Разговоров»: точки чёрные, не отвлекают */
.an-pts li::before{background:var(--text);box-shadow:none;width:6px;height:6px;left:5px;top:.68em}
/* статусы людей в эксперименте: цвет точки = что происходит */
.pill.neutral.info::before{background:#3a8dff}
.pill.neutral.bad::before{background:#ef4444}
/* «Похожие эталоны»: аватары вместо повторяющейся плитки */
.doc-rel .ri .av{width:34px;height:34px;display:block;border-radius:50%;overflow:hidden}
.doc-rel .ri .av img{width:100%;height:100%;border-radius:50%}
/* «Отказов» списком: строки плотнее, чтобы два случая влезли в карточку */
.hw.s .cases{margin-top:0}.hw.s .cases > div{padding:7px 0}.hw.s .cases > div:first-child{padding-top:2px}
.hw.s .cases > div{padding:5px 0}.hw.s .cases b{font-size:12.5px}.hw.s .cases small{margin-top:0}
/* ===== вводная «Разговоров» без точек, карточки недели сразу под ней */
.an-pts{gap:4px}
.an-pts li{padding-left:0}
.an-pts li::before{display:none}
.an-pts + .wkgrid{margin-top:20px}
.doc .an-pts{padding-left:0;margin-left:0}

/* ===== 12.10.2026 ночь, десятые правки владельца ===== */
/* меню: наведение заметным серым («вообще не заметно, что навёл»), выбранный пункт на ступень темнее */
.nav a{transition:background .12s ease}
.nav a:hover{background:rgba(20,21,25,.075)}
.nav a.on{background:rgba(20,21,25,.13)}
:root[data-theme="dark"] .nav a:hover{background:rgba(255,255,255,.07)}
:root[data-theme="dark"] .nav a.on{background:rgba(255,255,255,.13)}
.hw .bigsq i[data-href]{cursor:pointer}
.hw.hov .colb .cb.hon span{color:var(--hw-text);font-weight:600}
.hw.hov .colb .cb.pk:not(.hon) span{color:var(--hw-muted);font-weight:400}
.glow i.rest{position:absolute;top:0;bottom:0;right:0;border-radius:999px}
/* «Ответов» линией вместо столбиков */
.lwk{display:block;width:100%;height:auto;overflow:visible;margin-top:2px}
/* «Итог на 3-й день»: гантели — на каждом шаге две бусины, с сообщением и без, справа разница */
.dmb{display:flex;flex-direction:column;gap:2px;margin-top:16px}
.dmb-ax,.dmb-r{display:grid;grid-template-columns:132px minmax(0,1fr) 44px;align-items:center;gap:0 18px}
.dmb-sc{position:relative;height:18px}
.dmb-sc i{position:absolute;top:0;transform:translateX(-50%);font-style:normal;font-size:11px;color:var(--hw-dim);font-variant-numeric:tabular-nums}
.dmb-r{height:46px;border-radius:12px}
.dmb-l{font-size:13px;color:var(--hw-sub);padding-left:10px}
.dmb-t{position:relative;height:46px}
.dmb-t::before{content:"";position:absolute;left:0;right:0;top:50%;height:2px;margin-top:-1px;background:var(--hw-fill);border-radius:2px}
.dmb-t b{position:absolute;top:50%;height:6px;margin-top:-3px;border-radius:6px;background:linear-gradient(90deg,#ff8a2a,#43e07f);opacity:.5}
.dmb-t i{position:absolute;top:50%;width:28px;height:28px;margin:-14px 0 0 -14px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:12px;font-weight:700;color:#0b0c0e;font-variant-numeric:tabular-nums}
.dmb-t i.a{background:#43e07f;box-shadow:0 0 0 3px var(--hw-bg),0 0 14px rgba(67,224,127,.45)}
.dmb-t i.c{background:#ff8a2a;box-shadow:0 0 0 3px var(--hw-bg),0 0 14px rgba(255,138,42,.4)}
.dmb-r em{font-style:normal;font-size:14px;font-weight:600;color:#43e07f;text-align:right;padding-right:10px;font-variant-numeric:tabular-nums}

/* ===== 12.10.2026 ночь, одиннадцатые правки: движение графиков ===== */
/* один язык для всех карточек: наведённая часть приподнимается или растёт, остальное мягко притухает,
   число и подпись в шапке сменяются коротким наплывом; новых фигур (прямоугольников) при наведении нет */
:root{--mv:cubic-bezier(.2,.8,.2,1)}
.hw [data-hv],.hw [data-hc],.hw [data-ha]{transition:opacity .26s var(--mv),transform .26s var(--mv),background-color .26s var(--mv),filter .26s var(--mv)}
.hw.hov [data-hv]:not(.hon),.hw.hov [data-hc]:not(.hon),.hw.hov [data-ha]:not(.hon){opacity:.45}
@keyframes hwtick{from{opacity:.15;transform:translateY(5px)}to{opacity:1;transform:none}}
.hw .num b.tick,.hw .num span.tick,.hw .lead li.tick{animation:hwtick .28s var(--mv) both}
/* столбики «Новые диалоги»: яркая заливка поверх тёмной, переход прозрачностью */
.colb .cb b{position:relative;transition:transform .26s var(--mv),box-shadow .26s var(--mv)}
.colb .cb b::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,#8cc8ff,#3a8dff);opacity:0;transition:opacity .26s var(--mv)}
.colb .cb.pk b{background:linear-gradient(180deg,#34507d,#263a5c)}
.colb .cb.pk b::after,.hw.hov .colb .cb.hon b::after{opacity:1}
.hw.hov .colb .cb.pk:not(.hon) b::after{opacity:0}
.hw.hov .colb .cb.pk:not(.hon) b{box-shadow:none}
.hw.hov .colb .cb.hon b{box-shadow:0 0 14px rgba(58,141,255,.45);transform:translateY(-3px)}
.colb .cb em{opacity:0;transform:translateY(4px);transition:opacity .22s var(--mv),transform .22s var(--mv)}
.colb .cb.pk em,.hw.hov .colb .cb.hon em{opacity:1;transform:none}
.hw.hov .colb .cb.pk:not(.hon) em{opacity:0;transform:translateY(4px)}
.colb .cb span{transition:color .22s var(--mv)}
/* полоса ожидания, квадраты эскалаций, ночи, правка, вопросы: наведённое приподнимается */
.hw.hov .sstrip i.hon,.hw.hov .bigsq i.hon,.hw.hov .rdays i.hon,.hw.hov .ba i.hon,.hw.hov .pl19 i.hon{transform:translateY(-3px)}
.hyc b,.hbins .hb b{transition:transform .26s var(--mv)}
.hw.hov .hyc.hon b,.hw.hov .hbins .hb.hon b{transform:translateY(-3px)}
/* точки агента, клетки карты, кольца: наведённое чуть растёт */
.hw.hov .waf i.hon{transform:scale(1.1)}
.hw.hov .waf i.hon:not(.on){background:var(--hw-fill3)}
.hw.hov .heat2 i.hon{transform:scale(1.1)}
.hw.hov .rings2 .r2g.hon{transform:scale(1.04)}
/* линии: невидимая зона мыши; «Личка и бот» — тонкая направляющая и крупнее точки дня, «Ответов» — ореол у точки дня */
.lines .hz,.lwk .hz{fill:transparent}
.lwk .halo{transform-box:fill-box;transform-origin:center}
.lines .dot{r:4.5px}
.hw.hov .lines .pt.hon .dot{r:6.5px}
.lwk .dot{fill:#3ecf8e;stroke:var(--hw-bg);stroke-width:1.5;r:4px}
.lwk .halo{fill:#3ecf8e;opacity:0;transform:scale(.4);transition:opacity .26s var(--mv),transform .26s var(--mv)}
.lwk .pt.today .dot,.hw.hov .lwk .pt.hon .dot{fill:#fff;stroke:#3ecf8e;stroke-width:2;r:5.6px}
.lwk .pt.today .halo,.hw.hov .lwk .pt.hon .halo{opacity:.24;transform:none}
.hw.hov .lwk .pt.today:not(.hon) .dot{fill:#3ecf8e;stroke:var(--hw-bg);stroke-width:1.5;r:4px}
.hw.hov .lwk .pt.today:not(.hon) .halo{opacity:0;transform:scale(.4)}
.wkl span{transition:color .22s var(--mv)}
.hw.hov .wkl span.hon{color:var(--hw-text);font-weight:600}
.hw.hov .wkl span.t:not(.hon){color:var(--hw-dim);font-weight:400}
.dmb-t i{transition:transform .26s var(--mv)}
.dmb-r.hon .dmb-t i{transform:scale(1.1)}
@media (prefers-reduced-motion:reduce){.hw,.hw *{transition:none!important;animation:none!important}}

/* ===== 13.10.2026, двенадцатые правки: наведение без серых областей ===== */
/* полоса лимита и «Масштабировать?»: наведённая полоса утолщается и светится, ручка растёт; остаток при наведении светлеет и краем уходит под полосу */
.hw .glow b,.hw .glow i.rest{transition:top .26s var(--mv),bottom .26s var(--mv),opacity .26s var(--mv),background-color .26s var(--mv),box-shadow .26s var(--mv),filter .26s var(--mv)}
.glow b::after{top:50%;margin-top:-7px;transition:transform .26s var(--mv)}
.hw.hov .glow b.hon{top:-4px;bottom:-4px}
.hw.hov .glow b.hon{box-shadow:0 0 26px rgba(227,193,106,.55)}
.hw.hov .glow b.hon::after{transform:scale(1.3)}
.hw .glow b{z-index:2}
.hw.hov .glow b:not(.hon){opacity:1;filter:brightness(.62) saturate(.85)}
.glow i.rest{z-index:1;margin-left:-12px}
.glow i.rest.hon{background-color:var(--hw-ring)}
/* гантели: подложки нет; у наведённой строки бусины крупнее и перемычка ярче, остальные строки отступают */
.dmb-t b{transition:opacity .26s var(--mv)}
.dmb-r.hon .dmb-t b{opacity:.95}
.hw.hov .dmb-r:not(.hon){opacity:.35}
/* линии: при наведении остаются точки и числа только выбранного дня, подписи других дней отступают */
.lines .vl,.lines .dl{transition:opacity .26s var(--mv)}
.hw.hov .lines .pt:not(.hon){opacity:1}
.hw.hov .lines .pt:not(.hon) .dot,.hw.hov .lines .pt:not(.hon) .vl{opacity:0}
.hw.hov .lines .pt:not(.hon) .dl{opacity:.4}
.lines .dot{transition:r .26s var(--mv),opacity .26s var(--mv)}
.hw.hov .lwk .pt:not(.hon){opacity:1}
.hw.hov .lwk .pt:not(.hon) .dot{opacity:0}
.lwk .dot{transition:r .26s var(--mv),fill .26s var(--mv),stroke .26s var(--mv),stroke-width .26s var(--mv),opacity .26s var(--mv)}

/* ===== 13.10.2026, тринадцатые правки ===== */
/* подпись под большим числом чуть ниже («подписки использовано» прилипала к числу) */
.hw.s .num.top span{margin-top:8px}

/* ===== 13.10.2026: Агент, разговор с агентом, подключение ===== */
.cx-status.off{background:var(--panel-2);color:var(--text-2);border:1px solid var(--line)}
.cx-status.off i{background:var(--muted)}
.cx-acts a.btn{text-decoration:none}
/* пустой разговор: иконка, вопрос, четыре готовых вопроса */
.ag-xp{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0}
.ag-hero{max-width:640px;width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;margin:auto 0}
.ag-ic{width:76px;height:76px;border-radius:22%;box-shadow:0 12px 26px rgba(20,21,25,.14)}
.ag-ic img{width:100%;height:100%;border-radius:22%;display:block}
.ag-hero h1{font-size:26px;font-weight:700;letter-spacing:-.025em;margin:20px 0 8px}
.ag-hero p{font-size:14.5px;line-height:1.6;color:var(--text-2);max-width:520px;margin:0;text-wrap:pretty}
.ag-qs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:26px;width:100%;text-align:left}
.ag-q{display:grid;grid-template-columns:36px 1fr;gap:3px 12px;align-items:center;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:var(--panel);box-shadow:var(--shadow-card);cursor:pointer;transition:background .15s,border-color .15s}
.ag-q:hover{background:var(--hover);border-color:var(--line-2)}
.ag-q img{width:36px;height:36px;grid-row:1 / span 2;border-radius:10px;display:block}
.ag-q b{font-size:13.5px;font-weight:600}
.ag-q span{font-size:12.5px;color:var(--text-2);line-height:1.4}
/* ответ агента: без подложки, как текст с нашими карточками; действия и продолжение под ним */
.m.ag-m{max-width:760px}
.ag-ans{font-size:13.5px;line-height:1.55;max-width:700px}
.ag-ans p{margin:0 0 10px}
.ag-ans p.ag-h{font-weight:600;margin:14px 0 6px}
.ag-ans .hwgrid{margin:12px 0 4px}
.ag-ans ol{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px}
.ag-ans .ag-str{font-style:normal;display:inline-block;margin-top:5px;padding:6px 11px;border-radius:12px 12px 12px 5px;background:var(--bubble-out);color:var(--bubble-out-text);font-size:13px}
.ag-src{margin-top:12px;font-size:12px;color:var(--muted)}
.ag-ans .ag-rel{margin:14px 0 0;max-width:640px}
.ag-ans .ag-rel .rr{padding:11px 14px}
.ag-ans .ag-rel .rt b{font-size:13.5px}
/* продолжение: те же карточки-вопросы, что на пустом экране, три в ряд */
.ag-next{max-width:760px;padding-left:43px}
.ag-nh{font-size:12px;font-weight:600;color:var(--muted);margin-bottom:8px}
.ag-next .ag-qs{margin-top:0;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}  /* три в ряд на широком окне, два и один на узком */
.ag-next .ag-q{padding:12px 14px;gap:2px 10px;grid-template-columns:32px 1fr;align-items:start}  /* иконка по верху, заголовок в одну строку: карточки ровные */
.ag-next .ag-q img{margin-top:1px}
.ag-next .ag-q b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:18px}
.ag-next .ag-q img{width:32px;height:32px}
.ag-next .ag-q b{font-size:13px}
.ag-next .ag-q span{font-size:12px}
/* вложение к пункту ответа: баннер с подписью, ведёт в эксперимент */
.ag-att{display:inline-grid;grid-template-columns:96px 1fr;gap:12px;align-items:center;margin-top:8px;padding:8px 14px 8px 8px;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:inherit;text-decoration:none;max-width:420px;transition:background .15s,border-color .15s}
.ag-att:hover{background:var(--hover);border-color:var(--line-2)}
.ag-att img{width:96px;height:96px;border-radius:10px;display:block;object-fit:cover}
.ag-att span{display:block;font-size:12.5px;color:var(--muted);line-height:1.4}
.ag-att span b{display:block;font-size:13px;font-weight:600;color:var(--text);margin-bottom:2px}
/* подключение: шаги плитками в ряд */
.cx-ctx.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.cx-ctx > div{display:flex;flex-direction:column;align-items:flex-start}
.cx-ctx .pill{margin-top:auto;padding-top:14px;font-style:normal}  /* статус шага внизу плитки, прямым */
/* подключение: шаги и переключатели */
.ag-steps,.ag-tgs{display:flex;flex-direction:column}
.ag-step{display:grid;grid-template-columns:28px 1fr auto;gap:0 14px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}
.ag-step:first-child{border-top:0;padding-top:2px}
.ag-step .n{width:28px;height:28px;border-radius:50%;background:var(--primary);color:var(--primary-text);display:grid;place-items:center;font-size:12.5px;font-weight:600}
.ag-step.todo .n{background:var(--panel-2);color:var(--muted);border:1px solid var(--line-2)}
.ag-step b{display:block;font-size:13.5px;font-weight:600}
.ag-step > div > span{display:block;font-size:12.5px;color:var(--text-2);margin-top:2px}
.ag-step .cx-tags{margin-top:7px}
.ag-step .tm{font-size:12px;color:var(--muted);white-space:nowrap}
.ag-tg{display:grid;grid-template-columns:1fr auto;gap:0 16px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}
.ag-tg:first-child{border-top:0;padding-top:2px}
.ag-tg b{display:block;font-size:13.5px;font-weight:600}
.ag-tg span:not(.sw){display:block;font-size:12.5px;color:var(--text-2);margin-top:2px}
.ag-tg .auto{margin:0}

/* ===== 13.10.2026: выбор строк в списке (галочка в шапке) ===== */
.list-card .lh .cb{cursor:pointer;position:relative;background:var(--panel);transition:background .15s,border-color .15s}
.list-card .lh .cb:hover{border-color:var(--text-2)}
.list-card .lh .cb.on{background:var(--primary);border-color:var(--primary)}
.list-card .lh .cb.on::after{content:"";position:absolute;left:4.5px;top:1.5px;width:4px;height:8px;border:solid var(--primary-text);border-width:0 2px 2px 0;transform:rotate(45deg)}
.list-card.selecting .lh{flex-wrap:wrap}
.list-card .lh .bulk{flex-basis:100%;display:flex;gap:6px;padding-top:8px}
.list-card .lh .bulk .ghost{margin-left:auto}
.list-card.selecting .lh h3{white-space:nowrap}
.list-card.selecting .rows .row{grid-template-columns:20px 44px 1fr auto;cursor:pointer}
.list-card.selecting .rows .row::before{content:"";width:18px;height:18px;border-radius:50%;border:1.5px solid var(--line-2);background:var(--panel);align-self:center;box-sizing:border-box}
.list-card.selecting .rows .row.sel{background:var(--selected)}
.list-card.selecting .rows .row.sel::before{background:var(--primary);border-color:var(--primary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E");background-size:12px;background-position:center;background-repeat:no-repeat}
.row .meta .rowag{width:18px;height:18px;border-radius:50%;overflow:hidden;display:inline-block;box-shadow:0 0 0 1.5px var(--panel)}
.row .meta .rowag img{width:100%;height:100%;display:block}

/* ===== 13.10.2026: «Написать» и фильтры списков ===== */
.list-top{position:relative}
.wpop{position:absolute;left:0;top:calc(100% + 8px);width:320px;z-index:30;background:var(--panel);border:1px solid var(--line-2);border-radius:14px;box-shadow:var(--shadow-pop);padding:8px}
.wpop input{width:100%;height:34px;border:1px solid var(--line-2);border-radius:9px;padding:0 10px;font:inherit;font-size:13px;color:var(--text);background:var(--panel);outline:none}
.wpop input:focus{border-color:var(--accent)}
.wpop .wl{margin-top:6px;display:flex;flex-direction:column}
.wpop .wl button{display:grid;grid-template-columns:28px 1fr;gap:1px 10px;align-items:center;text-align:left;padding:7px 8px;border:0;border-radius:9px;background:none;font:inherit;color:var(--text);cursor:pointer}
.wpop .wl button:hover{background:var(--hover)}
.wpop .wl button .av{width:28px;height:28px;grid-row:1 / span 2}
.wpop .wl button b{font-size:13px;font-weight:600}
.wpop .wl button > span:last-child{font-size:11.5px;color:var(--muted)}
.wpop .we{padding:10px 8px;font-size:12.5px;color:var(--muted)}
.av.txt{display:grid;place-items:center;font-weight:600;font-size:14px;color:var(--text);background:var(--selected)}
.av.s.txt{font-size:12px}
.list-card{position:relative}
.list-card .lh .ib.fon{position:relative;color:var(--text)}
.list-card .lh .ib.fon::after{content:"";position:absolute;right:4px;top:4px;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 2px var(--panel)}
.list{position:relative}
.fpop{position:absolute;right:12px;width:260px;z-index:30;background:var(--panel);border:1px solid var(--line-2);border-radius:14px;box-shadow:var(--shadow-pop);padding:6px 12px 12px}
.fpop .fg{padding:8px 0;border-bottom:1px solid var(--line)}
.fpop .fg b{display:block;font-size:11.5px;font-weight:600;color:var(--muted);margin-bottom:4px}
.fpop label{display:flex;align-items:center;gap:8px;font-size:13px;padding:5px 0;cursor:pointer}
.fpop input{accent-color:var(--primary);margin:0}
.fpop .fa{display:flex;gap:6px;padding-top:12px}
.fpop .fa .primary{margin-left:auto}
.fchips{display:flex;flex-wrap:wrap;gap:6px;padding:8px 12px 2px}
.fchips button{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 6px 0 9px;border-radius:999px;border:1px solid var(--line-2);background:var(--panel-2);font:inherit;font-size:12px;color:var(--text);cursor:pointer}
.fchips button i{font-style:normal;color:var(--muted);font-size:14px;line-height:1}
.fchips button:hover{background:var(--hover)}
.msgs.gen .daych{align-self:center}

/* отправитель в композере: чип нажимается, окно выбора аккаунта */
.box .via .sel.pick{cursor:pointer;transition:background .15s,border-color .15s}
.box .via .sel.pick:hover{background:var(--hover);border-color:var(--text-2)}
.spop{position:absolute;z-index:30;width:280px;background:var(--panel);border:1px solid var(--line-2);border-radius:14px;box-shadow:var(--shadow-pop);padding:6px}
.spop button{display:grid;grid-template-columns:28px 1fr;gap:1px 10px;align-items:center;width:100%;text-align:left;padding:7px 8px;border:0;border-radius:9px;background:none;font:inherit;color:var(--text);cursor:pointer}
.spop button:hover{background:var(--hover)}
.spop button.on{background:var(--selected)}
.spop button .av{width:28px;height:28px;grid-row:1 / span 2}
.spop button b{font-size:13px;font-weight:600}
.spop button > span:last-child{font-size:11.5px;color:var(--muted)}
.wpop .we.bad{color:#b42318}

/* ===== 13.10.2026: тёмная тема, зеркало светлой ===== */
:root[data-theme="dark"] .doc-sec.blue{--t1:#1c2b3d;--t2:#1b2028}
:root[data-theme="dark"] .doc-sec.rose{--t1:#3b2327;--t2:#241d1f}
:root[data-theme="dark"] .doc-sec.teal{--t1:#163a34;--t2:#1a2523}
:root[data-theme="dark"] .doc-sec.green{--t1:#17352b;--t2:#1a2420}
:root[data-theme="dark"] .doc-sec.violet{--t1:#2c2548;--t2:#1f1d2a}
:root[data-theme="dark"] .doc-sec.amber{--t1:#3b3119;--t2:#26231a}
:root[data-theme="dark"] .doc-sec.orange{--t1:#3c2a18;--t2:#26211a}
:root[data-theme="dark"] .doc-sec.graphite{--t1:#2d2f34;--t2:#202126}
:root[data-theme="dark"] .doc-sec h2{color:var(--text)}
:root[data-theme="dark"] .doc-call,:root[data-theme="dark"] .doc-call.amber,:root[data-theme="dark"] .doc-call.ins{background:#202126;border-color:#2a2c31}
:root[data-theme="dark"] .doc-call em,:root[data-theme="dark"] .doc-call.amber em{background:#1a1b1e;border-color:#363940;color:var(--text)}
:root[data-theme="dark"] .doc-fig{background:var(--panel-2);border-color:var(--line)}
:root[data-theme="dark"] .doc-fig .b.in{background:#24262b;border-color:#2a2c31;color:var(--text)}
:root[data-theme="dark"] .doc-fig .b.out{background:#1e3a2c;color:#d8f1e3}
:root[data-theme="dark"] .cx-logo,:root[data-theme="dark"] .cx-ml,:root[data-theme="dark"] .cx-logo.big{background:#202126}
:root[data-theme="dark"] .cx-cover{background:#202126}
:root[data-theme="dark"] .doc-cover img,:root[data-theme="dark"] .cx-cover img{filter:brightness(.88)}
:root[data-theme="dark"] .cx-ctx > div,:root[data-theme="dark"] .ag-q,:root[data-theme="dark"] .cx-wk{background:var(--panel-2)}
:root[data-theme="dark"] .ag-str{background:var(--bubble-out);color:var(--bubble-out-text)}
:root[data-theme="dark"] .cases > div{border-top-color:var(--hw-track2)}
:root[data-theme="dark"] .lines line{stroke:var(--hw-track)}
:root[data-theme="dark"] .hw .hh img.ai{box-shadow:0 0 0 1px rgba(20,21,25,.06)}
:root[data-theme="dark"] .wpop input,:root[data-theme="dark"] .ag-ask input{background:var(--panel-2)}
:root[data-theme="dark"] .theme{color:var(--text)}
.theme{cursor:pointer;user-select:none}
/* ===== 13.10.2026 вечер: контраст тёмной темы (владелец: заголовки разделов тусклые, примеры слишком тёмные, логотип ChatGPT чёрный, кнопка в карточке белая) ===== */
:root[data-theme="dark"] .doc-sec{border:1px solid rgba(255,255,255,.06)}
:root[data-theme="dark"] .doc-sec.blue{--t1:#1f5496;--t2:#1b2736}
:root[data-theme="dark"] .doc-sec.rose{--t1:#7a2d38;--t2:#2c1f23}
:root[data-theme="dark"] .doc-sec.teal{--t1:#167763;--t2:#192b28}
:root[data-theme="dark"] .doc-sec.green{--t1:#1d7446;--t2:#1a2c22}
:root[data-theme="dark"] .doc-sec.violet{--t1:#4d3a9c;--t2:#242036}
:root[data-theme="dark"] .doc-sec.amber{--t1:#7e6219;--t2:#2c281a}
:root[data-theme="dark"] .doc-sec.orange{--t1:#84501b;--t2:#2c231a}
:root[data-theme="dark"] .doc-sec.graphite{--t1:#4a505b;--t2:#25272c}
:root[data-theme="dark"] .doc-call,:root[data-theme="dark"] .doc-call.amber,:root[data-theme="dark"] .doc-call.ins{background:#26282f;border-color:#3b3e47}
:root[data-theme="dark"] .doc-call em,:root[data-theme="dark"] .doc-call.amber em{background:#33363f;border-color:#4b4f5a;color:#fff}
:root[data-theme="dark"] .doc-fig{background:#202228;border-color:#34373f}
:root[data-theme="dark"] .doc-fig .b.in{background:#2e3139;border-color:#42464f;color:#f2f3f5}
:root[data-theme="dark"] .doc-fig .b.out{background:#1f5c3c;color:#e8f8ee}
:root[data-theme="dark"] .doc-fig figcaption{color:#9ba0a9}
:root[data-theme="dark"] .cx-logo,:root[data-theme="dark"] .cx-ml,:root[data-theme="dark"] .cx-logo.big{background:#fff;border-color:#fff}
:root[data-theme="dark"] .cx-logo.tile,:root[data-theme="dark"] .cx-logo.round{background:none}
:root[data-theme="dark"] .cx-wk .btn{background:var(--primary);color:var(--primary-text);border-color:var(--primary)}
:root[data-theme="dark"] .cx-wk .btn:hover{opacity:.9;background:var(--primary)}
/* ===== 13.10.2026 ночь: по снимкам владельца ===== */
:root[data-theme="dark"] .doc-sec{border:0}  /* под рамкой повторялся градиент подложки — синий хвост у правого края */
.tabs .theme{align-self:center;margin:-8px 0 0}  /* переключатель по центру шапки, не у нижней кромки */
:root[data-theme="dark"] .cx-chip img[src$="openai-mark.png"]{filter:invert(1)}  /* чёрная марка OpenAI в чипе на тёмном */
:root[data-theme="dark"] .cx-ml.full{background:none;border:0}
.spop .sh{font-size:11.5px;color:var(--muted);padding:6px 10px 4px}
/* 13.10.2026: плитки экспериментов — без пастельной подложки и с одним скруглением: двойное сглаживание (контейнер + картинка) показывало светлые уголки на тёмном */
.av.xp-tile{background:none}.row .av.xp-tile img,.av.xp-tile img{border-radius:0}
/* 13.10.2026: «Остановить» — окно подтверждения в шапке эксперимента, состояние после остановки и решения */
.conv-head .acts{position:relative}
.xpop{position:absolute;right:0;top:calc(100% + 8px);width:360px;z-index:30;background:var(--panel);border:1px solid var(--line-2);border-radius:14px;box-shadow:var(--shadow-pop);padding:14px 16px;text-align:left;white-space:normal}
.xpop b{display:block;font-size:14px;font-weight:650;margin-bottom:6px;color:var(--text)}.xpop p{margin:0 0 12px;font-size:13px;line-height:1.5;color:var(--text-2)}.xpop .xb{display:flex;gap:8px}
.xp-state{font-size:12.5px;color:var(--muted);margin-right:6px;white-space:nowrap}.xp-state.ok{color:var(--accent)}.xp-state.no{color:var(--danger)}
.okc.stop{color:var(--muted)}
/* 13.10.2026: зелёная галочка в тёмной теме темнее — белый значок на светло-зелёном не читался (владелец) */
:root[data-theme="dark"] .okc{color:#1e9a5f}:root[data-theme="dark"] .okc.no{color:var(--danger)}:root[data-theme="dark"] .okc.stop{color:var(--muted)}
:root[data-theme="dark"] .av .badge-ok{background:#1e9a5f}
/* 13.10.2026: значок верификации — синий зубчатый щиток с белой галочкой у имени тех, кто уже в Premium или в Академии */
:root{--vf:#2b8ceb}:root[data-theme="dark"]{--vf:#4a9eff}
.vf{display:inline-flex;width:15px;height:15px;flex:none;vertical-align:-2px;margin-left:1px}
.vf svg{width:100%;height:100%;display:block}.vf .s{fill:var(--vf);stroke:var(--vf);stroke-width:1.2;stroke-linejoin:round}.vf .c{fill:none;stroke:#fff;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}
.row .nm .vf{margin-left:-2px}.conv-head .who b .vf{width:16px;height:16px;margin-left:-3px}.pname .vf{width:17px;height:17px;margin-left:4px}
/* 13.10.2026: пример нашей реплики в «Так и пишем» — зелёный, как исходящее сообщение (владелец: «зелёным, если это мы отправляем») */
:root[data-theme="dark"] .doc-call em{background:#1b4a33;border-color:#2a7a50;color:#cdf3dc}
:root[data-theme="dark"] .doc-call.amber em{background:#33363f;border-color:#4b4f5a;color:#fff}
.doc-call em{color:#176b43}.doc-call.amber em{color:var(--text)}
/* 13.10.2026: чип «Так и пишем» = исходящий пузырь из примеров диалога (.doc-fig .b.out), владелец: «как здесь по визуалу» */
.doc-call em{background:#e3f6ea;border:0;color:var(--text);border-radius:18px;border-bottom-right-radius:6px;padding:10px 14px;font-size:13.5px;line-height:1.5}
:root[data-theme="dark"] .doc-call em{background:#1f5c3c;border:0;color:#e8f8ee}
.doc-call.amber em{background:#fff;border:1px solid #fde3a6;color:var(--text);border-radius:14px 14px 14px 5px;padding:7px 12px}
:root[data-theme="dark"] .doc-call.amber em{background:#33363f;border:1px solid #4b4f5a;color:#fff}
/* 14.10.2026: подложка карточки человека в цвет его круга (переменные ставит nav.js coverFor) */
.profile .cover.pool{background:linear-gradient(135deg,var(--cov1),var(--cov2) 60%,var(--cov3))}
:root[data-theme="dark"] .profile .cover.pool{background:linear-gradient(135deg,var(--cov1d),var(--cov2d) 60%,var(--cov3d))}
/* 14.10.2026: формы «+» (новый скил, эталон, эксперимент), меню нового разговора, занятая кнопка «Обновить», тост */
.npop{position:absolute;left:0;top:calc(100% + 8px);width:338px;z-index:30;background:var(--panel);border:1px solid var(--line-2);border-radius:14px;box-shadow:var(--shadow-pop);padding:12px 14px 14px;text-align:left;white-space:normal}
.npop .nt{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14px;font-weight:650;color:var(--text);margin-bottom:4px}
.npop label{display:block;font-size:11.5px;color:var(--muted);margin:8px 0 4px}
.npop input,.npop textarea{width:100%;border:1px solid var(--line-2);border-radius:9px;padding:7px 10px;font:inherit;font-size:13px;line-height:1.4;color:var(--text);background:var(--panel);outline:none;resize:none}
.npop input{height:34px;padding:0 10px}.npop input:focus,.npop textarea:focus{border-color:var(--accent)}.npop .bad{border-color:#e5484d}
.npop .chips{display:flex;gap:6px}.npop .chips button{height:28px;padding:0 11px;border-radius:999px;border:1px solid var(--line-2);background:var(--panel);font:inherit;font-size:12.5px;color:var(--text-2);cursor:pointer}
.npop .chips button.on{background:var(--selected);color:var(--text);border-color:transparent;font-weight:500}
.npop .nb{display:flex;gap:8px;align-items:center;margin-top:14px}
:root[data-theme="dark"] .npop input,:root[data-theme="dark"] .npop textarea,:root[data-theme="dark"] .npop .chips button{background:var(--panel-2)}
.spop.npop-menu{left:0;top:calc(100% + 8px);width:320px}
.btn.busy{opacity:.75;pointer-events:none}.btn .spin{width:12px;height:12px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;display:inline-block;animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,8px);z-index:60;background:var(--primary);color:var(--primary-text);font-size:13px;font-weight:500;padding:10px 16px;border-radius:999px;box-shadow:var(--shadow-pop);opacity:0;transition:opacity .22s var(--mv,ease),transform .22s var(--mv,ease);pointer-events:none;white-space:nowrap}
.toast.on{opacity:1;transform:translate(-50%,0)}
/* 14.10.2026: «Загрузить .md» — обычная кнопка с иконкой в ряду, после выбора файла его имя с галочкой; окно принимает файл перетаскиванием */
.npop .nfile{display:inline-flex;margin:0;font-weight:500;cursor:pointer;gap:6px;flex:none;max-width:170px;overflow:hidden;text-overflow:ellipsis}.npop .nfile .ico{stroke:currentColor;flex:none}
.npop .nfile.ok{border-color:#1e9a5f;color:var(--text)}.npop .nfile.ok .ico{stroke:#1e9a5f}
.npop.drop{outline:2px dashed #1e9a5f;outline-offset:-6px}
/* 14.10.2026: красный текст подсказок в тёмной теме светлее (владелец: «красный какой-то странный, светлее должен быть») */
:root[data-theme="dark"] .wpop .we.bad{color:#f28b82}
:root[data-theme="dark"] .npop .bad{border-color:#f28b82}
/* 14.10.2026: по аудиту мёртвых контролов — вложения, смайлы, запись голоса, выбор проекта/периода, настройка карточек, ключ API */
.composer .att{display:flex;flex-wrap:wrap;gap:6px;padding:8px 12px 0}
.composer .att .chip{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 6px 0 9px;border-radius:999px;background:var(--panel-2);border:1px solid var(--line);font-size:12.5px;color:var(--text)}
.composer .att .chip button{border:0;background:none;font:inherit;font-size:15px;line-height:1;color:var(--muted);cursor:pointer;padding:0 3px}.composer .att .chip button:hover{color:var(--text)}
.epop{position:absolute;left:12px;bottom:calc(100% + 8px);z-index:30;display:grid;grid-template-columns:repeat(8,32px);gap:2px;padding:8px;background:var(--panel);border:1px solid var(--line-2);border-radius:14px;box-shadow:var(--shadow-pop)}
.epop button{width:32px;height:32px;border:0;border-radius:8px;background:none;font-size:18px;cursor:pointer;line-height:1}.epop button:hover{background:var(--hover)}
.composer .box{position:relative}
.ib.rec{color:#fff;background:#e5484d;width:auto;padding:0 10px;gap:6px}.ib.rec .ico{stroke:#fff}.ib.rec b{font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}
.btn.ghost.sm.set{color:var(--text);font-weight:500}
.xpop.left{left:0;right:auto}.cx-acts{position:relative}
.xpop input[type="password"]{width:100%;height:34px;border:1px solid var(--line-2);border-radius:9px;padding:0 10px;font:inherit;font-size:13px;color:var(--text);background:var(--panel);outline:none;margin-bottom:12px}
.xpop input[type="password"]:focus{border-color:var(--accent)}.xpop input.bad{border-color:#e5484d}
.xpop.cfg{width:300px}.xpop.cfg .ck{display:flex;align-items:center;gap:10px;padding:7px 4px;font-size:13.5px;color:var(--text);cursor:pointer}.xpop.cfg .ck input{width:16px;height:16px;accent-color:#1e9a5f}.xpop.cfg p{margin:8px 0 0;font-size:12px}
:root[data-theme="dark"] .xpop input[type="password"]{background:var(--panel-2)}
/* 14.10.2026: плавность между разделами (владелец: «кликом по разделам прыгаю, нет плавности») — переход документов и мгновенная предзагрузка страниц при наведении (speculation rules в <head>) */
::view-transition-old(root),::view-transition-new(root){animation-duration:.16s}
::view-transition-old(sidebar),::view-transition-new(sidebar){animation:none}
.theme span{display:inline-flex;align-items:center;gap:6px}.theme .td{display:none}
:root[data-theme="dark"] .theme .tl{display:none}:root[data-theme="dark"] .theme .td{display:inline-flex}