/* GMS assets/css/gms-forms.css — 2.99.254g "Show password" matches "Forgot password?" (13px, teal, normal weight) (was 2.99.203 Mahmud's form standard, every page)
   1. Every text box, drop-down and text area has a teal edge, whatever grey
      border a page wrote inline (border-COLOR only, so boxes drawn borderless
      inside a composite control stay borderless).
   2. White (ghost) buttons get the same teal edge; teal-filled buttons unchanged.
   3. Number boxes have no up/down arrows (the arrow keys and the mouse wheel
      are stopped in gms-forms.js). */
:root { --gms-field-edge: #0fb5c9; }
input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=file]):not([type=color]):not([type=submit]):not([type=button]):not([type=reset]):not([type=image]),
select, textarea { border-color: var(--gms-field-edge) !important; }
input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=file]):not([type=color]):not([type=submit]):not([type=button]):not([type=reset]):not([type=image]):focus,
select:focus, textarea:focus { border-color: #0a7f8f !important; }
.btn-ghost, .app-body .btn-ghost, a.btn-ghost, button.btn-ghost { border: 1.5px solid var(--gms-field-edge) !important; }
input[type=number] { -moz-appearance: textfield; appearance: textfield; }
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.gms-pw-toggle { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; margin: 6px 0 2px; cursor: pointer; user-select: none; }
.gms-pw-toggle input { width: 18px; height: 18px; margin: 0; }
/* 2.99.254g - same size and colour as the "Forgot password?" link beside it */
label.gms-pw-toggle, .form-field label.gms-pw-toggle { font-size: 13px !important; font-weight: 400 !important; color: var(--teal-deep, #0a8fa1) !important; }
label.gms-pw-toggle input { width: 16px; height: 16px; }

/* 2.99.208 - sign-up email confirmation */
.gms-cf-bg { position: fixed; inset: 0; background: rgba(14,43,57,.45); display: flex; align-items: center; justify-content: center; z-index: 9999; padding: 16px; }
.gms-cf { background: #fff; border-radius: 16px; padding: 22px 24px; max-width: 520px; width: 100%; box-shadow: 0 10px 40px rgba(0,0,0,.2); }
.gms-cf h2 { margin: 0 0 10px; font-size: 19px; }
.gms-cf p { margin: 0 0 10px; font-size: 15px; word-break: break-word; }
.gms-cf .gms-cf-note { font-size: 13.5px; color: #4f6873; }
.gms-cf-row { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 6px; }