/* =========================================================
   MedSina — Chat Page Enhancement
   ========================================================= */

/* ──────────────── СКРЫТЬ ФУТЕР НА FULL-HEIGHT СТРАНИЦАХ ──────────────── */
/* Чат и анализ — 100vh страницы, футер там не нужен */
body:has(.chat-page) footer.footer,
body:has(.analysis-page) footer.footer,
body:has(.chat-page) .footer,
body:has(.analysis-page) .footer {
  display: none !important;
}

/* Убираем лишний скролл body на full-height страницах */
body:has(.chat-page),
body:has(.analysis-page) {
  overflow: hidden !important;
}

/* ──────────────── ИСПРАВЛЕНИЕ ОТСТУПА ──────────────── */
/* Сбрасываем мой неправильный override из global-ux (если был) */
.chat-page {
  padding-top: 68px !important; /* только navbar, body padding сам добавит баннер */
}

/* ──────────────── NAVBAR FIXES ──────────────── */
/* Кнопка "Попробовать бесплатно" — не переносить */
.nav-actions .btn.btn-primary,
.nav-actions a.btn-primary,
.navbar .btn.btn-primary {
  white-space: nowrap !important;
  flex-shrink: 0 !important;
}

/* Navbar glass при скролле (Vue добавляет .scrolled) */
.navbar.scrolled {
  background: rgba(255,255,255,.98) !important;
  border-bottom-color: rgba(15,23,42,.08) !important;
  box-shadow: 0 2px 20px rgba(15,23,42,.08) !important;
}

/* dark-toggle стили — в global-ux.css */

/* ──────────────── CHAT PAGE LAYOUT ──────────────── */
.chat-page {
  background: #f8fafc !important;
}
/* Когда баннер виден — чат не должен выходить за нижний край viewport */
body.has-announcement .chat-page {
  height: calc(100vh - 38px) !important;
  overflow: hidden !important;
}

/* ──────────────── SIDEBAR ──────────────── */
.chat-sidebar {
  background: linear-gradient(180deg, #0f172a 0%, #1a2744 60%, #1e293b 100%) !important;
  border-right: none !important;
  box-shadow: 4px 0 24px rgba(0,0,0,.18) !important;
}

.chat-sidebar-header {
  border-bottom: 1px solid rgba(255,255,255,.07) !important;
  padding: 16px 14px 12px !important;
}

.new-chat-btn {
  background: linear-gradient(135deg, #2563eb, #0d9488) !important;
  border-radius: 10px !important;
  padding: 9px 14px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: .01em !important;
  box-shadow: 0 2px 12px rgba(37,99,235,.35) !important;
  transition: opacity .2s, transform .15s !important;
}
.new-chat-btn:hover {
  opacity: .92 !important;
  transform: translateY(-1px) !important;
}

/* Sidebar history list */
.chat-history {
  padding: 8px 10px !important;
}

/* Sidebar promo widget */
.sidebar-promo {
  background: linear-gradient(135deg, rgba(37,99,235,.15), rgba(13,148,136,.12)) !important;
  border: 1px solid rgba(255,255,255,.1) !important;
  border-radius: 10px !important;
  color: #cbd5e1 !important;
  transition: box-shadow .2s !important;
}
.sidebar-promo:hover {
  box-shadow: 0 4px 16px rgba(37,99,235,.25) !important;
}

/* Sidebar footer */
.sidebar-footer {
  border-top: 1px solid rgba(255,255,255,.07) !important;
}

/* Sidebar text colors on dark bg */
.chat-sidebar .chat-sidebar-header h3,
.chat-sidebar .chat-sidebar-header p,
.chat-sidebar h3, .chat-sidebar h4,
.chat-sidebar .sidebar-news-item {
  color: #e2e8f0 !important;
}
.chat-sidebar p, .chat-sidebar span {
  color: #94a3b8 !important;
}

/* ──────────────── CHAT MAIN AREA ──────────────── */
.chat-main {
  background: #fff !important; /* белый — пустое место не бросается в глаза */
  min-height: 0 !important;
}
/* chat-window должен занимать все доступное место */
.chat-window {
  flex: 1 1 0 !important;
  min-height: 0 !important;
  overflow-y: auto !important;
}

/* ──────────────── WELCOME SCREEN ──────────────── */
.chat-welcome {
  background: #fff !important;
  /* Контент сверху, а не по центру — убирает большой пустой низ */
  justify-content: flex-start !important;
  padding: 40px 24px 24px !important;
  flex: 1 1 0 !important;
  min-height: 0 !important;
  overflow-y: auto !important;
}

/* Заголовок — градиент */
.chat-welcome h2 {
  font-size: 26px !important;
  font-weight: 800 !important;
  background: linear-gradient(135deg, #1e40af, #0d9488) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  margin-bottom: 8px !important;
}

.chat-welcome p {
  color: #64748b !important;
  font-size: 15px !important;
  max-width: 440px !important;
  line-height: 1.6 !important;
}

/* Блок "ЧАСТЫЕ ВОПРОСЫ" */
.quick-questions {
  margin-top: 24px !important;
  width: 100% !important;
  max-width: 660px !important;
}
.quick-questions h4 {
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .1em !important;
  color: #94a3b8 !important;
  margin-bottom: 12px !important;
}

/* Сетка чипов — красивые кнопки */
.quick-grid {
  display: grid !important;
  grid-template-columns: repeat(3,1fr) !important;
  gap: 8px !important;
}

.quick-btn {
  background: #fff !important;
  border: 1.5px solid #e2e8f0 !important;
  border-radius: 12px !important;
  padding: 10px 14px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #1e40af !important;
  cursor: pointer !important;
  text-align: left !important;
  transition: border-color .2s, box-shadow .2s, transform .15s !important;
  line-height: 1.3 !important;
  box-shadow: 0 1px 4px rgba(15,23,42,.06) !important;
}
.quick-btn:hover {
  border-color: #2563eb !important;
  box-shadow: 0 3px 14px rgba(37,99,235,.15) !important;
  transform: translateY(-1px) !important;
  background: #f0f7ff !important;
}

/* ──────────────── DISCLAIMER — убран по запросу ──────────────── */
.chat-disclaimer {
  display: none !important;
}

/* ──────────────── INPUT BAR (.chat-input-area = внешний контейнер) ──────────────── */
.chat-input-area {
  background: #fff !important;
  border-top: 1px solid #e2e8f0 !important;
  padding: 14px 20px !important;
  box-shadow: 0 -4px 20px rgba(15,23,42,.04) !important;
  flex-shrink: 0 !important; /* не сжимать — всегда внизу */
}

/* Скрываем нативный file input "Файл не выбран" */
.hidden-file,
input[type="file"].hidden-file,
.chat-input-bar input[type="file"],
.input-wrapper input[type="file"] {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  opacity: 0 !important;
  position: absolute !important;
}

/* Кнопка attach (скрепка) */
.attach-btn {
  background: #f1f5f9 !important;
  border: 1.5px solid #e2e8f0 !important;
  border-radius: 10px !important;
  color: #64748b !important;
  cursor: pointer !important;
  transition: border-color .2s, color .2s !important;
}
.attach-btn:hover {
  border-color: #2563eb !important;
  color: #2563eb !important;
}

/* Кнопка отправки */
.send-btn {
  background: linear-gradient(135deg, #2563eb, #0d9488) !important;
  color: #fff !important;
  box-shadow: 0 2px 10px rgba(37,99,235,.35) !important;
  border-radius: 10px !important;
}
.send-btn:hover {
  opacity: .9 !important;
  transform: scale(1.05) !important;
}

/* Поле ввода */
.input-wrapper {
  border: 1.5px solid #e2e8f0 !important;
  border-radius: 16px !important;
  background: #f8fafc !important;
  flex: 1 !important;
  transition: border-color .2s, box-shadow .2s !important;
}
.input-wrapper:focus-within {
  border-color: #2563eb !important;
  box-shadow: 0 0 0 3px rgba(37,99,235,.1) !important;
  background: #fff !important;
}

/* ──────────────── CHAT MESSAGES ──────────────── */
.chat-msg-user .chat-bubble,
.chat-msg-user > div:last-child {
  background: linear-gradient(135deg, #2563eb, #1d4ed8) !important;
  color: #fff !important;
  border-radius: 18px 18px 4px 18px !important;
  padding: 10px 16px !important;
}

.chat-msg-ai .chat-bubble,
.chat-msg-ai > div:last-child {
  background: #fff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 18px 18px 18px 4px !important;
  padding: 10px 16px !important;
  color: #1e293b !important;
  box-shadow: 0 1px 6px rgba(15,23,42,.06) !important;
}