/* ============================================================
   dashboard-terminal.php — page CSS.
   The dashboard reuses style.css component classes (.market-overview,
   .sentiment-grid, .breakdown-grid, .section, .section-title). Inside the
   terminal shell we only need to (a) let .container fill the full-width
   .tn-scroll__inner and (b) keep the sentiment grids responsive on narrow rails.
   ============================================================ */

/* Fill the shell — the shell's .tn-scroll__inner supplies the page gutter. */
.tn-terminal .container,
.tn-terminal .container-fluid { max-width: none; width: 100%; margin: 0; padding: 0; }

/* Sentiment + breakdown grids collapse cleanly on narrow shells. */
@media (max-width: 760px) {
  .tn-terminal #sentimentCards { grid-template-columns: 1fr !important; }
  .tn-terminal .breakdown-grid { grid-template-columns: 1fr !important; }
}