/* Current reference personal profile layout; external CSS only. */
.profile-card{background:var(--paper);border:1px solid var(--line);border-radius:14px}
.personal-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:20px;align-items:start}
.personal-layout .profile-card{margin:0}
.personal-summary{padding:28px 24px;background:linear-gradient(155deg,color-mix(in srgb,var(--accent) 7%,var(--paper)),var(--paper) 65%)}
.personal-identity{text-align:center}
.personal-avatar{display:grid;place-items:center;width:80px;height:80px;margin:0 auto 18px;border:4px solid var(--paper);border-radius:50%;background:var(--ok-bg);color:var(--accent);font-size:1.8rem;font-weight:600;box-shadow:0 0 0 1px var(--line);overflow:hidden}
.personal-avatar img{width:100%;height:100%;object-fit:cover}
.personal-identity h3{margin:0;font-size:1.1rem;overflow-wrap:anywhere}
.personal-position{margin:6px 0 12px;font-size:.8rem;color:var(--muted);overflow-wrap:anywhere}
.personal-role{display:inline-flex;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line));border-radius:999px;background:var(--ok-bg);color:var(--accent);font-size:.73rem;font-weight:500;padding:5px 12px}
.personal-details{margin:24px 0 0;padding-top:20px;border-top:1px solid var(--line)}
.personal-details>div+div{margin-top:18px}.personal-details dt{color:var(--muted);font-size:.75rem;margin-bottom:6px}.personal-details dd{margin:0;font-size:.85rem;line-height:1.7;overflow-wrap:anywhere}
.personal-form{padding:0;overflow:hidden}
.personal-section{padding:24px 26px}.personal-section+.personal-section{border-top:1px solid var(--line)}
.personal-section-heading{margin-bottom:20px}.personal-section-heading h3{font-size:1rem;color:var(--ink);margin:0 0 4px}.personal-section-heading p{font-size:.79rem;color:var(--muted);margin:0}
.personal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 16px;align-items:start}.personal-wide{grid-column:1/-1}
.personal-grid .ui-field{font-size:.82rem;gap:8px}.personal-grid input{box-sizing:border-box;min-height:46px;padding:11px 12px}.personal-grid input::placeholder{color:var(--muted);opacity:.75}
.personal-grid input[aria-invalid="true"]{border-color:var(--bad)}.personal-field-error{color:var(--bad);font-size:.75rem;line-height:1.6;font-weight:400}
.personal-form-footer{padding:18px 26px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.personal-form-footer>div{display:flex;gap:10px;margin-left:auto}.personal-form-footer p{margin:0;font-size:.78rem;color:var(--accent)}.personal-form-footer p.is-error{color:var(--bad)}
@media(max-width:700px){.personal-layout{grid-template-columns:1fr;gap:16px}.personal-summary{padding:20px}.personal-identity{display:flex;gap:16px;text-align:left;align-items:center}.personal-avatar{width:64px;height:64px;flex:none;margin:0;font-size:1.4rem}.personal-identity h3{font-size:1rem}.personal-position{margin:3px 0 7px}.personal-details{margin-top:18px;padding-top:16px}.personal-section{padding:20px}.personal-grid{grid-template-columns:1fr;gap:16px}.personal-section-heading{margin-bottom:16px}.personal-form-footer{padding:16px 20px}.personal-form-footer .btn{font-size:.8rem;padding:8px 12px}}

.personal-grid .ui-field>label{font-size:.82rem;font-weight:400}
.personal-grid .ui-input{font-size:.82rem}
.personal-form fieldset{border:0;margin:0;padding:0;min-width:0}
.personal-grid .ui-select-trigger{font-size:.82rem;min-height:46px;padding:11px 12px}
.personal-form-footer>.ui-alert,.personal-form-footer .ui-alert{flex-basis:100%;font-size:.82rem}
.personal-form-footer .ui-alert>div{margin:0;display:block}
.personal-page>.ui-page-header{gap:20px;margin:8px 0 22px}
.personal-page>.ui-page-header h1{font-size:var(--type-heading-management);font-weight:600;line-height:1.55;margin:4px 0}
.personal-page>.ui-page-header p{margin:4px 0 0;font-size:.88rem}
@media(max-width:700px){.personal-page>.ui-page-header{align-items:start;gap:12px}.personal-page>.ui-page-header h1{font-size:1.25rem}.personal-page>.ui-page-header p{font-size:.78rem}}
.personal-page h3{font-weight:600}