/* Partner program pages on phones (partner, join, login, portal, leads): most partners use these on a phone.
   Fields are 16px so iPhones do not zoom the page when one is tapped, and anything you tap is at least about 40px. */
@media (max-width:760px){
  main input:not([type="checkbox"]):not([type="radio"]):not([type="file"]), main select, main textarea,
  dialog input:not([type="checkbox"]):not([type="radio"]), dialog select, dialog textarea{ font-size:16px !important; }

  main input[type="checkbox"], main input[type="radio"], dialog input[type="checkbox"], dialog input[type="radio"]{ width:22px !important; height:22px !important; flex:none; }
  .checks label, main label:has(> input[type="checkbox"]), main label:has(> input[type="radio"]), dialog label:has(> input[type="checkbox"]){ min-height:44px; display:flex; align-items:center; gap:10px; }

  .btn{ min-height:44px; }
  .crow .btn{ min-height:40px; }
  .pbtn{ min-height:40px; padding:8px 14px; }
  .crow .wd{ padding:10px 6px; }
  .tprov{ min-height:64px; }

  .ibtn{ position:relative; }
  .ibtn::after{ content:""; position:absolute; inset:-11px; }

  dialog.tdlg{ width:calc(100vw - 16px); max-height:94vh; }
  .tdlg .dh .x, .cc-dlg .cc-x{ min-width:44px; min-height:44px; font-size:30px; }
  .tdlg .sub{ position:sticky; bottom:0; z-index:1; background:#fff; margin:10px 0 0; padding:10px 0; border-top:1px solid #e4e4e1; }

  main input[type="file"]{ font-size:16px !important; max-width:100%; }
  main input[type="file"]::file-selector-button{ min-height:44px; padding:0 16px; margin-right:12px; border:1.5px solid var(--teal); border-radius:8px; background:#fff; color:var(--teal); font:inherit; font-weight:700; cursor:pointer; }

  .tb-btn{ min-width:44px; min-height:40px; }
}