/* Account forms stay readable at iPhone widths and inside the visible keyboard viewport. */
#trainer-app #profileOverlay{overscroll-behavior:contain}
#trainer-app #profileOverlay .sheet{overscroll-behavior:contain;scroll-behavior:auto;max-height:calc(var(--op-visible-height,100dvh) - 24px)}
#trainer-app .account-fields135{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px;margin-top:16px}
#trainer-app .account-wide135{grid-column:1/-1}
#trainer-app :is(.account-profile135,.account-security135) label{display:grid;gap:7px;font-size:13px;line-height:1.4;color:var(--muted)}
#trainer-app :is(.account-profile135,.account-security135) input,#trainer-app .account-profile135 select{min-width:0;width:100%;min-height:48px;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface2);color:var(--text);font-size:16px!important;line-height:1.4}
#trainer-app :is(.account-profile135,.account-security135) small{font-size:12px;color:var(--muted);line-height:1.5}
#trainer-app .account-profile135 input[readonly]{color:var(--muted);background:transparent}
#trainer-app .account-form-actions135{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
#trainer-app :is(.account-form-actions135,.account-security135) .primary{min-height:46px;font-size:14px;padding:11px 18px;border-radius:10px}
#trainer-app .account-form-actions135 .secondary{font-size:13px;min-height:44px}
#trainer-app #profileOverlay .account-status135{font-size:13px!important;line-height:1.5;margin:12px 0 0;color:var(--muted);overflow-wrap:anywhere}
#trainer-app #profileOverlay .account-status135:empty{display:none}
#trainer-app #profileOverlay .account-status135[data-status=error]{color:var(--red,#ff7777)}
#trainer-app #profileOverlay .account-status135[data-status=success]{color:var(--green)}
#trainer-app .account-security135 summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;margin-top:6px;cursor:pointer;list-style:none;font-size:14px}
#trainer-app .account-security135 summary::-webkit-details-marker{display:none}
#trainer-app .account-security135 summary>span{font-size:22px;color:var(--muted)}
#trainer-app .account-security135 details[open] summary>span{transform:rotate(90deg)}
#trainer-app .account-security135 form{display:grid;gap:14px;padding:8px 0}
#trainer-app .account-show-password135{justify-self:start;min-height:44px;border:0;background:transparent;color:var(--green);padding:0;font-size:13px}
#trainer-app .account-help135>button{min-height:46px;margin:12px 0;font-size:14px}
#trainer-app .account-help135>div{display:flex;flex-wrap:wrap;gap:14px}
#trainer-app .account-help135 a{font-size:12px;color:var(--muted)}
#trainer-app :is(.account-profile135,.account-security135,.account-help135) :focus-visible{outline:2px solid var(--green);outline-offset:2px}
#trainer-app #profileOverlay [hidden]{display:none!important}
@media(max-width:760px){
 #trainer-app #profileOverlay{top:var(--op-viewport-top,0px);bottom:auto;height:var(--op-visible-height,100dvh);align-items:flex-end}
 #trainer-app #profileOverlay .sheet{margin:0 auto;max-height:calc(var(--op-visible-height,100dvh) - 12px);padding-bottom:max(18px,env(safe-area-inset-bottom))}
 #trainer-app .account-fields135{column-gap:10px}
}