.auth-button{display:flex;align-items:center;gap:1rem}.auth-button__user-info{display:flex;align-items:center;gap:.75rem}.auth-button__avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.auth-button__user-details{display:flex;flex-direction:column;gap:.25rem}.auth-button__user-name{font-weight:500;font-size:.875rem;color:var(--exbrain-text-primary,#333)}.auth-button__user-email{font-size:.75rem;color:var(--exbrain-text-secondary,#666)}.auth-button__login,.auth-button__logout{padding:.5rem 1rem;border:1px solid var(--exbrain-border,#ddd);border-radius:4px;background-color:var(--exbrain-primary,#007bff);color:white;font-size:.875rem;cursor:pointer;transition:background-color .2s}.auth-button__login:hover,.auth-button__logout:hover{background-color:var(--exbrain-primary-hover,#0056b3)}.auth-button__logout{background-color:var(--exbrain-secondary,#6c757d)}.auth-button__logout:hover{background-color:var(--exbrain-secondary-hover,#5a6268)}