/* ============================================
   MOBILE FIX: Reveal Button Labels
   ============================================ */
@media (max-width: 768px) {

    /* Force ALL buttons in action cells to show their title as text */
    td[data-label*="Accion"] button,
    td[data-label*="accion"] button,
    button.btn-icon,
    button.btn-primary {
        position: relative !important;
        min-width: 120px !important;
        padding-right: 3rem !important;
        text-align: left !important;
    }

    /* Show title attribute as visible text AFTER the icon */
    td[data-label*="Accion"] button::after,
    td[data-label*="accion"] button::after,
    button.btn-icon::after,
    button.btn-primary::after {
        content: attr(title) !important;
        position: absolute;
        left: 2.5rem;
        top: 50%;
        transform: translateY(-50%);
        font-size: 0.9rem;
        font-weight: 600;
        color: var(--text-primary, #1f2937);
        white-space: nowrap;
    }

    /* Specific fix for transaction tables */
    .table-container button {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 0.8rem !important;
    }

    /* Make icons stay on the left */
    .table-container button i {
        flex-shrink: 0;
    }
}