/* Personal pages share the inset cards and chevrons of the client workbench. */
#main .page.profileClientPage{width:100%;max-width:760px;margin-inline:auto;padding:20px clamp(16px,4vw,28px) 32px!important;box-sizing:border-box}
.profileClientPage .pageHead{padding:0;margin:0 0 20px}
.profileClientPage .profileHero{margin:0;padding:clamp(16px,4vw,24px);border-radius:24px}
.profileClientPage .profileHeroTop{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:center}
.profileClientPage .profilePhoto{width:72px;height:72px;flex:none;font-size:24px}
.profileClientPage .profileInfo{min-width:0}
.profileClientPage .profileInfo h1{font-size:24px;overflow-wrap:anywhere}
.profileClientPage .profileEdit{grid-column:2;justify-self:start;margin:0;padding:10px 16px;font-size:13px;min-height:44px}
.profileClientPage .group{margin:24px 0 0;padding:0}
.profileClientPage .groupTitle{margin:0 0 10px;padding:0 6px;font-size:13px}
.profileClientPage .surface{overflow:hidden;border:1px solid var(--line);border-radius:20px;background:var(--surface,var(--paper))}
.profileClientPage .profileRow{display:flex;align-items:center;gap:12px;min-height:58px;padding:16px 18px;margin:0;border:0;border-bottom:1px solid var(--line);font-size:14px;min-width:0}
.profileClientPage .profileRow:last-child{border-bottom:0}
.profileClientPage .profileRow b{font-size:14px;font-weight:600}
.profileClientPage .profileRow small{font-size:12px;line-height:1.5;margin-top:4px}
.profileClientPage .profileRow>div{min-width:0}
.profileClientPage .profileValue{margin-left:auto;text-align:right;font-size:14px;min-width:0;overflow-wrap:anywhere}
.profileClientPage .profileChevron{display:block;flex:0 0 8px;width:8px;height:8px;border:solid var(--muted);border-width:0 1.7px 1.7px 0;transform:rotate(-45deg);margin-left:auto;margin-right:3px}
.profileClientPage .profileValue+.profileChevron{margin-left:0}
.personalNameFields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.personalNameFields .personalField{min-width:0}
.personalLoginIdentity dl{margin-bottom:0}
@media(min-width:520px){.profileClientPage .profileHeroTop{grid-template-columns:auto minmax(0,1fr) auto}.profileClientPage .profileEdit{grid-column:3;grid-row:1;justify-self:end}}
@media(max-width:359px){.personalNameFields{grid-template-columns:minmax(0,1fr)}.profileClientPage .profileRow{padding-inline:14px}}