.d-tabs {
    border-bottom: 1px solid #dee2e6;
}

.d-tabs .nav-item:not(:has(> .nav-link.active)):hover {
    background-color: rgb(0 0 0 / 5%);
}

.d-tabs .nav-item a.nav-link:not(.active) {
    background-color: rgb(0 0 0 / 0%);
}

.d-tabs .nav-link.active::after {
    content: "";
    position: absolute;
    background-color: var(--primary);
    bottom: 0;
    height: 4px;
    width: 100%;
}

.d-tabs .nav-link {
    position: relative;
}

.d-tabs .nav-item .nav-link {
    height: 100%;
    padding: 0.5rem 0.75rem;
    border: 0;
}

.d-tabs .nav-item .nav-link.disabled {
    /* AR: so we still get a tooltip when disabled */
    pointer-events: auto;
}