/* Form compat shim — main.css (Tailwind vocabulary) never defined Bootstrap/HostBill form
   primitives, but 26 ported templates use .form-control and 25 use .form-group, so every
   ported form input was unstyled. Global primitives here + signup-specific structure scoped
   to .signup-fields (form-label-group is also used by invoice/domains — must not leak). */

/* ---- global input primitives (fixes forms across checkout, addfunds, creditcard, settings, …) ---- */
.form-control{display:block;width:100%;padding:10px 12px;font-size:14px;line-height:1.5;color:var(--gray-900,#060E22);background:#fff;border:1px solid var(--gray-300,#D1D5DB);border-radius:var(--radius,10px);transition:border-color .15s ease,box-shadow .15s ease;box-sizing:border-box}
.form-control::placeholder{color:var(--gray-400,#9CA3AF)}
.form-control:focus{outline:none;border-color:#4F2CFA;box-shadow:0 0 0 3px rgba(79,44,250,.15)}
.form-control:disabled,.form-control[readonly]{background:var(--gray-50,#F9FAFB);color:var(--gray-500,#6B7280)}
select.form-control{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}
textarea.form-control{min-height:96px;resize:vertical}
/* .form-group intentionally omitted — main.css already defines it (don't override globally) */
.form-text{display:block;font-size:12.5px;color:var(--gray-500,#6B7280);margin-top:4px}
.capcha{border:1px solid var(--gray-200,#E5E7EB);border-radius:8px}

/* ---- intl-tel-input structural rules (only touch .iti* the plugin injects; stops country-list dump) ---- */
.iti{position:relative;display:block}
.iti *{box-sizing:border-box}
.iti__hide{display:none}
.iti input,.iti input[type=text],.iti input[type=tel]{position:relative;z-index:0;padding-left:52px}
.iti__flag-container{position:absolute;top:0;bottom:0;left:0;padding:1px}
.iti__selected-flag{z-index:1;position:relative;display:flex;align-items:center;height:100%;padding:0 8px 0 12px;cursor:pointer}
.iti__arrow{margin-left:6px;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid #555}
.iti__country-list{position:absolute;z-index:1000;list-style:none;text-align:left;padding:4px;margin:4px 0 0;background:#fff;border:1px solid var(--gray-200,#E5E7EB);border-radius:10px;box-shadow:0 10px 30px rgba(6,14,34,.12);white-space:nowrap;max-height:220px;overflow-y:auto}
.iti__country{padding:7px 12px;cursor:pointer;border-radius:6px}
.iti__country.iti__highlight,.iti__country:hover{background:var(--gray-100,#F1F3F5)}
.iti__dial-code{color:var(--gray-400,#9CA3AF);margin-left:6px}

/* ---- signup field structure (scoped: .signup-fields wraps ajax.signup.tpl in every context) ---- */
.signup-fields .row{display:flex;flex-wrap:wrap;gap:0 28px;margin:0}
.signup-fields .row>[class*="col-"]{flex:1 1 260px;min-width:0;max-width:none;padding-left:0;padding-right:0}
.signup-fields .form-label-group{display:flex;flex-direction:column-reverse;margin-bottom:16px;position:relative}
.signup-fields .form-group{margin-bottom:16px}
.signup-fields label,.signup-fields .form-label-placeholder{display:block;font-size:13px;font-weight:600;color:var(--gray-700,#374151);margin-bottom:6px}
.signup-fields .position-relative{position:relative}
.signup-fields hr{border:none;border-top:1px solid var(--gray-200,#E5E7EB);margin:20px 0 16px}
.signup-fields .vtip_description{display:inline-block;width:14px;height:14px;margin-left:4px;opacity:.5;vertical-align:middle}
.signup-fields .capcha{margin-bottom:8px}
/* Bare selects from stock HostBill leftovers: give them the kit chrome */
select:not([class]):not([multiple]){width:auto;max-width:100%;padding:9px 36px 9px 13px;background-color:#fff;border:1px solid var(--gray-300);border-radius:var(--radius-md);font-size:14px;color:var(--gray-900);outline:none;box-shadow:var(--shadow-xs);appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}
select:not([class]):not([multiple]):focus{border-color:var(--purple-400);box-shadow:0 0 0 3px var(--purple-50),var(--shadow-xs)}