/* ==========================================================================
   DESKTOP POLISH — isolated, loaded only at (min-width: 901px).
   Kept separate from the 36k-line dashboard-new.css so it can't fragment it
   and never affects phones. Appended after dashboard-new.css → wins ties.
   2026-06-15
   ========================================================================== */
@media (min-width: 901px) {

  /* -- Chat: use more of the wide screen. #chatContainer was capped at 900px,
        leaving ~270px empty margins each side on a 1440px display and cramping
        analytics tables. Widen the container modestly (still a readable measure)
        so the conversation, tables and composer all breathe. -- */
  #chatContainer.chat-container {
    max-width: 1080px !important;
  }
  /* Let the inner content fill the wider container. */
  #chatView #messages,
  #chatView #heroSection.hero-container {
    max-width: 100% !important;
  }

}

/* Very wide screens: a touch more room without becoming an unreadable measure. */
@media (min-width: 1600px) {
  #chatContainer.chat-container {
    max-width: 1180px !important;
  }
}