@import 'style.css';

.fila-clickable {
    cursor: pointer;
    transition: background-color 0.2s ease;
}

    .fila-clickable:hover {
        background: var(--color-themes-t1) !important; /* color de fondo al pasar el mouse */
        color: white !important;
    }

    .fila-clickable:hover td {
        color: white !important;
    }

.fila-seleccionada {
    background: #00ffff !important; /* color cuando está seleccionada */
}

.PrincipalLogistica .logistica-iconos-tabla.btnTraslado {
    background-color: white;
    transition: fill 0.3s ease, color 0.3s ease;
}

    .PrincipalLogistica .logistica-iconos-tabla.btnTraslado:hover {
        background-color: white;
    }

    .PrincipalLogistica .logistica-iconos-tabla.btnTraslado svg {
        fill: var(--color-tarjeta-logistica-gris-font);
        transition: fill 0.3s ease, color 0.3s ease;
    }

.hover-solicitud-delete:hover {
    fill: red !important;
}

.hover-solicitud-aceptar:hover {
    background-color: var(--color-icono-aceptar-bg) !important;
}

.hover-solicitud-aceptar:hover svg {
    fill: white !important;
}


.style-icono-estado-solicitud-aceptar {
    fill: var(--color-themes-iconos-t7);
}

.style-icono-estado-solicitud-cancelar {
    fill: var(--color-danger);
}

.style-icono-estado-solicitud-pendiente {
    fill: var(--color-themes-t5);
    width: 24px;
    height: 24px;
}

/* 🎯 Estilo base para todas las tarjetas logísticas */
.tarjeta-pendientes-estado-solicitud {
    position: relative;
    background-color: var(--color-comisiones-tarjeta);
    border-radius: 10px;
    border: 1px dashed #cccccc;
    padding: 7px;
    width: 100%;
    margin-bottom: 0.6rem;
    transition: box-shadow 0.3s ease, color 0.3s ease;
}

    /* 🔹 Variantes por tipo de estado */
    .tarjeta-pendientes-estado-solicitud.pen-aceptacion {
        border-left: 4px solid var(--color-themes-iconos-t7);
    }

    .tarjeta-pendientes-estado-solicitud.pen-pendiente {
        border-left: 4px solid var(--color-themes-t5);
    }

    .tarjeta-pendientes-estado-solicitud.pen-cancelar {
        border-left: 4px solid var(--color-danger);
    }

    .tarjeta-pendientes-estado-solicitud:hover {
        box-shadow: 4px 8px 8px rgba(0, 0, 0, 0.2);
    }

.icono-absolute-estado {
    position: absolute;
    top: -10px;
    right: -5px;
    font-size: 1.2rem;
    width: 2.4rem;
    height: 2.4rem; /* 🔹 igual que el width */
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: white; /* opcional: contraste */
    box-shadow: 4px 8px 8px rgba(0, 0, 0, 0.2);
}

.style-check-aceptacion .form-check-input {
    width: 1.5em;
    height: 1.5em;
}