/* Botones: fijos, de icono, micro-interacción de hover. */

/* Botón fijo de ancho mínimo */
.fixed-btn {
    min-width: 80px;
    height: 38px;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    padding: 0.375rem 0.75rem;
}

.btn-fichaje-activo {
    background-color: #C5D1D1;
}

.btnFinalizarPausa {
    background: #592221;
}

    .btnFinalizarPausa:hover {
        background: #c15957;
    }

.btn-primary-tareas-iniciar {
    --bs-btn-color: #000;
    --bs-btn-bg: #5c6b70;
    --bs-btn-border-color: #5c6b70;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #6D9CA7;
    --bs-btn-hover-border-color: #6D9CA7;
    --bs-btn-focus-shadow-rgb: 169, 160, 139;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #5c6b70;
    --bs-btn-active-border-color: #5c6b70;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #d5dbdd;
    --bs-btn-disabled-border-color: #d5dbdd;
}

/* Botón cuadrado de icono usado en acciones por fila de tabla */
.btn-icon {
    width: 32px;
    height: 32px;
    padding: 0;
}

/* Más aire entre los botones de icono de la columna Acciones (gap-2
   se queda corto cuando hay varios botones pegados en la misma fila).
   justify-content:end -en vez del justify-content-center que llevan
   las vistas-: el número de iconos por fila es irregular (varía según
   el estado de cada registro), así que centrarlos hace que salten de
   posición fila a fila; alineados a la derecha quedan fijos. */
.table-app td[data-exclude] .d-flex {
    gap: .6rem !important;
    justify-content: flex-end !important;
}

/* Micro-interacción: los botones crecen un poco al pasar el ratón */
.btn {
    transition: transform .15s ease, box-shadow .15s ease;
}

.btn:hover {
    transform: scale(1.04);
}

/* Botones de ancho/alto fijo (Buscar, Exportar, Alta...) */
.btn-fixed {
    width: 125px;
}

.btn-fixed-sm {
    height: 40px;
}

.page-size-select {
    width: 85px;
}

/* Colapso del sidebar con una curva más suave que la de Bootstrap por defecto */
/* El "lift" de los botones al pasar el ratón también se nota en la sombra */
.btn:hover {
    box-shadow: var(--shadow-md);
}