.c365-user-profile { min-height: 0; height: 100%; }
.c365-user-profile__form { display: flex; flex-direction: column; gap: var(--l365-space-4, 1rem); height: 100%; }
.c365-user-profile__fields { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr)); gap: var(--l365-space-4, 1rem); overflow: auto; padding: .1rem; }
.c365-user-profile__field { display: flex; flex-direction: column; gap: .4rem; min-width: 0; }
.c365-user-profile__field label { color: var(--l365-text-primary, #f4f7fb); }
.c365-user-profile__control { display: flex; align-items: center; gap: .65rem; }
.c365-user-profile__control input:not([type="checkbox"]), .c365-user-profile__control select { width: 100%; min-width: 0; border: 1px solid var(--l365-border-subtle, #2a4054); border-radius: .65rem; background: var(--l365-surface-raised, #102232); color: var(--l365-text-primary, #f4f7fb); padding: .7rem .8rem; }
.c365-user-profile__control input:focus-visible, .c365-user-profile__control select:focus-visible { outline: 2px solid var(--l365-accent, #42d7e7); outline-offset: 2px; }
.c365-user-profile__control input[type="checkbox"] { inline-size: 1.25rem; block-size: 1.25rem; accent-color: var(--l365-accent, #42d7e7); }
.c365-user-profile__unit, .c365-user-profile__help, .c365-user-profile__footer p { color: var(--l365-text-secondary, #a9b9c8); }
.c365-user-profile__footer { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-top: auto; }
.c365-user-profile__footer p { margin: 0; }
.c365-user-profile__actions { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: .65rem; }
.c365-user-profile__actions .c365-button--secondary { border-color: color-mix(in srgb, var(--l365-accent, #42d7e7) 45%, transparent); }
.c365-user-profile__empty { display: grid; place-content: center; min-height: 10rem; text-align: center; color: var(--l365-text-secondary, #a9b9c8); }
.c365-user-profile__empty p { margin: 0 0 .35rem; color: var(--l365-text-primary, #f4f7fb); }
@media (max-width: 520px) { .c365-user-profile__footer { align-items: stretch; flex-direction: column; } .c365-user-profile__actions { align-items: stretch; flex-direction: column; } .c365-user-profile__footer button { width: 100%; } }