/*
 * pqr-row-selection.css
 * Estilos para la columna de seleccion de filas en GridViews ABM.
 * Companion de pqr-row-selection.js (namespace window.pqrSelection).
 * El dropdown hereda estilos de .dropdown-click-only (pqr-custom.css).
 */
:root {
    --pqr-sel-col-width: 42px;
}

.pqr-sel-header {
    width: var(--pqr-sel-col-width) !important;
    min-width: var(--pqr-sel-col-width);
    padding: .25rem !important;
    vertical-align: middle;
    text-align: center;
}

.pqr-sel-cell {
    width: var(--pqr-sel-col-width) !important;
    min-width: var(--pqr-sel-col-width);
    padding: .4rem .25rem !important;
    vertical-align: middle;
    text-align: center;
}

/* Boton del dropdown en el header: mismo look que RPTParkingSessions */
.pqr-sel-menu-btn {
    padding: .15rem .3rem;
    min-width: 30px;
    border-color: rgba(255,255,255,.4);
    color: #fff;
    background: transparent;
}

.pqr-sel-menu-btn:hover,
.pqr-sel-menu-btn:focus,
.pqr-sel-menu-btn.show {
    background: rgba(255,255,255,.15);
    border-color: rgba(255,255,255,.6);
    color: #fff;
}

/* Dropdown: override del "color: white !important" de .gvCustom thead th a */
.pqr-sel-header .dropdown-menu .dropdown-item {
    color: #212529 !important;
}

.pqr-sel-header .dropdown-menu .dropdown-item:hover,
.pqr-sel-header .dropdown-menu .dropdown-item:focus {
    color: #1e2125 !important;
}

.pqr-sel-header .dropdown-menu .dropdown-item.text-danger {
    color: #dc3545 !important;
}

.pqr-sel-header .dropdown-menu .dropdown-item.text-danger:hover {
    color: #bd2130 !important;
}

/* Cuando hay seleccionados, mostrar count y ocultar icono */
.pqr-sel-menu-btn .pqr-sel-count:not(:empty) + .pqr-sel-icon {
    display: none;
}

.pqr-sel-menu-btn .pqr-sel-count:not(:empty) {
    font-weight: 700;
}