/* UI Utilities */
.hidden { display: none !important; }
.margin-top { margin-top: 1.5rem; }

.input-with-button {
    display: flex;
    gap: 8px;
    align-items: center;
}
.input-with-button .input-field {
    flex: 1;
}
.input-with-button .btn {
    white-space: nowrap;
    height: 42px;
    padding: 0 16px;
}

/* Avatar Text Color Overrides */
.avatar,
.profile-avatar,
.user-avatar,
.round-avatar,
.user-profile,
.dropdown-avatar-container,
.profile-edit-avatar {
  color: #ffffff !important;
}

.avatar *,
.profile-avatar *,
.user-avatar *,
.round-avatar *,
.user-profile *,
.dropdown-avatar-container *,
.profile-edit-avatar * {
  color: #ffffff !important;
  fill: #ffffff !important;
}