:root {
            --primary: #1a1d23; --danger: #d9534f; --bg: #f4f7f6; --white: #ffffff;
            --muted: #64748b; --text: #0f172a; --success: #22c55e;
        }
        * { box-sizing: border-box; }
        body { background: var(--bg); font-family: -apple-system, system-ui, sans-serif; margin: 0; padding: 20px 12px 120px; color: #333; }
        .container { max-width: 760px; margin: 0 auto; }
        .card { background: var(--white); border-radius: 22px; box-shadow: 0 10px 25px rgba(0,0,0,0.05); overflow: hidden; border: 1px solid #e1e8ed; margin-bottom: 20px; }
        .hero { background: #fff; padding: 40px 20px; text-align: center; border-bottom: 1px solid #eef2f7; }
        
        .alert-count-pill { display: inline-block; background: var(--danger); color: #fff; font-weight: 900; font-size: 13px; text-transform: uppercase; padding: 10px 20px; border-radius: 999px; margin-bottom: 20px; }
        
        .company-title { margin: 0; color: var(--text); font-size: 26px; font-weight: 900; text-transform: uppercase; }
        .meta-row { display: flex; justify-content: center; gap: 10px; flex-wrap: wrap; margin-top: 20px; }
        .chip { background: #eef2f7; border: 1px solid #d8e0ea; color: #22324a; border-radius: 10px; padding: 8px 14px; font-weight: 800; font-size: 12px; text-transform: uppercase; }
        .address-line { margin-top: 15px; font-size: 14px; color: #64748b; font-weight: 700; }
        
        .alert-entry { padding: 30px 20px; border-bottom: 8px solid #f4f7f6; }
        .alert-entry:last-child { border-bottom: none; }
        
        .section-title { font-size: 11px; font-weight: 900; color: #64748b; text-transform: uppercase; margin-bottom: 12px; display: flex; align-items: center; gap: 8px; }
        .violation-box { background: #fff5f5; border: 2px solid #fecaca; border-radius: 20px; padding: 25px; text-align: center; margin-bottom: 20px; }
        .violation-reason { color: #c53030; font-size: 22px; font-weight: 900; margin: 0; }
        
        .footer-meta { display: flex; justify-content: space-between; gap: 10px; margin-top: 20px; }
        .meta-card { background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 14px; padding: 10px 14px; flex: 1; }
        .meta-card .label { font-size: 10px; font-weight: 900; color: #64748b; text-transform: uppercase; }
        .meta-card .value { font-size: 13px; font-weight: 800; color: var(--text); }

        .footer-actions { position: fixed; bottom: 0; left: 0; right: 0; background: #fff; border-top: 1px solid #e9ecef; display: flex; padding: 12px 8px; justify-content: center; z-index: 1000; }
        .footer-actions a { flex: 1; max-width: 100px; display: flex; flex-direction: column; align-items: center; text-decoration: none; background: #f8f9fa; border: 1px solid #dee2e6; padding: 10px 0; border-radius: 12px; }
        .footer-actions .label { font-size: 10px; font-weight: 800; color: #6b7280; text-transform: uppercase; }