/* Randingers · Mobile polish overrides
   Loaded after main styles.css. Fixes table cramming, nav overflow, form sizing. */

@media (max-width: 900px) {
  /* Nav: hide the wordmark, only show logo */
  .rnav .brand-wordmark { display: none; }
  .rnav-tabs { gap: 2px; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .rnav-tab { font-size: 12px; padding: 6px 10px; white-space: nowrap; }

  /* Hero */
  .hero h1 { font-size: 22px; }
  .hero-sub { font-size: 13px; }

  /* Tables: switch to responsive card layout for narrow screens */
  .rtable { font-size: 11px; }
  .rtable th, .rtable td { padding: 6px 4px; }

  /* KPI cards: stack cleanly */
  .stat-cards { grid-template-columns: 1fr 1fr; gap: 8px; }
  .stat-card { padding: 10px 12px; }
  .stat-card .val { font-size: 22px; }
  .stat-card .lbl { font-size: 9px; }

  /* Two-col layouts collapse */
  .two-col { grid-template-columns: 1fr !important; }

  /* Chat */
  .chat-wrap { height: 75vh; }
  .chat-msg { max-width: 92%; font-size: 13px; }

  /* Pricing */
  .pricing-grid { grid-template-columns: 1fr; }

  /* Panels */
  .panel { border-radius: 4px; }
  .panel-head { padding: 12px; }
  .panel-head h2 { font-size: 15px; }

  /* Buttons: bigger tap targets */
  .btn, .tier-btn, .chat-send, .rnav-logout {
    min-height: 40px; font-size: 13px;
  }

  /* Inputs: prevent iOS zoom */
  input, textarea, select { font-size: 16px !important; }
}

/* Landscape phones */
@media (max-width: 900px) and (orientation: landscape) {
  .chat-wrap { height: 85vh; }
  .hero h1 { font-size: 18px; }
}

/* Print styles for track record */
@media print {
  .rnav, .btn, .chat-send, .rnav-logout, .rnav-tabs, .rnav-right { display: none !important; }
  body { background: white !important; color: black !important; }
  .panel { border: 1px solid #ccc; page-break-inside: avoid; }
  .hero h1 { color: black !important; }
}

/* Dark mode is already default. Add manual light mode support for future. */
[data-theme="light"] {
  --bg: #fafafa;
  --panel: #ffffff;
  --border: #e5e7eb;
  --fg: #111827;
  --dim: #6b7280;
}