/* Mobile High Contrast Fix - Complete Rewrite */
@media (max-width: 768px) {
    /* Force simple, high contrast background */
    body {
        background: #1a1a1a !important;
        color: #ffffff !important;
        font-family: Arial, sans-serif !important;
    }
    
    body::before {
        display: none !important;
    }
    
    /* All headings - bright white, no shadows */
    h1, h2, h3, h4, h5, h6 {
        color: #ffffff !important;
        text-shadow: none !important;
        font-weight: bold !important;
    }
    
    /* All text - light gray, readable */
    p, span, div, td, li {
        color: #f0f0f0 !important;
        text-shadow: none !important;
        font-weight: normal !important;
    }
    
    /* All containers - dark with visible borders */
    .panel, .cases-panel, .stats-panel, .status-panel,
    .case-card, .case-item, .stat-item, .header,
    .citadel-card, .citadel-glass {
        background: #2a2a2a !important;
        border: 2px solid #555555 !important;
        backdrop-filter: none !important;
        color: #ffffff !important;
    }
    
    /* Case references - bright yellow for visibility */
    .case-reference, .case-ref {
        color: #ffff00 !important;
        text-shadow: none !important;
        font-weight: bold !important;
    }
    
    /* Important text - white */
    .case-parties, .parties, .case-detail-label, .case-detail-item label {
        color: #ffffff !important;
        text-shadow: none !important;
        font-weight: normal !important;
    }
    
    /* Badges - high contrast */
    .badge, .case-type, .time-badge, .day-badge {
        color: #000000 !important;
        background: #ffffff !important;
        text-shadow: none !important;
        font-weight: bold !important;
        border: 2px solid #ffffff !important;
    }
    
    .badge.civil, .case-type.civil {
        background: #00ff00 !important;
        color: #000000 !important;
    }
    
    .badge.criminal, .case-type.criminal {
        background: #ff0000 !important;
        color: #ffffff !important;
    }
    
    /* Buttons - bright and visible */
    .action-btn, .filter-btn, .btn, .back-btn {
        background: #0066cc !important;
        color: #ffffff !important;
        text-shadow: none !important;
        font-weight: bold !important;
        border: 2px solid #0088ff !important;
    }
    
    .filter-btn.active {
        background: #ffff00 !important;
        color: #000000 !important;
    }
    
    /* Forms - high contrast */
    select, input {
        background: #ffffff !important;
        color: #000000 !important;
        border: 2px solid #666666 !important;
    }
    
    .filter-group label {
        color: #ffffff !important;
        text-shadow: none !important;
        font-weight: bold !important;
    }
    
    /* Loading and messages */
    .loading, .no-cases, .no-cases-message {
        color: #ffffff !important;
        text-shadow: none !important;
        background: #333333 !important;
        padding: 20px !important;
        border: 2px solid #666666 !important;
    }
    
    /* Company branding */
    .company-name {
        color: #ffffff !important;
        text-shadow: none !important;
        font-weight: bold !important;
    }
    
    .company-tagline {
        color: #cccccc !important;
        text-shadow: none !important;
    }
    
    /* AI Summary sections */
    .ai-summary {
        background: #333333 !important;
        border: 2px solid #666666 !important;
        color: #ffffff !important;
    }
    
    .ai-summary h5 {
        color: #ffff00 !important;
        text-shadow: none !important;
        font-weight: bold !important;
    }
    
    .ai-summary p {
        color: #f0f0f0 !important;
        text-shadow: none !important;
    }
    
    /* Keywords */
    .keyword-tag {
        background: #0066cc !important;
        color: #ffffff !important;
        border: 1px solid #0088ff !important;
        text-shadow: none !important;
        font-weight: bold !important;
    }
    
    /* Timeline */
    .timeline {
        background: #333333 !important;
        border: 2px solid #666666 !important;
    }
    
    .timeline h4 {
        color: #ffffff !important;
        text-shadow: none !important;
        font-weight: bold !important;
    }
    
    .timeline-item {
        background: #2a2a2a !important;
        border-left: 4px solid #ffff00 !important;
    }
    
    .timeline-date {
        color: #ffff00 !important;
        text-shadow: none !important;
        font-weight: bold !important;
    }
    
    .timeline-event {
        color: #f0f0f0 !important;
        text-shadow: none !important;
    }
    
    /* News section */
    .news-section {
        background: #333333 !important;
        border: 2px solid #666666 !important;
    }
    
    .news-section h4 {
        color: #ffffff !important;
        text-shadow: none !important;
        font-weight: bold !important;
    }
    
    .news-summary, .news-article {
        background: #2a2a2a !important;
        border: 2px solid #555555 !important;
    }
    
    .news-summary h5 {
        color: #ffff00 !important;
        text-shadow: none !important;
        font-weight: bold !important;
    }
    
    .news-summary p, .news-excerpt {
        color: #f0f0f0 !important;
        text-shadow: none !important;
    }
    
    .news-article h6 {
        color: #ffffff !important;
        text-shadow: none !important;
        font-weight: bold !important;
    }
    
    .news-source {
        background: #0066cc !important;
        color: #ffffff !important;
        text-shadow: none !important;
        font-weight: bold !important;
    }
    
    .news-link {
        color: #00ccff !important;
        text-shadow: none !important;
        font-weight: bold !important;
    }
    
    /* Status indicators */
    .status-indicator {
        color: #00ff00 !important;
        text-shadow: none !important;
        font-weight: bold !important;
    }
    
    .status-error {
        color: #ff0000 !important;
        text-shadow: none !important;
        font-weight: bold !important;
    }
}