.skpm-profile { display: grid; gap: 1.5rem; min-width: 0; }
.skpm-profile h2, .skpm-profile p { margin: 0; }
.skpm-profile-summary { display: flex; align-items: center; gap: 1.25rem; padding: 1.6rem 1.8rem; border: 1px solid #dce7f2; border-radius: 1.15rem; background: linear-gradient(115deg, #fff 30%, #edf5ff); }
.skpm-profile-avatar { display: grid; place-items: center; flex: 0 0 auto; width: 4.4rem; height: 4.4rem; border: 1px solid #cbdff5; border-radius: 50%; color: #0968be; background: #e5f1ff; font-size: 1.4rem; font-weight: 750; letter-spacing: -.045em; }
.skpm-profile-identity { min-width: 0; }
.skpm-profile-eyebrow { color: #59738a; font-size: .61rem; font-weight: 800; letter-spacing: .12em; }
.skpm-profile-identity h2 { font-size: clamp(1.3rem, 2vw, 1.7rem); font-weight: 750; color: #102639; line-height: 1.3; letter-spacing: -.035em; margin: .25rem 0 .35rem; overflow-wrap: anywhere; }
.skpm-profile-identity p { color: #597186; font-size: .82rem; line-height: 1.6; overflow-wrap: anywhere; }
.skpm-profile-identity .skpm-profile-handle { margin-top: .2rem; font-size: .76rem; }
.skpm-profile-handle strong { color: #245b86; font-weight: 700; }
.skpm-profile-role { display: inline-flex; align-items: center; flex: 0 0 auto; margin-left: auto; padding: .4rem .7rem; border: 1px solid #d8e6f3; border-radius: 2rem; color: #396480; background: #fff; font-size: .7rem; font-weight: 700; }
.skpm-profile-forms { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); align-items: start; gap: 1.25rem; }
.skpm-profile-card { min-width: 0; border: 1px solid #e0e7ef; border-radius: 1.05rem; background: #fff; box-shadow: 0 .3rem 1.5rem rgb(17 49 75 / 3%); }
.skpm-profile-card-heading { display: flex; align-items: flex-start; gap: .8rem; padding: 1.4rem 1.5rem; border-bottom: 1px solid #e8edf3; }
.skpm-profile-card-heading > div { min-width: 0; }
.skpm-profile-card-heading h2 { color: #102639; font-size: 1.03rem; line-height: 1.4; font-weight: 750; letter-spacing: -.025em; }
.skpm-profile-card-heading p { margin-top: .3rem; color: #647b8e; font-size: .77rem; line-height: 1.6; }
.skpm-profile-card-icon { display: grid; place-items: center; flex: 0 0 auto; width: 2.2rem; height: 2.2rem; border-radius: .65rem; background: #eef6ff; color: #086bc5; }
.skpm-profile-card-icon svg { width: 1.2rem; height: 1.2rem; }
.skpm-profile-form { display: grid; gap: 1.3rem; padding: 1.5rem; }
.skpm-profile-form > .fi-sc { min-width: 0; }
.skpm-profile .fi-fo-field-wrp-helper-text { font-size: .73rem; line-height: 1.6; }
.skpm-profile-actions { display: flex; align-items: center; gap: .75rem; padding-top: .2rem; }
.skpm-profile-actions .fi-btn { max-width: 100%; }
.skpm-profile-actions .fi-btn-label { white-space: normal; }
.skpm-profile-security-note { display: flex; align-items: flex-start; gap: .6rem; padding: .85rem .95rem; border: 1px solid #dce9f5; border-radius: .7rem; background: #f5f9fd; color: #527089; }
.skpm-profile-security-note svg { flex: 0 0 auto; width: 1.1rem; height: 1.1rem; margin-top: .1rem; color: #367bad; }
.skpm-profile-security-note p, .skpm-profile-help { font-size: .73rem; line-height: 1.65; }
.skpm-profile-help { color: #6b7e8f; }
@media (max-width: 75rem) {
    .skpm-profile-forms { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 42rem) {
    .skpm-profile { gap: 1rem; }
    .skpm-profile-summary { flex-wrap: wrap; padding: 1.2rem; gap: .8rem; }
    .skpm-profile-avatar { width: 3.3rem; height: 3.3rem; font-size: 1.1rem; }
    .skpm-profile-identity { flex: 1; }
    .skpm-profile-role { margin-left: 0; }
    .skpm-profile-card-heading { padding: 1.1rem; }
    .skpm-profile-form { padding: 1.1rem; }
    .skpm-profile-actions .fi-btn { width: 100%; justify-content: center; }
}