/* Mobile control panel: readable fields and actions, contained data tables. */
@media (max-width: 760px) {
  body { -webkit-text-size-adjust: 100%; }
  body small { font-size: 16px !important; line-height: 1.7; }
  body p { font-size: 16px !important; line-height: 1.9 !important; }
  body input:not([type=checkbox]):not([type=radio]), body select, body textarea { min-height: 48px; max-width: 100%; font-size: 16px !important; }
  body button, .gold-button, .ghost-button, .soft-button, .site-link { min-height: 48px; font-size: 16px; touch-action: manipulation; }
  .topbar { height: auto; min-height: 76px; padding: 12px; flex-wrap: wrap; gap: 8px; }
  .mobile-brand { margin-inline-end: auto; }
  .mobile-brand b { font-size: 16px; }
  .topbar .icon-button, .topbar .command-trigger { flex: 0 0 44px; width: 44px; height: 48px; min-width: 44px; }
  .topbar .top-actions { width: 100%; justify-content: flex-end; gap: 8px; }
  .topbar .primary-action { width: auto; padding-inline: 16px; font-size: 16px; white-space: nowrap; }
  .topbar .site-link { display: inline-flex; align-items: center; gap: 6px; margin-inline-end: auto; font-size: 16px; }
  .page { padding-inline: 14px; }
  .page-head h1 { font-size: clamp(25px,7vw,32px); line-height: 1.6; }
  .page-head > div > span, .page-head p, .welcome-copy > span { font-size: 16px; }
  .head-actions { width: 100%; gap: 10px; }
  .head-actions > button, .head-actions > a { flex: 1 1 130px; height: auto; min-height: 48px; padding: 10px 12px; line-height: 1.6; }
  .sidebar { width: min(320px,calc(100vw - 24px)); max-height: 100dvh; overflow-y: auto; padding-bottom: max(18px,env(safe-area-inset-bottom)); }
  .sidebar .side-nav button { min-height: 52px; font-size: 16px; }
  .side-nav em, .side-nav button b, .system-health b, .profile-card b { font-size: 16px; }
  .quick-actions b, .notification-center b { font-size: 16px; }
  .delta, .panel-head > span, .panel-head p, .segmented button, .status-pill, .badge { font-size: 16px; line-height: 1.7; }
  .segmented button { padding: 8px 12px; }
  .modal, .command-dialog { max-width: calc(100vw - 20px); max-height: calc(100dvh - 24px); overflow-y: auto; }
  .modal form { padding: 20px 16px; }
  .modal-head { gap: 12px; align-items: flex-start; }
  .modal-head button { flex: 0 0 44px; width: 44px; height: 48px; }
  .modal-head h3 { line-height: 1.6; }
  .modal-actions { flex-wrap: wrap; gap: 10px; }
  .modal-actions button { flex: 1 1 100px; }
  .field > span, .field label, .form-field > span, .form-section legend, .form-hint { font-size: 16px !important; line-height: 1.7; }
  .lead-modal-field b, .lead-modal-field a { font-size: 16px; }
  .lead-modal-whatsapp, .lead-card-actions a, .lead-card-actions button { min-height: 48px; font-size: 16px; }
  .wa-extracted span, .wa-modal-criteria span, .wa-modal-criteria em, .wa-external-listings em, .wa-external-listings mark { font-size: 16px; line-height: 1.7; }
  .wa-lead-card > footer a, .wa-lead-card > footer button, .wa-modal-head button, .wa-external-listings a { min-height: 48px; height: auto; padding: 10px; font-size: 16px; }
  .wa-modal-head > div { grid-template-columns: 1fr; }
  .wa-lead-card, .wa-match-row, .panel, .metric, .form-section { min-width: 0; }
  .table-wrap, .table-scroll { max-width: 100%; overflow-x: auto; overscroll-behavior-x: contain; }
  th, td { font-size: 16px; line-height: 1.7; }
  .toast-stack { max-width: calc(100vw - 24px); }
  .side-nav button span { font-size: 16px; }
  .side-nav button em, .hero-copy > span, .chart-labels, .chart-legend, .feed-copy span, .feed-item time,
  .table-footer span, .status, .map-link-state, .wa-sort > span, .wa-state, .wa-lead-card time, .wa-lead-card em,
  .integration-details span, .integration-details code, .integration-top .connection, .legend-list span, .legend-list b,
  .preview-copy > span, .check-list > span { font-size: 16px; line-height: 1.7; }
  .hero-quick b, .feed-copy b, .choice-card b, .location-result b, .upload-zone b, .map-empty b, .publish-score > span b,
  .teams-empty b, .team-overview b, .switch-line b { font-size: 16px; line-height: 1.7; }
  .panel-tabs button, .filter-pills button, .wa-sort button, .location-input button, .teams-empty button { min-width: 48px; min-height: 48px; padding: 8px 12px; font-size: 16px; }
  .panel-head { flex-wrap: wrap; gap: 12px; }
  .chart-labels, .chart-legend, .feed-copy span, .feed-item time { color: #b9afa0; }
  .chart-legend { flex-wrap: wrap; }
  .hero-quick small, .choice-card small { color: #b9afa0; }
  .wa-sort { height: auto; min-height: 58px; flex-wrap: wrap; }
  .wa-sort > span { flex-basis: 100%; padding-block: 5px; }
  .data-table th, .data-table td, .data-table b { font-size: 16px; }
  .data-table th { color: #b9afa0; }
  .choice-card { position: relative; min-width: 0; }
  .choice-card > input { top: 0; right: 0; width: 1px; height: 1px; }
  .choice-card input:focus-visible + span { outline: 2px solid var(--gold-hi); outline-offset: 3px; }
  .switch { flex: 0 0 64px; width: 64px; min-height: 44px; padding: 6px; border-radius: 24px; }
  .switch i { width: 30px; height: 30px; }
  .switch.on i { margin-right: 22px; }
}