/* Phone and tablet layouts. Navigation never requires a horizontal swipe. */
body.dashboard-wallpaper .platform-header nav { overflow: visible; flex-wrap: wrap; }
@media (max-width: 959px) {
  body.dashboard-wallpaper { --mobile-header-height: 132px; padding-top: calc(var(--mobile-header-height) + env(safe-area-inset-top)); }
  body.dashboard-wallpaper .platform-header {
    height: calc(var(--mobile-header-height) + env(safe-area-inset-top));
    grid-template-columns: minmax(0, 1fr) 44px; grid-template-rows: 44px auto;
    padding: calc(12px + env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) 12px max(16px, env(safe-area-inset-left)); gap: 10px;
  }
  body.dashboard-wallpaper .platform-header .header-logo img { width: 148px; }
  body.dashboard-wallpaper .platform-header > .menu-toggle { width: 44px; height: 44px; padding: 10px; }
  body.dashboard-wallpaper .platform-header nav { grid-column: 1 / -1; grid-row: 2; width: 100%; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 4px; padding: 5px; border-radius: 22px; }
  body.dashboard-wallpaper .platform-header nav .nav-btn { min-width: 0; min-height: 40px; padding: 8px 6px; white-space: normal; text-align: center; line-height: 1.25; }
  #dashboard-screen main { padding: 26px max(16px, env(safe-area-inset-right)) 32px max(16px, env(safe-area-inset-left)); }
  .content-section { min-width: 0; }
  #sidebar-menu { padding: 20px max(20px, env(safe-area-inset-right)) 24px 20px; overflow-y: auto; overscroll-behavior: contain; }
  #sidebar-menu[open] { gap: 20px; }
  body .site-footer { padding-inline: max(20px, env(safe-area-inset-left)); }
  body .footer-links { flex-wrap: wrap; gap: 14px 20px; }
  body .footer-bottom { min-width: 0; }
  #backtest :is(.backtest-table-panel, .backtest-chart-panel) { min-width: 0; }
  #backtest .backtest-field-control { min-width: 0; }
  #backtest :is(.glass-select, .glass-date) { min-width: 0; }
  #backtest .backtest-note { overflow-wrap: anywhere; }
  #statistics .chart-header { align-items: flex-start; }
  #statistics .timeframe-selector { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); max-width: 100%; }
  #statistics .tf-btn { min-width: 0; min-height: 38px; padding: 6px 10px; }
  #statistics .allocation-row > span { min-width: 0; overflow-wrap: anywhere; }
  body .pagination { flex-wrap: wrap; gap: 12px; }
  body .pagination button { padding: 10px 16px; min-height: 44px; }
  #landing-screen { min-height: 100svh; padding: 28px max(20px, env(safe-area-inset-right)) 40px max(20px, env(safe-area-inset-left)); }
  #landing-screen .landing-brand { width: 170px; }
  #landing-screen .landing-stat-item { min-height: 170px; padding: 18px 16px; border-radius: 20px; }
  #landing-screen .landing-stat-icon { width: 44px; height: 44px; margin-bottom: 14px; border-radius: 12px; }
  #landing-screen .landing-stat-icon svg { width: 25px; height: 25px; }
  #landing-screen .stat-label { margin-bottom: 12px; }
  #landing-screen .status-dot { width: 9px; height: 9px; flex-shrink: 0; }
  #landing-screen .btn-explore { min-height: 48px; padding: 12px 40px 12px 20px; }
  #landing-screen .btn-explore svg { width: 24px; height: 24px; right: 16px; }
}
@media (min-width: 600px) and (max-width: 959px) {
  body.dashboard-wallpaper { --mobile-header-height: 120px; }
  body.dashboard-wallpaper .platform-header nav { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 599px) {
  body.dashboard-wallpaper .platform-header nav .nav-btn { min-height: 44px; padding: 8px 2px; font-size: clamp(10px, 2.8vw, 13px); }
  #statistics .api-preset-picker { width: 100%; }
  #statistics .chart-header { flex-direction: column; align-items: stretch; }
  #statistics .timeframe-selector { width: fit-content; align-self: flex-start; }
  #backtest #backtest-advanced-toggle { padding: 14px; }
  body #backtest #backtest-advanced-toggle { font-size: 15px; }
  #backtest #backtest-run { padding-inline: 30px; }
  #backtest #backtest-run::after { right: 14px; }
}
@media (max-width: 359px) {
  :root { --type-page-title: 38px; --type-metric: 22px; --type-nav: 12px; }
  #landing-screen .landing-stats-bar, #statistics .stats-grid { grid-template-columns: 1fr; }
  #landing-screen .landing-hero { margin-top: 40px; }
}
@media (max-height: 500px) and (orientation: landscape) {
  :root { --type-page-title: clamp(32px, 5vw, 48px); --type-metric: 24px; }
  body.dashboard-wallpaper { --mobile-header-height: 76px; }
  body.dashboard-wallpaper .platform-header {
    display: grid; grid-template-columns: 110px minmax(0, 1fr) 44px; grid-template-rows: 44px;
    gap: 10px; height: calc(76px + env(safe-area-inset-top)); padding-block: calc(16px + env(safe-area-inset-top)) 16px;
  }
  body.dashboard-wallpaper .platform-header .header-logo { grid-column: 1; grid-row: 1; }
  body.dashboard-wallpaper .platform-header .header-logo img { width: 110px; }
  body.dashboard-wallpaper .platform-header nav { grid-column: 2; grid-row: 1; grid-template-columns: repeat(4, minmax(0, 1fr)); padding: 3px; gap: 2px; border-radius: 18px; }
  body.dashboard-wallpaper .platform-header nav .nav-btn { min-height: 36px; padding: 6px 4px; font-size: 12px; }
  body.dashboard-wallpaper .platform-header > .menu-toggle { grid-column: 3; grid-row: 1; }
  #dashboard-screen main { padding-top: 20px; }
  #sidebar-menu { width: min(580px, 100%); padding-block: 16px; }
  #sidebar-menu[open] { gap: 14px; }
  #sidebar-menu .sidebar-links, #sidebar-menu .sidebar-tools { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  #sidebar-menu .sidebar-heading h2 { margin-top: 8px; }
  #sidebar-menu .sidebar-link { min-height: 44px; padding: 10px 12px; }
  #sidebar-menu .sidebar-tools .sidebar-link { padding-inline: 12px; }
  #sidebar-menu .sidebar-brand img { width: 120px; }
  #landing-screen .landing-hero { margin-top: 28px; }
  #landing-screen .landing-description { margin-top: 20px; }
  #landing-screen .btn-explore { width: 320px; max-width: 100%; margin-top: 24px; }
  #landing-screen .landing-stats-bar { grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 28px; }
  body #landing-screen #land-status { font-size: 16px; }
  #backtest .backtest-form { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  #statistics .stats-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  body.tradingeye-expanded #tradingeye { left: max(8px, env(safe-area-inset-left)); right: max(8px, env(safe-area-inset-right)); }
  body.tradingeye-expanded #tradingeye .tradingeye-heading { margin-bottom: 4px; }
  body.tradingeye-expanded #tradingeye .tradingeye-heading h2 { font-size: 20px; }
  body.tradingeye-expanded #tradingeye .tradingeye-expand { min-height: 32px; padding: 5px 10px; }
  body.tradingeye-expanded .site-footer { padding-block: 5px; gap: 8px; flex-wrap: nowrap; }
  body.tradingeye-expanded .copyright, body.tradingeye-expanded .footer-logo { display: none; }
  body.tradingeye-expanded .footer-links { gap: 14px; flex-wrap: nowrap; }
  body.tradingeye-expanded .footer-bottom { justify-content: center; }
}
@media (max-width: 959px) {
  #statistics :is(.chart-container-box, .chart-wrapper) { min-width: 0; max-width: 100%; }
  #statistics .chart-wrapper canvas { max-width: 100%; }
}