/*
 * Item selecionado em Schemas / Examples / Tables (django-daiquiri + BS 5.3):
 * - browser.scss usa texto #fff e --dq-browser-active-bg: var(--bs-primary-bg) (inexistente).
 * - .btn-link não define --bs-btn-active-bg; .btn.active fica com fundo inválido.
 * Este arquivo é carregado por último em query.html para prevalecer na cascata de CSS.
 */
#app.query .dq-browser {
    --dq-browser-active-color: #fff;
    --dq-browser-active-bg: #0d6efd;
}

#app.query .dq-browser .dq-browser-list li button.btn.btn-link {
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0d6efd;
    --bs-btn-active-border-color: transparent;
}

#app.query .dq-browser .dq-browser-list li button.btn.btn-link.active,
#app.query .dq-browser .dq-browser-list li button.btn.btn-link.active:hover,
#app.query .dq-browser .dq-browser-list li button.btn.btn-link.active:focus,
#app.query .dq-browser .dq-browser-list li button.btn.btn-link.active:focus-visible {
    color: #fff !important;
    background-color: #0d6efd !important;
    border-color: transparent !important;
    --bs-btn-color: #fff !important;
    --bs-btn-bg: #0d6efd !important;
    --bs-btn-hover-color: #fff !important;
    --bs-btn-hover-bg: #0b5ed7 !important;
    --bs-btn-active-color: #fff !important;
    --bs-btn-active-bg: #0a58ca !important;
}

#app.query .dq-browser .dq-browser-list li button.btn.btn-link.active .text-secondary,
#app.query .dq-browser .dq-browser-list li button.btn.btn-link.active i {
    color: rgba(255, 255, 255, 0.85) !important;
}