/* Mobile List Group Enhancement Addendum */

/* Accessibility and Performance Improvements */
.admin-business-card:focus-within,
.admin-user-card:focus-within {
    outline: 2px solid #667eea;
    outline-offset: 2px;
}

.business-actions .btn:focus,
.user-actions .btn:focus {
    outline: 2px solid #667eea;
    outline-offset: 2px;
}

.mobile-data-list .list-group-item:focus-within {
    background-color: rgba(102, 126, 234, 0.1);
    outline: 1px solid #667eea;
}

/* Performance optimizations */
.admin-business-card,
.admin-user-card {
    will-change: transform, opacity;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.business-actions .btn,
.user-actions .btn {
    will-change: transform;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.mobile-data-list .list-group-item {
    will-change: background-color;
}

/* Enhanced touch targets */
.mobile-data-list .list-group-item .col-8 a {
    padding: 4px 8px;
    margin: -4px -8px;
    border-radius: 4px;
    transition: background-color 0.2s ease;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
}

.mobile-data-list .list-group-item .col-8 a:active {
    background-color: rgba(102, 126, 234, 0.1);
}

/* Print optimization for mobile lists */
@media print {
    .admin-business-card,
    .admin-user-card {
        break-inside: avoid;
        box-shadow: none;
        border: 1px solid #000;
        margin-bottom: 10px;
    }
    
    .business-actions,
    .user-actions {
        display: none;
    }
    
    .mobile-data-list .list-group-item {
        border-bottom: 1px solid #000 !important;
        background: white !important;
    }
    
    .mobile-data-list .status-badge-pending,
    .mobile-data-list .status-badge-approved,
    .mobile-data-list .status-badge-rejected,
    .mobile-data-list .status-badge-active,
    .mobile-data-list .status-badge-inactive,
    .mobile-data-list .role-badge-admin,
    .mobile-data-list .role-badge-business_owner,
    .mobile-data-list .role-badge-customer {
        color: #000 !important;
        background: transparent !important;
        border: 1px solid #000 !important;
    }
}

/* Animation preferences support */
@media (prefers-reduced-motion: reduce) {
    .admin-business-card,
    .admin-user-card {
        transition: none;
    }
    
    .admin-business-card:hover,
    .admin-user-card:hover {
        transform: none;
    }
    
    .business-actions .btn,
    .user-actions .btn,
    .mobile-data-list .list-group-item {
        transition: none;
    }
    
    .business-actions .btn::before {
        display: none;
    }
}