.card-account { align-items: start; }
.card-member-identity { display: flex; align-items: center; gap: 12px; margin-top: 12px; min-width: 0; }
.card-member-avatar { flex: none; width: 44px; height: 44px; border: 1px solid #d5b77a99; border-radius: 50%; object-fit: cover; background: #151614; box-shadow: 0 0 0 3px #c8a96b12; }
.card-member-identity .card-owner { min-width: 0; margin: 0; }
.settings-avatar-section { margin: 24px 0; padding-bottom: 15px; border-bottom: 1px solid #e7dfd1; }
.settings-avatar-section .settings-account { margin: 0; padding: 0; border: 0; }
.settings-avatar-section .settings-account img { flex: none; width: 64px; height: 64px; }
.avatar-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-top: 4px; }
.avatar-select, .avatar-save { display: inline-flex; align-items: center; justify-content: center; min-height: 32px; padding: 0 10px; border: 1px solid #d9cbb2; border-radius: 6px; background: #f5efe3; color: #806334; font-size: 11px; cursor: pointer; }
.avatar-select { position: relative; overflow: hidden; }
.avatar-select input { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.avatar-save { background: #d6bd89; border-color: #b89a60; color: #3b2d17; }
.avatar-select:focus-within, .avatar-save:focus-visible { outline: 2px solid #af8a4b; outline-offset: 2px; }
.avatar-select:has(input:disabled), .avatar-save:disabled { opacity: .5; cursor: wait; }
.avatar-help { margin: 12px 0 0; color: #8b7e69; font-size: 11px; line-height: 1.7; }
.avatar-error { margin: 6px 0 0; color: #ac4e3f; font-size: 12px; }
.avatar-error:empty { display: none; }
@media (max-width: 680px) {
  .card-member-identity { gap: 8px; margin-top: 10px; }
  .card-member-avatar { width: 32px; height: 32px; }
}