/* NOFX AI Trading Dashboard - 移动端适配 */
html, body {
  min-width: 0 !important;
  overflow-x: hidden !important;
  max-width: 100vw !important;
}
*, *::before, *::after { box-sizing: border-box !important; }
img { max-width: 100% !important; height: auto !important; }

@media (max-width: 767px) {
  html, body, #root { overflow-x: hidden !important; width: 100% !important; }
  nav, header, .ant-layout-header { padding: 0 12px !important; width: 100% !important; box-sizing: border-box !important; }
  .ant-layout, .ant-layout-content, main, .content, .container, [class*="wrapper"] {
    padding: 8px !important; width: 100% !important; max-width: 100% !important;
    box-sizing: border-box !important; overflow-x: hidden !important;
  }
  .ant-row, [class*="row"], [class*="grid"], [class*="list"] {
    display: flex !important; flex-wrap: wrap !important; justify-content: center !important;
    gap: 8px !important; overflow-x: hidden !important; max-width: 100% !important;
  }
  .ant-col, .card, [class*="card"], [class*="item"] {
    max-width: 100% !important; width: 100% !important; box-sizing: border-box !important;
    flex: 0 0 100% !important;
  }
  .ant-table-wrapper { overflow-x: auto !important; }
  .ant-table { min-width: auto !important; font-size: 12px !important; }
  .ant-card { margin-bottom: 8px !important; }
  .ant-card-body { padding: 12px !important; }
  .ant-statistic-content-value { font-size: 18px !important; }
  .sidebar, .ant-layout-sider { display: none !important; }
  .ant-drawer-body { padding: 12px !important; }
}
@media (max-width: 480px) {
  .desktop-nav-links { display: none !important; }
  .ant-card-body { padding: 8px !important; }
  .ant-statistic-content-value { font-size: 16px !important; }
}