/* Only paid registration invoice step; existing auth form system is reused. */
.auth-view[data-view="register-billing"]{max-width:500px;margin-inline:auto}
.auth-view[data-view="register-billing"] .form-head{margin-bottom:16px}
.auth-view[data-view="register-billing"] .user-icon{width:40px;height:40px;margin-bottom:8px}
.auth-view[data-view="register-billing"] .user-icon svg{width:22px;height:22px}
.auth-view[data-view="register-billing"] .form-head h1{font-size:25px;margin-bottom:4px}
.auth-view[data-view="register-billing"] .form-head p{font-size:12px;line-height:1.4}
.auth-view[data-view="register-billing"] .fields-grid{gap:12px 10px}
.auth-view[data-view="register-billing"] .field{min-width:0}
/* Yalniz e-Koop kayit faturasi adresi: floating label + tam 2 metin satiri.
   Ortak form bileşeninin satir yuksekligi (1.5) ve paddingi korunur. */
.auth-view[data-view="register-billing"] .mek-form-control--textarea > textarea#registerBillingAddress {
  height: calc(1.8rem + 3em + .75rem + 2px);
  min-height: calc(1.8rem + 3em + .75rem + 2px);
  max-height: calc(1.8rem + 3em + .75rem + 2px);
  resize: none;
  overflow-y: auto;
  overflow-x: hidden;
}
.auth-view[data-view="register-billing"] .register-billing-actions{margin-top:20px}
.auth-view[data-view="register-billing"] .register-billing-actions button{width:100%}
@media(max-width:575px){
 .auth-view[data-view="register-billing"] .fields-grid{grid-template-columns:1fr;gap:10px}
 .auth-view[data-view="register-billing"] .fields-grid .full{grid-column:auto}
 .auth-view[data-view="register-billing"] .form-head{margin-bottom:13px}
}