/* «Настройки бота» → «Тексты бота» (welcome-rules.js): карточки текста, счётчик, превью сообщения в стиле Telegram.
   Всё только внутри #layout-texts .wru-texts. Цвета панели из --ov-* (welcome-next.css), цвета чата свои, тёмная тема через body.theme-dark. */
#layout-texts .wru-texts{
  --wrt-chat-bg:#dfe9f1;--wrt-bubble:#fff;--wrt-bubble-text:#16212b;--wrt-name:#2f86c8;--wrt-avatar:#2f86c8;--wrt-avatar-text:#fff;
  --wrt-card:var(--ov-surface,#fff);--wrt-line:var(--ov-line,#dfe5eb);--wrt-text:var(--ov-text,#1c2a35);--wrt-muted:var(--ov-muted,#5f6e7a);
  --wrt-accent:var(--ov-accent,#087e78);--wrt-warn:var(--ov-warn,#a67019);--wrt-bad:var(--ov-bad,#bd554c);
  gap:12px;
}
body.theme-dark #layout-texts .wru-texts{
  --wrt-chat-bg:#0e1621;--wrt-bubble:#182533;--wrt-bubble-text:#e6edf3;--wrt-name:#6ab3f3;--wrt-avatar:#3a8fd1;--wrt-avatar-text:#fff;
}

#layout-texts .wrt-card{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;padding:14px;border:1px solid var(--wrt-line);border-radius:12px;background:var(--wrt-card);min-width:0}
#layout-texts .wrt-edit{display:grid;gap:6px;min-width:0;align-content:start}
#layout-texts .wrt-head{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px}
#layout-texts .wrt-head label{font-size:13.5px;font-weight:650;color:var(--wrt-text)}
#layout-texts .wrt-chip{display:inline-block;padding:1px 8px;border-radius:999px;font-size:11.5px;font-weight:600;line-height:1.6;color:var(--wrt-warn);background:color-mix(in srgb,var(--wrt-warn) 14%,var(--wrt-card))}
#layout-texts .wrt-edit textarea{min-height:64px;resize:vertical;overflow-y:hidden;line-height:1.45}
#layout-texts .wrt-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:12.5px;color:var(--wrt-muted)}
#layout-texts .wrt-count{font-variant-numeric:tabular-nums;margin-right:auto}
#layout-texts .wrt-count[data-state="near"]{color:var(--wrt-warn)}
#layout-texts .wrt-count[data-state="over"]{color:var(--wrt-bad);font-weight:600}
#layout-texts .wrt-link{padding:2px 0;border:0;background:none;font:inherit;font-size:12.5px;color:var(--wrt-accent);text-decoration:underline;text-underline-offset:2px;cursor:pointer}
#layout-texts .wrt-link:hover{color:var(--wrt-text)}
#layout-texts .wrt-reset[hidden],#layout-texts .wru-default[hidden],#layout-texts .wrt-preview-note[hidden]{display:none}
#layout-texts .wru-default{padding:8px 10px;border-radius:8px;background:color-mix(in srgb,var(--wrt-text) 4%,var(--wrt-card));white-space:pre-wrap;overflow-wrap:anywhere}
#layout-texts .wru-live,#layout-texts .wru-override{overflow-wrap:anywhere}

/* Превью: аватар, имя бота, пузырь. */
#layout-texts .wrt-preview{display:grid;gap:6px;min-width:0;align-content:start}
#layout-texts .wrt-preview-cap{margin:0;font-size:12px;font-weight:600;color:var(--wrt-muted)}
#layout-texts .wrt-chat{display:flex;align-items:flex-end;gap:8px;padding:12px;border-radius:10px;background:var(--wrt-chat-bg);min-width:0}
#layout-texts .wrt-avatar{flex:0 0 auto;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--wrt-avatar);color:var(--wrt-avatar-text);font-size:13px;font-weight:700}
#layout-texts .wrt-msg{position:relative;max-width:100%;min-width:0;padding:6px 10px 8px;border-radius:12px 12px 12px 4px;background:var(--wrt-bubble);box-shadow:0 1px 1px rgba(0,0,0,.12)}
#layout-texts .wrt-name{display:block;margin-bottom:2px;font-size:12.5px;font-weight:600;color:var(--wrt-name)}
#layout-texts .wrt-bubble{font-size:14px;line-height:1.4;color:var(--wrt-bubble-text);overflow-wrap:anywhere;word-break:break-word}
#layout-texts .wrt-bubble.empty{font-style:italic;color:var(--wrt-muted)}
#layout-texts .wrt-preview-note{margin:0;font-size:12px;color:var(--wrt-muted)}

@media (min-width:1100px){
  #layout-texts .wrt-card{grid-template-columns:minmax(0,1fr) minmax(240px,320px);gap:16px}
}
@media (max-width:480px){
  #layout-texts .wrt-card{padding:12px}
  #layout-texts .wrt-chat{padding:10px}
  #layout-texts .wrt-meta .wrt-reset{width:100%}
}

/* Разделы «Правила бота», «Тексты бота», «История»: внешняя рамка wo-panel убрана, карточки внутри остаются одни.
   Заголовок раздела уже есть (H2 над содержимым), второй «Тексты бота» в форме скрыт. */
#layout-botrules.wo-panel,#layout-texts.wo-panel,#layout-history.wo-panel{border:0;background:transparent;box-shadow:none;padding:0}
#layout-texts .wru-texts>h3{display:none}