/* Shared personal fields: control dimensions do not inherit nested label margins. */
:root[data-theme] body #app .identity-signup{width:min(760px,calc(100% - 32px));max-width:760px;padding:28px;margin:32px auto}
:root[data-theme] body #app .identity-signup>h1{font-size:24px;line-height:1.6;margin:0 0 24px}
:root[data-theme] body #app .identity-registration{border:0;padding:0;margin:0;min-inline-size:0}
:root[data-theme] body #app .identity-registration>legend{font-size:16px;line-height:24px;font-weight:700;padding:0;margin:0 0 16px}
:root[data-theme] body #app :is(form[data-identity-profile],.identity-signup form){display:grid;gap:20px;min-width:0}
:root[data-theme] body #app :is(form[data-identity-profile],.identity-signup form) .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px;align-items:start;grid-auto-rows:max-content}
:root[data-theme] body #app :is(form[data-identity-profile],.identity-signup form) .field{display:flex;flex-direction:column;align-items:stretch;gap:8px;min-width:0;margin:0!important;font-size:14px;line-height:22px;font-weight:600}
:root[data-theme] body #app :is(form[data-identity-profile],.identity-signup form) .field :is(input:not([type=hidden]),select,textarea){width:100%;min-width:0;box-sizing:border-box;min-height:48px;height:48px;margin:0!important;padding:11px 14px;font:inherit;font-size:15px;line-height:24px;border-radius:12px}
:root[data-theme] body #app :is(form[data-identity-profile],.identity-signup form) .field textarea[name]{min-height:96px;height:96px;resize:vertical}
:root[data-theme] body #app .identity-fields>.profile-address{grid-column:1/-1}
:root[data-theme] body #app :is(form[data-identity-profile],.identity-signup form) .jalali-control{display:flex;align-items:stretch;gap:8px;width:100%;height:48px;min-width:0}
:root[data-theme] body #app :is(form[data-identity-profile],.identity-signup form) .jalali-control input{flex:1 1 0;width:0;height:48px}
:root[data-theme] body #app :is(form[data-identity-profile],.identity-signup form) .jalali-control button{flex:0 0 auto;height:48px;min-height:48px;margin:0;padding:0 16px;font-size:14px;line-height:22px;white-space:nowrap;border-radius:12px}
:root[data-theme] body #app :is(form[data-identity-profile],.identity-signup form) .hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:0}
:root[data-theme] body #app :is(form[data-identity-profile],.identity-signup form)>button[type=submit],:root[data-theme] body #app form[data-identity-profile] .hero-actions>.button{min-height:48px;height:48px;font-size:14px;line-height:22px;padding:0 20px;margin:0;justify-self:start}
:root[data-theme] body #app form[data-identity-profile] .api-error:empty{display:none}
@media(max-width:600px){
 :root[data-theme] body #app .identity-signup{width:calc(100% - 24px);padding:20px;margin:20px auto}
 :root[data-theme] body #app .identity-signup>h1{font-size:21px;margin-bottom:20px}
 :root[data-theme] body #app :is(form[data-identity-profile],.identity-signup form) .form-grid{grid-template-columns:minmax(0,1fr);gap:16px}
 :root[data-theme] body #app :is(form[data-identity-profile],.identity-signup form) .field{font-size:14px}
}

:root[data-theme] body #app [data-identity-profile] .profile-email [hidden]{display:none!important}
:root[data-theme] body #toast[data-success]{
 top:calc(16px + env(safe-area-inset-top,0px));
 bottom:auto;
 left:50%;
 right:auto;
 transform:translateX(-50%);
 width:max-content;
 max-width:min(440px,calc(100% - 32px));
 z-index:1000;
 font-size:14px;
 text-align:start;
 box-shadow:0 8px 28px #1f202426;
}
:root[data-theme] body #toast[data-success]>img{width:24px;height:24px}

:root[data-theme] body #app .profile-email{min-width:0}
:root[data-theme] body #app .profile-email-row{display:flex;align-items:flex-end;gap:8px}
:root[data-theme] body #app .profile-email-row .field{flex:1 1 0}
:root[data-theme] body #app .profile-email-row [data-verify-email]{
 flex:0 0 auto;
 width:auto;
 height:48px;
 min-height:48px;
 padding:0 12px;
 margin:0;
 font-size:13px;
 white-space:nowrap;
}
:root[data-theme] body #app .profile-email [data-email-state]{display:inline-flex;width:fit-content;margin-top:8px}