/* ==========================================================================
   Тема «RGP Market» для чата — салатовый #bae900 на графите, как кабинет rgpmarket.ru/lk
   (MiniApp_Рекрутинг5.0/frontend/assets/css/style.css + shell.css):
   почти чёрный фон, СИНИЙ ГРАДИЕНТ — основной акцент (кнопки, активные
   вкладки), мятный — «успех/статус». Шрифты: Manrope (текст), Unbounded
   (заголовок). Подключается ТОЛЬКО при CHAT_SCOPE === 'market'
   (index.php), поэтому клуб и бинар не затрагиваются.
   По умолчанию тёмная; светлая — кнопкой 🌙/☀ в шапке (localStorage rec_theme).
   ========================================================================== */

:root{
  color-scheme: dark;
  --bg:#141414; --surface:#1f1f1f; --surface-2:#2a2a2a; --border:#383838;
  --text:#f2f2ee; --muted:#9a9a93;
  --accent:#bae900; --ok:#7be495; --err:#ff5d5d;
  --grad:linear-gradient(180deg,#cdf21f 0%,#a9d200 100%);
  --glow:0 8px 26px rgba(186,233,0,.28);
  --link:#cdf21f;
  --panel-bg:rgba(31,31,31,.9);
  --font-body:'Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
  --font-display:'Unbounded',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
}
:root[data-theme="light"]{
  color-scheme: light;
  --bg:#f4f5ef; --surface:#ffffff; --surface-2:#eef0e4; --border:#dcdfcf;
  --text:#1c1d17; --muted:#6a6c5c;
  --accent:#6f8a00; --ok:#1c8a49; --err:#c93636;
  --glow:0 8px 22px rgba(120,150,0,.25);
  --link:#5f7800;
  --panel-bg:rgba(255,255,255,.92);
}

body{ font-family:var(--font-body); -webkit-font-smoothing:antialiased; }
a{ color:var(--link); }

/* Тонкая «сетка окружностей» на фоне — как на корневых экранах MiniApp'а */
body::before{
  content:''; position:fixed; inset:0; z-index:0; pointer-events:none;
  background:repeating-radial-gradient(circle at 50% 16%, rgba(186,233,0,.05) 0 1px, transparent 1px 46px);
  -webkit-mask-image:linear-gradient(#000 0%, #000 55%, transparent 100%);
          mask-image:linear-gradient(#000 0%, #000 55%, transparent 100%);
}
:root[data-theme="light"] body::before{ opacity:.45; }

.headline{ font-family:var(--font-display); font-size:19px; font-weight:700; letter-spacing:-.01em; }

/* --- карточки и панель чата (у панели раньше был жёстко белый фон) --- */
.card{ border-radius:20px; background:var(--surface); border-color:var(--border); }
#panel.card{ background:var(--panel-bg); backdrop-filter:blur(3px); }
.framed{ border:1px solid rgba(186,233,0,.4) !important; }

/* --- кнопки: основная — синий градиент с белым текстом, как «btn-cta» в MiniApp'е --- */
button{ border-color:transparent; background:var(--grad); color:#1a1d00; border-radius:12px; font-family:inherit; font-weight:600; }
button:hover:not(:disabled){ box-shadow:var(--glow); filter:none; }
button.ghost{ background:transparent; color:var(--text); border-color:var(--border); }
button.ghost:hover:not(:disabled){ background:var(--surface-2); box-shadow:none; }
.composer-send, .btn-block.primary, .side-room-link.active, .new-msg-pill, .admin-pill{ background:var(--grad); color:#1a1d00; border-color:transparent; }
.btn-block{ border-radius:14px; border:1px solid rgba(186,233,0,.45); background:var(--surface-2); color:#e6f7a0; }
:root[data-theme="light"] .btn-block{ color:var(--accent); }
.btn-block.primary{ color:#1a1d00; box-shadow:var(--glow); }
:root[data-theme="light"] .btn-block.primary{ color:#1a1d00; }
:root[data-theme="light"] .btn-block.primary,
:root[data-theme="light"] .side-room-link.active,
:root[data-theme="light"] .tabs button.active,
:root[data-theme="light"] .composer-send,
:root[data-theme="light"] .new-msg-pill{ color:#1a1d00; }
.side-room-link{ border-radius:14px; }
.side-room-link:not(.active):not(:disabled){ background:var(--surface-2); color:var(--text); border-color:var(--border); }

/* --- вкладки комнат: пилюли; активная — градиент --- */
.tabs button{ border-color:var(--border); background:var(--surface); color:var(--text); font-weight:600; }
.tabs button.active{ background:var(--grad); color:#1a1d00; border-color:transparent; box-shadow:var(--glow); }
.tabs .tab-tx{ display:inline !important; }
.tabs button.tab-admin{ border-color:rgba(186,233,0,.5); }
/* У клуба/бинара вкладки — только иконки, и они сжимаются (chat.css: flex 1 1 0 + overflow hidden).
   Здесь вкладки текстовые — не сжимаем, а прокручиваем по горизонтали, как чипсы в приложении. */
.top-bar .tabs{ overflow-x:auto !important; overflow-y:hidden !important; scrollbar-width:none; }
.top-bar .tabs::-webkit-scrollbar{ display:none; }
.top-bar .tabs button, .top-bar .tabs button.active{ flex:0 0 auto !important; white-space:nowrap; padding:7px 14px !important; }
@media (max-width:640px){ .top-bar .tabs button, .top-bar .tabs button.active{ padding:6px 12px !important; font-size:13.5px; } }
.theme-toggle-btn{ border-radius:999px; border:1px solid var(--border); background:var(--surface); color:var(--text); height:34px; padding:0 12px; font-size:13px; }
/* Тулбар в сайдбаре (тема/анонс/поиск/вложения) — перенесён из верхней панели, 2026-10-02. */
.side-toolbar{ display:flex; align-items:center; justify-content:center; gap:8px; flex-wrap:wrap; }
.overview-chapters{ display:grid; grid-template-columns:1fr 1fr; gap:6px; margin-top:6px; }
.overview-chapters .btn-block{ font-size:12.5px; padding:7px 6px; margin-top:0; }

/* --- сообщения --- */
.msg{ border-radius:14px; background:var(--surface-2); border:1px solid var(--border); }
.msg.staff{ background:rgba(186,233,0,.12); border-color:rgba(186,233,0,.38); }
:root[data-theme="light"] .msg.staff{ background:#eef6c8; border-color:#cddc86; }
.msg[data-unread="1"]{ box-shadow:inset 3px 0 0 var(--accent); }
@keyframes msg-flash{ 0%{ background:rgba(186,233,0,.4); } 100%{ background:var(--surface-2); } }
.pill.ok{ background:rgba(0,245,160,.12); color:var(--ok); }
.pill.warn{ background:rgba(255,194,77,.14); color:#ffc24d; }
:root[data-theme="light"] .pill.warn{ background:#fdecc8; color:#8a5a00; }
.ticket-row-open{ border-color:#ffc24d; background:rgba(255,194,77,.08); box-shadow:inset 3px 0 0 #ffc24d; }
:root[data-theme="light"] .ticket-row-open{ background:#fff8ea; }

/* --- поля ввода --- */
textarea, input, select{ background:var(--surface-2); color:var(--text); border-color:var(--border); border-radius:12px; }
textarea::placeholder, input::placeholder{ color:var(--muted); }
.composer-box:focus-within{ border-color:var(--accent); box-shadow:0 0 0 3px rgba(186,233,0,.18); }

/* --- нижняя полоса «Поделиться чатом» и служебные плашки --- */
.mobile-share{ background:var(--surface); border-top:1px solid var(--border); }
.test-badge{ background:#ffc24d; color:#3a2a00; }

/* ссылки внутри сообщений: цвет темы, а не стандартный синий (плохо читается на тёмном фоне) */
.msg-link{ color:var(--link); text-decoration-color:rgba(186,233,0,.5); }