/* Estilos específicos para a modal de cadastro de clientes */

.modal-content {
    border-radius: 1.5rem;
    border: 1px solid var(--bs-border-color-translucent);
}

.modal-header {
    border-bottom: 1px solid var(--bs-border-color-translucent);
    border-top-left-radius: 1.5rem;
    border-top-right-radius: 1.5rem;
}

.form-control:focus {
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.15);
}

.input-group-text {
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

.form-control:focus + .input-group-text,
.form-control:focus ~ .input-group-text,
.input-group:focus-within .input-group-text {
    border-color: var(--bs-primary);
    color: var(--bs-primary);
}

/* Tabs Responsivas */
@media (max-width: 1200px) {
    .nav-tabs {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none; /* Firefox */
        border-bottom: 1px solid var(--bs-border-color-translucent) !important;
    }
    .nav-tabs::-webkit-scrollbar {
        display: none; /* Safari and Chrome */
    }
    .nav-tabs .nav-item {
        flex: 0 0 auto;
    }
}