/* WeTradeOptionsClub Milestone 4: Mobile Optimization Engine */

:root {
  --sat: env(safe-area-inset-top, 0px);
  --sar: env(safe-area-inset-right, 0px);
  --sab: env(safe-area-inset-bottom, 0px);
  --sal: env(safe-area-inset-left, 0px);
}

/* Safe Area Compliance for iPhone Dynamic Island / Notch and Android Nav Bars */
body {
  padding-top: var(--sat);
  padding-bottom: var(--sab);
  padding-left: var(--sal);
  padding-right: var(--sar);
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
}

/* Touch Targets: 44px minimum for fingers */
button, .btn, a.btn, input[type="submit"], select, .nav-link {
  min-height: 44px;
  touch-action: manipulation;
}

/* Responsive Table Touch-Scroll Containers */
.table-responsive, .trading-table-wrap, .watchlist-container {
  -webkit-overflow-scrolling: touch;
  margin-bottom: 1rem;
}

/* Mobile Breakpoints (<= 768px) */
@media (max-width: 768px) {
  /* Flatten Trading Room multi-column grids into vertical scroll */
  .grid-cols-2, .grid-cols-3, .grid-cols-4, .dashboard-grid, .trading-room-row {
  }

  /* Responsive Chart Heights */
  .tradingview-widget-container, iframe, .chart-wrapper {
  }

  /* Metric & Strategy Cards */
  .card, .tier-card, .metric-box {
  }

  /* Bottom sheet docking for modals */
  .modal-dialog, .modal-content {
  }
}