@charset "utf-8";

@media (max-width: 600px) {
  #ml-dashboard header { flex-direction: column; align-items: flex-start; }
  #ml-dashboard header a { margin-top: 8px; }
  #ml-dashboard h2 { font-size: 16px; }
  #ml-dashboard .stats { flex-direction: column; align-items: flex-start; }
  #ml-banner { padding: 24px 16px 32px; display: flex; flex-direction: column; gap: 16px; box-sizing: border-box; aspect-ratio: 3 / 4 !important; }
  #ml-banner > div:not(:first-child) { max-width: none !important; text-align: center; }
  #ml-banner > div:nth-of-type(2) { display: flex; flex-direction: column; align-items: center; gap: 8px; }
  #ml-banner canvas#ml-chart { flex: 0 0 auto; width: 100% !important; height: 180px !important; margin: 8px 0px 4px !important; }
  #ml-banner > div:nth-of-type(3) { top: 60% !important; justify-content: center !important; gap: 12px !important; }
  #ml-banner > div:nth-of-type(4) { flex-direction: column; align-items: stretch; }
  #ml-banner > div:nth-of-type(4) a { max-width: none !important; width: 100%; }
}