/* Responsive document cards styling for mobile */
@media (max-width: 767.98px) {
    /* Make sure mobile cards have proper spacing */
    .document-card {
        margin-bottom: 15px;
    }
    
    /* Ensure card title stands out */
    .document-card .card-title {
        font-weight: 600;
    }
    
    /* Better button spacing in cards */
    .document-card .btn {
        margin-bottom: 5px;
        padding: 8px 12px;
    }
    
    /* Make sure card content has proper padding */
    .document-card .card-body {
        padding: 15px;
    }
    
    /* Ensure table is completely hidden on mobile */
    .mobile-hidden {
        display: none !important;
    }
}

/* Ensure card buttons are touchable size on mobile */
.document-action-btn {
    min-height: 38px;
    min-width: 80px;
}

/* Prevent horizontal scrolling on document cards */
.document-cards-container {
    overflow-x: hidden;
}