/* ============================================================
   Чат поддержки «Тринадцатый»: плавающая кнопка и панель (виджет), плюс
   разделы админки «Поддержка» и «ИИ-помощник». Цвета — из :root style.css,
   с запасными значениями на случай страницы без него.
   ============================================================ */

.c13s-on #toasts{bottom:96px}

/* ---------- кнопка ---------- */
.c13s-launcher{
  position:fixed;right:22px;bottom:22px;z-index:90;
  display:inline-flex;align-items:center;gap:11px;
  padding:10px 16px 10px 10px;cursor:pointer;
  background:linear-gradient(180deg,var(--panel-2,#3b3227),var(--panel,#332b21));
  color:var(--text,#e8dfc8);border:2px solid var(--outline,#15100a);border-radius:4px;
  box-shadow:0 4px 0 rgba(8,6,4,.55), inset 0 1px 0 rgba(255,255,255,.05);
  font-family:var(--display,'Oswald',sans-serif);font-size:13.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;
  transition:transform .15s var(--ease,ease),box-shadow .15s;
}
.c13s-launcher:hover{transform:translateY(-2px);box-shadow:0 6px 0 rgba(8,6,4,.55), inset 0 1px 0 rgba(255,255,255,.05)}
.c13s-launcher:active{transform:translateY(2px);box-shadow:0 1px 0 var(--outline,#15100a)}
.c13s-launcher[hidden]{display:none}
.c13s-stamp{
  width:34px;height:34px;flex:none;display:flex;align-items:center;justify-content:center;
  background:var(--paper,#ece3cd);color:var(--ink,#1b1510);border:2px solid var(--outline,#15100a);border-radius:3px;
  font-family:var(--display,'Oswald',sans-serif);font-weight:700;font-size:15px;letter-spacing:.02em;transform:rotate(-4deg);
  box-shadow:0 2px 0 rgba(8,6,4,.5);
}
.c13s-launcher small{display:block;font-family:var(--mono,'JetBrains Mono',monospace);font-size:9.5px;font-weight:400;letter-spacing:.04em;text-transform:none;color:var(--muted,#a5947a);margin-top:2px}
.c13s-launcher .c13s-badge{
  position:absolute;top:-9px;right:-9px;min-width:20px;height:20px;padding:0 6px;
  display:flex;align-items:center;justify-content:center;
  background:var(--acc,#d4622a);color:#fff6e8;border:2px solid var(--outline,#15100a);border-radius:3px;
  font-family:var(--mono,'JetBrains Mono',monospace);font-size:11px;font-weight:700;
}
.c13s-launcher .c13s-badge[hidden]{display:none}

/* ---------- панель ---------- */
.c13s-panel{
  position:fixed;right:22px;bottom:88px;z-index:91;
  width:min(400px,calc(100vw - 44px));height:min(680px,calc(100vh - 110px));
  display:flex;flex-direction:column;overflow:hidden;
  background:var(--bg,#262019);color:var(--text,#e8dfc8);
  border:2px solid var(--outline,#15100a);border-radius:4px;
  box-shadow:0 10px 0 rgba(8,6,4,.55), 0 30px 60px rgba(0,0,0,.45);
  font-family:var(--body,'PT Sans',sans-serif);font-size:14px;line-height:1.5;
  animation:c13sIn .28s cubic-bezier(.2,.9,.3,1.08) both;
}
.c13s-panel[hidden],.c13s-pre[hidden],.c13s-body[hidden],.c13s-foot[hidden]{display:none}
@keyframes c13sIn{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
.c13s-hazard{height:4px;flex:none;background:repeating-linear-gradient(-45deg,var(--acc,#d4622a) 0 10px,#1b150e 10px 20px);opacity:.9}

.c13s-head{
  display:flex;align-items:center;gap:11px;padding:11px 12px;flex:none;
  background:linear-gradient(180deg,var(--panel-2,#3b3227),var(--panel,#332b21));border-bottom:2px solid var(--outline,#15100a);
}
.c13s-head .c13s-stamp{width:40px;height:40px;font-size:17px}
.c13s-title{flex:1;min-width:0;line-height:1.2}
.c13s-title b{display:block;font-family:var(--display,'Oswald',sans-serif);font-weight:600;font-size:15.5px;letter-spacing:.05em;text-transform:uppercase}
.c13s-title span{display:flex;align-items:center;gap:6px;font-family:var(--mono,'JetBrains Mono',monospace);font-size:10px;color:var(--faint,#73654f);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.c13s-dot{width:8px;height:8px;border-radius:2px;flex:none;background:#7a4030;border:1.5px solid var(--outline,#15100a)}
.c13s-dot.on{background:var(--ok,#8a9a4d)}
.c13s-ic{
  appearance:none;width:30px;height:30px;flex:none;cursor:pointer;display:flex;align-items:center;justify-content:center;
  background:var(--field,#211b14);color:var(--muted,#a5947a);border:2px solid var(--outline,#15100a);border-radius:3px;
  font-size:16px;line-height:1;padding:0;
}
.c13s-ic:hover{color:var(--acc2,#e8763b)}
.c13s-ic svg{width:15px;height:15px}

.c13s-body{flex:1;min-height:0;overflow-y:auto;padding:14px 14px 8px;background:var(--bg0,#1c1712);display:flex;flex-direction:column;gap:10px;scroll-behavior:smooth}
.c13s-body::-webkit-scrollbar{width:8px}
.c13s-body::-webkit-scrollbar-thumb{background:var(--panel-3,#453a2c);border-radius:4px}

.c13s-m{max-width:88%;display:flex;flex-direction:column;gap:3px;animation:c13sMsg .22s ease both}
@keyframes c13sMsg{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.c13s-m.user{align-self:flex-end;align-items:flex-end}
.c13s-m.bot,.c13s-m.admin{align-self:flex-start}
.c13s-m .c13s-who{font-family:var(--mono,'JetBrains Mono',monospace);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint,#73654f);padding:0 4px}
.c13s-m.admin .c13s-who{color:var(--ok2,#b3c47a)}
.c13s-b{
  padding:9px 12px;border:2px solid var(--outline,#15100a);border-radius:4px;word-wrap:break-word;overflow-wrap:anywhere;
  box-shadow:0 3px 0 rgba(8,6,4,.5);
}
.c13s-m.bot .c13s-b,.c13s-m.admin .c13s-b{background:var(--paper,#ece3cd);color:var(--ink,#1b1510)}
.c13s-m.admin .c13s-b{border-left:5px solid var(--ok,#8a9a4d)}
.c13s-m.user .c13s-b{background:linear-gradient(180deg,var(--acc2,#e8763b),var(--acc-deep,#b84f1f));color:#fff6e8;white-space:pre-wrap}
.c13s-m .c13s-t{font-family:var(--mono,'JetBrains Mono',monospace);font-size:9.5px;color:var(--faint,#73654f);padding:0 4px}
.c13s-m.sys{align-self:center;max-width:100%;text-align:center;font-family:var(--mono,'JetBrains Mono',monospace);font-size:11px;color:var(--faint,#73654f);padding:2px 10px}
.c13s-m.sys.err{color:var(--acc2,#e8763b)}
.c13s-m.sys .c13s-retry{appearance:none;background:none;border:none;color:var(--acc2,#e8763b);cursor:pointer;font:inherit;text-decoration:underline;padding:0 0 0 6px}

/* markdown в пузыре */
.c13s-b p{margin:0 0 8px}
.c13s-b p:last-child{margin-bottom:0}
.c13s-b ul,.c13s-b ol{margin:4px 0 8px 20px;padding:0}
.c13s-b li{margin:2px 0}
.c13s-b b.h{display:block;font-family:var(--display,'Oswald',sans-serif);letter-spacing:.04em;text-transform:uppercase;font-size:13px;margin:6px 0 4px}
.c13s-b a{color:var(--acc-deep,#b84f1f);text-decoration:underline}
.c13s-m.user .c13s-b a{color:#fff6e8}
.c13s-b code{font-family:var(--mono,'JetBrains Mono',monospace);font-size:12px;background:rgba(27,21,16,.12);padding:1px 5px;border-radius:2px}
.c13s-m.user .c13s-b code{background:rgba(0,0,0,.25)}
.c13s-code{position:relative;margin:6px 0 8px;background:#1b1510;color:#e8dfc8;border:2px solid var(--outline,#15100a);border-radius:3px}
.c13s-code pre{margin:0;padding:10px 12px;overflow-x:auto;font-family:var(--mono,'JetBrains Mono',monospace);font-size:12px;line-height:1.45;max-height:340px;overflow-y:auto}
.c13s-code code{background:none;padding:0;font-size:12px;color:inherit}
.c13s-copy{
  position:absolute;top:6px;right:6px;appearance:none;cursor:pointer;
  background:var(--paper,#ece3cd);color:var(--ink,#1b1510);border:2px solid var(--outline,#15100a);border-radius:2px;
  font-family:var(--mono,'JetBrains Mono',monospace);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:3px 8px;
}
.c13s-copy.ok{background:var(--ok2,#b3c47a)}
.c13s-lang{position:absolute;top:8px;left:10px;font-family:var(--mono,'JetBrains Mono',monospace);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint,#73654f)}
.c13s-code pre{padding-top:26px}

.c13s-dots{display:inline-flex;gap:5px;padding:4px 2px}
.c13s-dots i{width:7px;height:7px;background:var(--ink,#1b1510);border-radius:2px;opacity:.35;animation:c13sDot 1.1s infinite}
.c13s-dots i:nth-child(2){animation-delay:.18s}
.c13s-dots i:nth-child(3){animation-delay:.36s}
@keyframes c13sDot{0%,80%,100%{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}

.c13s-chips{display:flex;flex-wrap:wrap;gap:6px;padding:2px 0 4px}
.c13s-chip{
  appearance:none;cursor:pointer;background:var(--field,#211b14);color:var(--muted,#a5947a);
  border:2px solid var(--outline,#15100a);border-radius:3px;padding:6px 11px;font:inherit;font-size:12.5px;text-align:left;
  transition:border-color .15s,color .15s;
}
.c13s-chip:hover{border-color:var(--acc,#d4622a);color:var(--text,#e8dfc8)}

/* ---------- ввод ---------- */
.c13s-foot{flex:none;border-top:2px solid var(--outline,#15100a);background:var(--panel,#332b21);padding:10px 12px 9px}
.c13s-row{display:flex;gap:8px;align-items:flex-end}
.c13s-foot textarea{
  flex:1;min-height:40px;max-height:160px;resize:none;padding:9px 11px;
  background:var(--field,#211b14);color:var(--text,#e8dfc8);border:2px solid var(--outline,#15100a);border-radius:3px;
  font:inherit;font-size:14px;line-height:1.4;outline:none;
}
.c13s-foot textarea:focus{border-color:var(--acc,#d4622a);box-shadow:0 0 0 3px var(--accd,rgba(212,98,42,.16))}
.c13s-foot textarea::placeholder{color:var(--faint,#73654f)}
.c13s-send{
  appearance:none;cursor:pointer;width:42px;height:40px;flex:none;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(180deg,var(--acc2,#e8763b),var(--acc-deep,#b84f1f));color:#fff6e8;
  border:2px solid var(--outline,#15100a);border-radius:3px;box-shadow:0 3px 0 rgba(8,6,4,.55);
}
.c13s-send:active{transform:translateY(2px);box-shadow:none}
.c13s-send[disabled]{opacity:.55;cursor:not-allowed}
.c13s-send svg{width:18px;height:18px}
.c13s-acts{display:flex;align-items:center;gap:6px 14px;flex-wrap:wrap;margin-top:8px;min-height:18px}
.c13s-link{appearance:none;background:none;border:none;padding:0;cursor:pointer;font-family:var(--mono,'JetBrains Mono',monospace);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted,#a5947a)}
.c13s-link:hover{color:var(--acc2,#e8763b)}
.c13s-link.hot{color:var(--acc2,#e8763b)}
.c13s-link[hidden]{display:none}
.c13s-acts .c13s-sp{flex:1}
.c13s-note{font-family:var(--mono,'JetBrains Mono',monospace);font-size:10px;color:var(--faint,#73654f);margin-top:6px;line-height:1.4}
.c13s-note[hidden]{display:none}

/* ---------- анкета перед началом ---------- */
.c13s-pre{padding:18px 16px;display:flex;flex-direction:column;gap:12px;overflow-y:auto;flex:1}
.c13s-pre h4{margin:0;font-family:var(--display,'Oswald',sans-serif);font-weight:600;font-size:17px;letter-spacing:.04em;text-transform:uppercase}
.c13s-pre p{margin:0;color:var(--muted,#a5947a);font-size:13.5px}
.c13s-pre label{display:block;font-family:var(--mono,'JetBrains Mono',monospace);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint,#73654f);margin-bottom:5px}
.c13s-pre input{
  width:100%;box-sizing:border-box;padding:9px 11px;background:var(--field,#211b14);color:var(--text,#e8dfc8);
  border:2px solid var(--outline,#15100a);border-radius:3px;font:inherit;font-size:14px;outline:none;
}
.c13s-pre input:focus{border-color:var(--acc,#d4622a)}
.c13s-btn{
  appearance:none;cursor:pointer;padding:10px 18px;border:2px solid var(--outline,#15100a);border-radius:3px;
  background:linear-gradient(180deg,var(--acc2,#e8763b),var(--acc-deep,#b84f1f));color:#fff6e8;
  font-family:var(--display,'Oswald',sans-serif);font-size:13.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;
  box-shadow:0 3px 0 rgba(8,6,4,.55);
}
.c13s-btn.ghost{background:var(--panel-hi,#3b3227);color:var(--text,#e8dfc8)}
.c13s-btn:active{transform:translateY(2px);box-shadow:none}
.c13s-pre .c13s-acts{margin-top:4px}

@media (max-width:560px){
  .c13s-panel{inset:0;width:auto;height:auto;border-radius:0;border-width:0;bottom:0;right:0}
  .c13s-launcher{right:14px;bottom:14px;padding:9px 12px 9px 9px}
  .c13s-launcher .c13s-lbl{display:none}
  body.c13s-open{overflow:hidden}
  .c13s-m{max-width:94%}
}
@media (prefers-reduced-motion:reduce){
  .c13s-panel,.c13s-m{animation:none}
  .c13s-body{scroll-behavior:auto}
}

/* ============================================================
   Админка: раздел «Поддержка»
   ============================================================ */
.sup-layout{display:grid;grid-template-columns:320px 1fr;gap:16px;margin-top:14px;min-height:560px}
.sup-list{border:2px solid var(--outline);border-radius:3px;background:var(--field);display:flex;flex-direction:column;min-height:0}
.sup-filters{display:flex;gap:8px;padding:10px;border-bottom:2px solid var(--outline);flex-wrap:wrap}
.sup-filters select,.sup-filters input{flex:1;min-width:0}
.sup-filters input{min-width:120px}
.sup-rows{overflow-y:auto;flex:1;max-height:640px}
.sup-row{
  display:block;width:100%;text-align:left;appearance:none;cursor:pointer;background:transparent;border:none;border-bottom:1px solid rgba(0,0,0,.4);
  padding:10px 12px;color:var(--text);font-family:var(--body);
}
.sup-row:hover{background:rgba(236,227,205,.04)}
.sup-row.active{background:var(--panel-2);box-shadow:inset 4px 0 0 var(--acc)}
.sup-row .sr-top{display:flex;align-items:center;gap:8px}
.sup-row .sr-top b{font-family:var(--display);font-size:14px;letter-spacing:.04em;text-transform:uppercase;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sup-row .sr-prev{font-size:12.5px;color:var(--muted);margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sup-row .sr-meta{font-family:var(--mono);font-size:10px;color:var(--faint);margin-top:3px;display:flex;gap:10px}
.sup-pill{font-family:var(--mono);font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;padding:2px 7px;border-radius:2px;border:1.5px solid rgba(0,0,0,.5);flex:none}
.sup-pill.ai{color:var(--muted);background:rgba(0,0,0,.25)}
.sup-pill.human{color:#fff6e8;background:var(--acc)}
.sup-pill.closed{color:var(--faint);background:rgba(0,0,0,.25)}
.sup-pill.muted{color:var(--warn);background:var(--warnd)}
.sup-pill.unread{color:#fff6e8;background:var(--acc-deep)}
.sup-empty{padding:24px 14px;color:var(--faint);font-size:13px;text-align:center}

.sup-thread{border:2px solid var(--outline);border-radius:3px;background:var(--bg0);display:flex;flex-direction:column;min-height:0;min-width:0}
.sup-thread .st-head{padding:12px 14px;background:linear-gradient(180deg,var(--panel-2),var(--panel));border-bottom:2px solid var(--outline);display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center}
.sup-thread .st-head b{font-family:var(--display);font-size:16px;letter-spacing:.04em;text-transform:uppercase}
.sup-thread .st-head .st-meta{font-family:var(--mono);font-size:11px;color:var(--muted);display:flex;flex-wrap:wrap;gap:4px 14px;flex-basis:100%}
.sup-thread .st-head .st-meta a{color:var(--acc2)}
.sup-thread .st-acts{display:flex;flex-wrap:wrap;gap:8px;flex-basis:100%}
.sup-msgs{flex:1;min-height:320px;max-height:560px;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px}
.sup-msgs .c13s-m{max-width:80%}
.sup-msgs .c13s-m.user .c13s-b{background:var(--panel-2);color:var(--text)}
.sup-reply{border-top:2px solid var(--outline);background:var(--panel);padding:10px 12px}
.sup-reply textarea{width:100%;box-sizing:border-box;min-height:72px}
.sup-reply .sr-acts{display:flex;align-items:center;gap:10px;margin-top:8px;flex-wrap:wrap}
.sup-thread .sup-empty{flex:1;display:flex;align-items:center;justify-content:center}

/* ============================================================
   Админка: раздел «ИИ-помощник»
   ============================================================ */
.ai-stats{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.ai-stat{background:var(--field);border:2px solid var(--outline);border-radius:3px;padding:10px 14px;min-width:140px}
.ai-stat b{display:block;font-family:var(--display);font-size:22px;letter-spacing:.03em}
.ai-stat span{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}
.ai-stat.warn b{color:var(--warn)}
.ai-stat.ok b{color:var(--ok2)}
.kb-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border:2px solid var(--outline);border-radius:3px;background:var(--field);padding:9px 12px;margin-top:8px}
.kb-row.active{border-color:var(--acc)}
.kb-row.off{opacity:.55}
.kb-row .kb-main{flex:1;min-width:0;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.kb-row .kb-main b{font-size:14px}
.kb-row .kb-main code{font-family:var(--mono);font-size:11px;color:var(--faint)}
.kb-row .kb-tags{flex-basis:100%;font-size:11.5px;color:var(--faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kb-badge{font-family:var(--mono);font-size:9.5px;letter-spacing:.06em;padding:2px 7px;border-radius:2px;border:1.5px solid rgba(0,0,0,.5);color:var(--muted);background:rgba(0,0,0,.25)}
.kb-badge.always{color:var(--ok2);background:var(--okd)}
.kb-badge.seed{color:var(--warn);background:var(--warnd)}
.kb-badge.sync{color:var(--acc2);background:var(--accd)}
.ai-test-out{margin-top:12px;border:2px solid var(--outline);border-radius:3px;background:var(--bg0);padding:14px;display:flex;flex-direction:column;gap:10px}
.ai-test-out .c13s-m{max-width:100%}
.ai-test-meta{font-family:var(--mono);font-size:11px;color:var(--faint);line-height:1.6}
.ai-test-meta b{color:var(--muted)}

@media (max-width:980px){
  .sup-layout{grid-template-columns:1fr}
  .sup-rows{max-height:320px}
}

/* ---------- окно: перетаскивание и края ---------- */
.c13s-head{cursor:grab;user-select:none;touch-action:none}
.c13s-head:active{cursor:grabbing}
.c13s-panel.free{animation:none}
.c13s-rz{position:absolute;z-index:5;touch-action:none}
.c13s-rz-n,.c13s-rz-s{left:16px;right:16px;height:10px;cursor:ns-resize}
.c13s-rz-n{top:0}.c13s-rz-s{bottom:0}
.c13s-rz-e,.c13s-rz-w{top:16px;bottom:16px;width:10px;cursor:ew-resize}
.c13s-rz-e{right:0}.c13s-rz-w{left:0}
.c13s-rz-ne,.c13s-rz-nw,.c13s-rz-se,.c13s-rz-sw{width:18px;height:18px}
.c13s-rz-ne{top:0;right:0;cursor:nesw-resize}
.c13s-rz-sw{bottom:0;left:0;cursor:nesw-resize}
.c13s-rz-nw{top:0;left:0;cursor:nwse-resize}
.c13s-rz-se{bottom:0;right:0;cursor:nwse-resize}
.c13s-rz-se::after{content:'';position:absolute;right:3px;bottom:3px;width:8px;height:8px;border-right:2px solid var(--faint,#73654f);border-bottom:2px solid var(--faint,#73654f);opacity:.7}
.c13s-drop{
  position:absolute;inset:0;z-index:6;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;
  background:rgba(28,23,18,.88);color:var(--acc2,#e8763b);border:3px dashed var(--acc,#d4622a);
  font-family:var(--display,'Oswald',sans-serif);font-size:16px;letter-spacing:.05em;text-transform:uppercase;pointer-events:none;
}
.c13s-drop[hidden]{display:none}

/* ---------- вложения: панель ввода ---------- */
.c13s-tools{display:inline-flex;gap:6px;align-self:flex-end}
.c13s-tools .c13s-ic{width:34px;height:40px}
.c13s-tools .c13s-ic svg{width:17px;height:17px}
.c13s-mic.rec{background:var(--accd,rgba(212,98,42,.16));color:var(--acc2,#e8763b);border-color:var(--acc,#d4622a);width:auto;padding:0 8px;gap:6px;animation:c13sRec 1.1s ease-in-out infinite}
.c13s-mic.rec b{font-family:var(--mono,'JetBrains Mono',monospace);font-size:11px;font-weight:700}
@keyframes c13sRec{50%{box-shadow:0 0 0 3px var(--accd,rgba(212,98,42,.16))}}
.c13s-strip{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
.c13s-strip[hidden]{display:none}
.c13s-pend{
  display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:4px 6px 4px 4px;
  background:var(--field,#211b14);border:2px solid var(--outline,#15100a);border-radius:3px;font-size:12px;color:var(--muted,#a5947a);
}
.c13s-pend img{width:34px;height:34px;object-fit:cover;border-radius:2px;flex:none}
.c13s-pend-k{width:34px;height:34px;flex:none;display:flex;align-items:center;justify-content:center;background:var(--panel-3,#453a2c);border-radius:2px;font-family:var(--mono,'JetBrains Mono',monospace);font-size:9px;letter-spacing:.06em;text-transform:uppercase}
.c13s-pend-n{display:flex;flex-direction:column;min-width:0;max-width:150px}
.c13s-pend-n{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.c13s-pend-n small{font-family:var(--mono,'JetBrains Mono',monospace);font-size:9.5px;color:var(--faint,#73654f)}
.c13s-pend-n small .err{color:var(--acc2,#e8763b);font-style:normal}
.c13s-pend.uploading{opacity:.75}
.c13s-pend.err{border-color:var(--danger,#c1481c)}
.c13s-pend-x{appearance:none;background:none;border:none;color:var(--faint,#73654f);font-size:18px;line-height:1;cursor:pointer;padding:0 4px}
.c13s-pend-x:hover{color:var(--acc2,#e8763b)}

/* ---------- вложения в сообщениях ---------- */
.c13s-atts{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.c13s-b.only-att{padding:6px}
.c13s-b.only-att .c13s-atts{margin-top:0}
.c13s-att.img{display:block;max-width:100%;border:2px solid var(--outline,#15100a);border-radius:3px;overflow:hidden;background:#1b1510}
.c13s-att.img img{display:block;max-width:100%;max-height:260px;object-fit:contain}
.c13s-att.vid{display:block;width:100%;max-height:280px;background:#000;border:2px solid var(--outline,#15100a);border-radius:3px}
.c13s-att.aud{display:flex;flex-direction:column;gap:4px;width:100%;min-width:220px}
.c13s-att-l{font-family:var(--mono,'JetBrains Mono',monospace);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint,#73654f)}
.c13s-att.aud audio{width:100%;height:36px}
.c13s-att.file{
  display:inline-flex;flex-direction:column;gap:2px;padding:7px 12px 7px 34px;position:relative;max-width:100%;
  background:rgba(27,21,16,.08);border:2px solid var(--outline,#15100a);border-radius:3px;text-decoration:none;color:inherit;
}
.c13s-att.file::before{content:'{ }';position:absolute;left:9px;top:8px;font-family:var(--mono,'JetBrains Mono',monospace);font-size:12px;font-weight:700;color:var(--acc-deep,#b84f1f)}
.c13s-att.file b{font-family:var(--mono,'JetBrains Mono',monospace);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.c13s-att.file small{font-family:var(--mono,'JetBrains Mono',monospace);font-size:9.5px;color:var(--faint,#73654f);letter-spacing:.06em;text-transform:uppercase}
.c13s-m.user .c13s-att.file{background:rgba(0,0,0,.22)}
.c13s-m.user .c13s-att.file::before,.c13s-m.user .c13s-att.file small{color:#fff6e8;opacity:.8}
.sup-reply .c13s-strip{margin:0 0 8px}
.sup-reply .c13s-tools{margin-right:4px}

@media (max-width:560px){
  .c13s-rz{display:none}
  .c13s-head{cursor:default}
}