.sidebar-account-link{display:flex;align-items:center;gap:10px;min-width:0;flex:1;color:var(--text);border-radius:12px;padding:5px 0;transition:background .3s var(--curve)}
.sidebar-account-link:hover{color:var(--primary)}
.sidebar-account-link>span:last-child{min-width:0;overflow-wrap:anywhere}
.sidebar-avatar{width:36px;height:36px;display:grid;place-items:center;flex-shrink:0;border-radius:13px;overflow:hidden;background:var(--surface-soft)}
.sidebar-avatar img{width:100%;height:100%;object-fit:cover}
.sidebar-avatar.is-default-logo{background:#fff;padding:5px}
.sidebar-avatar.is-default-logo img{object-fit:contain}
.account-layout{display:grid;grid-template-columns:minmax(240px,.75fr) minmax(0,1.65fr);gap:24px;align-items:start}
.account-summary{position:sticky;top:calc(var(--topbar-height) + 24px);padding:32px 26px;text-align:center;min-width:0}
.account-avatar{display:inline-flex;align-items:center;justify-content:center;width:96px;height:96px;padding:5px;background:var(--surface-soft);border-radius:50%;margin-bottom:21px}
.account-avatar img{height:100%;width:100%;object-fit:cover;border-radius:50%}
.account-avatar.is-default-logo{background:#fff;box-shadow:0 5px 24px rgba(30,39,43,.05)}
.account-avatar.is-default-logo img{object-fit:contain;padding:8px}
.account-summary h2{font-size:1.25rem;line-height:1.3;overflow-wrap:anywhere}
.account-role{font-size:.77rem;color:var(--muted);margin:10px 0 17px;overflow-wrap:anywhere}
.account-summary>.status-pill{display:inline-flex}
.account-meta{margin:27px 0 0;display:grid;gap:19px;text-align:left}
.account-meta dt{color:var(--muted);font-size:.69rem;margin-bottom:5px}
.account-meta dd{font-size:.81rem;margin:0;overflow-wrap:anywhere}
.account-assignment-note{color:var(--muted);font-size:.73rem;line-height:1.8;text-align:left;margin-top:28px}
.account-form-stack{display:grid;gap:24px;min-width:0}
.account-form-panel{padding:31px;min-width:0}
.account-form-panel .panel-heading{margin-bottom:25px}
.account-form-panel h2{font-size:1.3rem}
.account-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:22px}
.account-form-wide{grid-column:1/-1}
.account-form-grid .field{min-width:0}
.account-form-grid input{min-width:0}
.account-form-grid input[type=file]{font-size:.77rem;padding:13px;cursor:pointer;max-width:100%}
.account-form-grid input[type=file]::file-selector-button{background:var(--surface);color:var(--text);border:0;border-radius:8px;padding:8px 11px;margin-right:12px;font:inherit;cursor:pointer}
.account-form-panel .field-hint{font-size:.71rem;line-height:1.7}
.account-form-panel .profile-remove-option{display:flex;align-items:center;gap:10px;font-size:.74rem;font-weight:400;margin:16px 0 0;line-height:1.7;cursor:pointer}
.profile-remove-option input{width:17px;min-height:17px;height:17px;flex-shrink:0;accent-color:var(--primary);margin:0;padding:0}
.profile-remove-option:has(input:disabled){opacity:.5}
.profile-photo-preview{display:flex;align-items:center;gap:14px;background:var(--surface-soft);border-radius:14px;padding:14px;margin-top:16px;min-width:0}
.profile-photo-preview>img{width:58px;height:58px;border-radius:11px;object-fit:cover;flex-shrink:0}
.profile-photo-preview>div{min-width:0;flex:1;overflow-wrap:anywhere}
.profile-photo-preview strong{font-size:.76rem;font-weight:600}
.profile-photo-preview p{font-size:.7rem;color:var(--muted);margin-top:4px;line-height:1.7}
.profile-photo-preview.is-error p{color:var(--danger)}
.profile-photo-preview .button{min-height:36px;padding:7px 12px;font-size:.72rem;flex-shrink:0}
.account-password-note{font-size:.75rem;color:var(--muted);line-height:1.8;margin:0 0 22px}
#security{scroll-margin-top:calc(var(--topbar-height) + 24px)}
@media(max-width:1000px){.account-layout{grid-template-columns:1fr}.account-summary{position:static}.account-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.account-assignment-note{text-align:center}}
@media(max-width:600px){.account-layout,.account-form-stack{gap:20px}.account-form-panel{padding:25px 22px}.account-form-grid{grid-template-columns:1fr}.account-meta{grid-template-columns:1fr}.account-assignment-note{text-align:left}.profile-photo-preview{flex-wrap:wrap}.profile-photo-preview>div{flex-basis:calc(100% - 74px)}.account-form-panel .form-actions>.button{width:100%}}
