/* Personal profile uses the workspace's blue controls and quiet white surface. */
.member-profile{max-width:960px;margin:0 0 28px;background:var(--surface,#fff);border:1px solid var(--line,#e1e6ee);border-radius:12px;color:var(--ink,#18243a)}
.member-profile form{margin:0;min-width:0}
.member-profile h2{font-size:20px;line-height:1.35;font-weight:650;letter-spacing:-.02em;margin:0 0 18px}
.member-profile p{overflow-wrap:anywhere}
.profile-photo-section{display:flex;align-items:center;gap:24px;padding:28px 32px;border-bottom:1px solid var(--line,#e1e6ee)}
.profile-photo-details{min-width:0;flex:1}
.member-profile .profile-photo-details h2{margin-bottom:6px}
.profile-avatar{position:relative;display:inline-grid!important;place-items:center;overflow:hidden;isolation:isolate;vertical-align:middle;background:#edf2fd;color:#244b99}
.profile-avatar img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;display:block}
.profile-avatar-initials{display:block;line-height:1;font-weight:650;letter-spacing:0}
.member-profile .profile-avatar-large{width:100px;height:100px;flex:none;font-size:30px;border-radius:50%}
#main>.workspace-header #preview-options.profile-avatar-button{padding:0!important}
#preview-options.profile-avatar-button .profile-avatar{width:38px;height:38px;font-size:13px;pointer-events:none}
#profile .profile-avatar{width:36px;height:36px;flex:none}
.profile-photo-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px}
.member-profile .quiet,.member-profile .primary{font-size:14px;line-height:1.4;min-height:44px;padding:10px 16px;white-space:normal}
.member-profile .quiet:hover:not(:disabled){background:#f4f7fd;border-color:#b6c6df}
.member-profile .primary:hover:not(:disabled){background:#1c48ab}
.member-profile button:disabled{opacity:.6;cursor:wait}
.profile-details-section{padding:28px 32px 32px}
.profile-name-email{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.profile-field{display:grid;align-content:start;gap:8px;min-width:0}
.profile-field label{font-size:14px;font-weight:600;line-height:1.5}
.profile-required,.profile-optional{font-size:13px;font-weight:400;color:#536279}
.member-profile input{display:block;width:100%;min-width:0;min-height:46px;font-size:15px;line-height:1.5;padding:10px 12px;caret-color:var(--blue,#2456ca)}
.member-profile input::placeholder{color:#657086;opacity:1}
.member-profile input[readonly]{background:var(--canvas,#f5f7fb);color:#536279}
.member-profile input[aria-invalid=true]{border-color:#a52e3d}
.member-profile :is(button,input):focus-visible{outline:3px solid var(--focus,#92b3ff);outline-offset:3px}
.member-profile ::selection{background:#cbdcff;color:#18243a}
.member-profile .profile-help{font-size:13px;font-weight:400;line-height:1.65;color:#536279;margin:0;max-width:70ch}
.member-profile .profile-field-error,.member-profile .profile-form-error{color:#982c39;font-size:13px;line-height:1.6;margin:0}
.member-profile .profile-field-error:empty,.member-profile .profile-form-error:empty,.profile-file-name:empty{display:none}
.member-profile .profile-file-name{font-size:13px;color:#536279;line-height:1.65;margin:10px 0 0}
.member-profile .profile-photo-details>.profile-field-error{margin-top:8px}
.profile-phones{min-width:0;border:0;margin:32px 0 0;padding:0}
.profile-phones legend{font-size:20px;line-height:1.35;font-weight:650;letter-spacing:-.02em;padding:0;margin-bottom:8px}
#profile-phone-fields{display:grid;gap:18px;margin-top:20px;max-width:650px}
.profile-phone-row{display:flex;align-items:flex-start;gap:12px;min-width:0}
.profile-phone-row>.profile-field{flex:1}
.member-profile .profile-remove-phone{flex:none;margin-top:29px}
.member-profile .profile-add-phone{margin-top:18px}
.profile-form-footer{padding:22px 32px;border-top:1px solid var(--line,#e1e6ee)}
.member-profile .profile-form-error:not(:empty){margin-bottom:16px}
.profile-save-row{display:flex;align-items:center;justify-content:space-between;gap:20px}
.profile-save-status{flex:1;min-width:0;margin:0;color:#235d3b;font-size:14px;line-height:1.6}
.profile-form-actions{display:flex;flex:none;gap:12px;justify-content:flex-end}
@media(max-width:900px){
 .profile-name-email{grid-template-columns:minmax(0,1fr);gap:22px}
 .profile-photo-section,.profile-details-section{padding:26px}
 .profile-form-footer{padding:22px 26px}
}
@media(max-width:550px){
 .member-profile{margin-bottom:24px}
 .profile-photo-section{padding:24px 20px;align-items:flex-start;gap:18px}
 .member-profile .profile-avatar-large{width:72px;height:72px;font-size:24px}
 .member-profile .profile-photo-actions{gap:8px}
 .member-profile .profile-photo-actions .quiet{padding:10px 12px}
 .profile-details-section{padding:24px 20px 28px}
 .member-profile input{font-size:16px}
 .profile-phones{margin-top:28px}
 .profile-phone-row{gap:8px;flex-wrap:wrap}
 .profile-phone-row>.profile-field{flex-basis:100%}
 .member-profile .profile-remove-phone{margin-top:0;min-height:44px;padding:8px 12px}
 .profile-form-footer{padding:20px}
 .profile-save-row{display:block}
 .profile-save-status:not(:empty){margin-bottom:16px}
 .profile-form-actions{display:grid;grid-template-columns:1fr;gap:10px}
 .profile-form-actions .primary{grid-row:1}
 .profile-form-actions>button{width:100%}
}