/* Estilos adicionales para sistema de rechazo de recibos */

/* Badges de estado de recibos */
#lista-recibos .badge {
    font-size: 0.85rem;
    padding: 0.35em 0.65em;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

#lista-recibos .badge i {
    font-size: 0.9rem;
}

/* Estados de recibos - colores distintivos */
#lista-recibos .badge.bg-success {
    background-color: #28a745 !important;
}

#lista-recibos .badge.bg-danger {
    background-color: #dc3545 !important;
}

#lista-recibos .badge.bg-secondary {
    background-color: #6c757d !important;
}

/* Ajustes para botones en grupo */
#lista-recibos .btn-group-sm .btn {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
}

#lista-recibos .btn-group .btn i {
    font-size: 1rem;
}

/* Botón de rechazar con estilo distintivo */
#lista-recibos .reject-btn {
    transition: all 0.2s ease;
}

#lista-recibos .reject-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(220, 53, 69, 0.3);
}

/* Ajustes móviles para nuevos botones */
@media (max-width: 768px) {
    /* Apilado y tamaños compactos para todos los botones */
    #lista-recibos td.text-center .btn-group,
    #lista-recibos td.text-end .btn-group {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        gap: 6px;
    }

    #lista-recibos td.text-center .btn,
    #lista-recibos td.text-end .btn {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        font-size: 0.8rem !important;
        padding: 0.4rem 0.6rem !important;
    }

    /* Badges más compactos en móvil */
    #lista-recibos .badge {
        font-size: 0.75rem;
        display: block;
        margin-bottom: 8px;
        text-align: center;
    }
}

@media (max-width: 576px) {
    #lista-recibos td.text-center,
    #lista-recibos td.text-end {
        min-width: 140px;
        padding: 0.5rem;
    }

    #lista-recibos .btn i {
        margin-right: 4px;
    }
}