/* ═══════════════════════════════════════════
   Lumiq — responsive.css
   Mobile / small-viewport overrides
═══════════════════════════════════════════ */

/* ══════════════════════════════
   RESPONSIVE
══════════════════════════════ */
@media (max-width: 768px) {
  .sidebar { width: var(--sb-closed) !important; }
  .sidebar .sidebar-btn-label,
  .sidebar .sidebar-section-label,
  .sidebar .history-panel,
  .sidebar .coming-soon-tag { display: none !important; }
  .sidebar .sidebar-btn { justify-content: center; padding: 0; width: 36px; margin: 0 auto; }
  .sidebar .sidebar-top-row { justify-content: center; }
  .sidebar .sidebar-logo { display: none; }
  .hero { padding: 24px 12px; }
  .hero-content { padding: 0 8px; }
  #chat-box { padding: 16px 0 8px; }
  .chat-header { padding: 12px 16px; }
  .chat-input-wrapper { padding: 8px 0 16px; }
  .chat-input-inner { padding: 0 12px; }
  .message { max-width: 90%; }
  .message.user { max-width: 90%; }
  .message.bot { max-width: 90%; }
  .typing-indicator { padding-left: 12px; }
  .hero-sub br { display: none; }
}