/* Profile fields have their own grid: shared flex minimums otherwise make
   short name fields wide and helper text push adjacent inputs out of line. */
#tab-profile .profile-card{max-width:1120px}
#tab-profile .profile-intro{font-size:14px;color:var(--muted);line-height:1.7;margin:0 0 22px;max-width:78ch}
#tab-profile .profile-grid{display:grid;gap:18px 16px;align-items:start;margin-bottom:22px}
#tab-profile .profile-name-grid{grid-template-columns:minmax(90px,.7fr) minmax(0,2fr) minmax(64px,.5fr) minmax(0,2fr) minmax(80px,.7fr)}
#tab-profile .profile-work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
#tab-profile .profile-grid .form-group{min-width:0;max-width:none;margin:0}
#tab-profile .profile-grid input,#tab-profile .profile-grid select{box-sizing:border-box;width:100%;min-width:0;min-height:44px;font:inherit;font-size:14px}
#tab-profile .profile-grid small{font-size:12px;line-height:1.6;color:var(--muted);overflow-wrap:anywhere}
#tab-profile .profile-actions{display:flex;justify-content:flex-start;margin-top:4px}
#tab-profile .profile-actions .btn{min-height:44px}
#tab-profile #profile-clearance-badges{align-items:flex-start}
#tab-profile #profile-clearance-badges .badge{white-space:normal;overflow-wrap:anywhere;line-height:1.5}
#tab-profile .session-actions{display:flex;flex-wrap:wrap;gap:10px}
#tab-profile .session-actions .btn{min-height:44px}
#tab-profile .session-row>*{min-width:0;overflow-wrap:anywhere}
@media(max-width:1100px){
  #tab-profile .profile-name-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
  #tab-profile .profile-name-grid,#tab-profile .profile-work-grid{grid-template-columns:minmax(0,1fr)}
  #tab-profile .profile-grid input,#tab-profile .profile-grid select{font-size:16px}
  #tab-profile .profile-actions .btn{width:100%}
}
/* User ID (migration 045): can be used instead of the email to sign in. */
#tab-profile .profile-user-id{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:-8px 0 20px;padding:10px 14px;border-radius:10px;background:var(--bg);border:1px solid var(--border);font-size:13px;color:var(--slate)}
#tab-profile .profile-user-id[hidden]{display:none}
#tab-profile .profile-user-id b{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:15px;letter-spacing:.06em}
#tab-profile .profile-user-id span{font-size:12px;color:var(--muted)}