.team-settings__title {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 1.5rem;
}

.team-settings__sections {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.team-settings__section h3 {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 0.25rem;
}

.team-settings__description {
    color: var(--p-text-muted-color);
    font-size: 0.85rem;
    margin-bottom: 0.75rem;
}

.team-settings__value {
    font-size: 0.95rem;
    font-weight: 500;
    padding: 0.5rem 0.75rem;
    background: var(--p-content-hover-background);
    border: 1px solid var(--p-content-border-color);
    border-radius: 0.5rem;
}

.team-settings__error {
    color: var(--p-red-500);
    font-size: 0.8rem;
    margin-top: 0.25rem;
    display: block;
}

.team-settings__logo-preview {
    margin-top: 0.75rem;
}

.team-settings__logo-preview img {
    width: 48px;
    height: 48px;
    border-radius: 0.5rem;
    object-fit: cover;
    border: 1px solid var(--p-content-border-color);
}

.team-settings__actions {
    display: flex;
    justify-content: flex-end;
}

.team-settings__api-clients {
    scroll-margin-top: 1rem;
    outline: none;
}

.team-settings__api-clients:focus-visible {
    border-radius: 0.5rem;
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--p-primary-color) 55%, transparent);
}

.team-settings__section--danger h3 {
    color: var(--p-red-600);
}

.team-settings__danger-actions {
    margin-top: 0.75rem;
    display: flex;
    justify-content: flex-start;
}

.team-settings__danger-note {
    margin-top: 0.75rem;
    padding: 0.75rem 1rem;
    border-radius: 0.75rem;
    border: 1px solid color-mix(in srgb, var(--p-red-500) 20%, transparent);
    background: color-mix(in srgb, var(--p-red-500) 8%, var(--p-surface-card));
    color: var(--p-text-muted-color);
    font-size: 0.85rem;
}
