/* Mobile‑first tweaks for web_dashboard_14.py
   Place this file inside an `assets/` folder next to the Python script.
   Dash autoloads any .css or .js asset it finds there.
*/

/* ---- Typography --------------------------------------------------- */
body { font-size: 16px; }
@media (max-width: 576px) {           /* phones */
  body          { font-size: 15px; }
  h1, .h1       { font-size: 1.6rem; }
  h2, .h2       { font-size: 1.35rem; }
}

/* ---- Tables: horizontal scroll on narrow screens ------------------ */
.table-responsive { overflow-x: auto; }

/* ---- Graph containers: keep a sensible height --------------------- */
@media (max-width: 768px) {
  .dash-graph,
  .graph-container {
    min-height: 320px !important;
  }
}

body, html {
  background-color: #0a0a0a !important;
  color: #f5c16c;
  margin: 0;
  padding: 0;
  height: 100%;
}