/* Admin responsive — prevent horizontal overflow */
html, body { overflow-x: hidden; max-width: 100vw; }
.admin-wrap { overflow-x: hidden; max-width: 100%; }
.content { overflow-x: hidden; }

@media (max-width: 768px) {
    .admin-wrap { padding: 0 8px !important; }
    .admin-hero { padding: 14px 12px 10px !important; border-radius: 12px !important; }
    .admin-h1 { font-size: 16px !important; }
    .admin-sub { font-size: 11px !important; }
    .admin-card { padding: 10px !important; border-radius: 12px !important; overflow-x: auto !important; }

    /* Nav: horizontal scroll */
    .admin-nav { flex-wrap: nowrap !important; overflow-x: auto !important; -webkit-overflow-scrolling: touch; gap: 6px !important; padding-bottom: 6px !important; scrollbar-width: none; }
    .admin-nav::-webkit-scrollbar { display: none; }
    .admin-nav-link { white-space: nowrap !important; font-size: 11px !important; padding: 5px 10px !important; flex-shrink: 0 !important; }

    /* Tables: horizontal scroll wrapper */
    .admin-table { font-size: 10.5px !important; min-width: 600px; }
    .admin-table th, .admin-table td { padding: 5px 6px !important; white-space: nowrap; }

    /* Forms */
    .admin-form-row { flex-direction: column !important; gap: 8px !important; }
    .admin-form-row input[type="text"],
    .admin-form-row select { width: 100% !important; min-width: 0 !important; }

    /* Engagement metrics */
    .eng-metrics { grid-template-columns: 1fr 1fr !important; gap: 8px !important; }
    .eng-metric { padding: 10px !important; }
    .eng-metric-val { font-size: 18px !important; }
    .eng-grid { grid-template-columns: 1fr !important; gap: 10px !important; }

    /* Funnel */
    .eng-funnel { flex-direction: column !important; gap: 8px !important; }
    .eng-funnel-arrow { display: none !important; }

    /* KYC stats */
    .kyc-stats { grid-template-columns: 1fr 1fr !important; gap: 8px !important; }
    .kyc-stat { padding: 10px !important; }
    .kyc-stat-val { font-size: 18px !important; }

    /* KYC detail grid */
    .kyc-detail-grid { grid-template-columns: 1fr 1fr !important; gap: 6px 10px !important; }
    .kyc-detail { padding: 12px !important; }

    /* Email stats */
    .email-stats { flex-direction: column !important; }
    .email-stat { padding: 6px 10px !important; }
    .email-filter { flex-wrap: wrap !important; }

    /* Pagination */
    .admin-pagination { font-size: 11px !important; }
    .admin-pagination a, .admin-pagination span { padding: 4px 8px !important; }

    /* Engagement bars */
    .eng-bar-label { width: 70px !important; font-size: 10px !important; }
    .eng-bar-val { font-size: 10px !important; min-width: 30px !important; }
    .eng-spark { height: 30px !important; }
    .eng-period { flex-wrap: wrap !important; }

    /* Actions */
    .admin-actions { flex-wrap: wrap !important; }
    .admin-btn { font-size: 11px !important; padding: 5px 10px !important; }

    /* Summary grid */
    .admin-summary { grid-template-columns: 1fr 1fr !important; gap: 6px !important; font-size: 11px !important; }

    /* Progress cards */
    .admin-progress { flex-direction: column !important; }

    /* Tier summary */
    .admin-tier-summary { grid-template-columns: 1fr 1fr !important; }
}

@media (max-width: 480px) {
    .eng-metrics { grid-template-columns: 1fr !important; }
    .kyc-stats { grid-template-columns: 1fr !important; }
    .kyc-detail-grid { grid-template-columns: 1fr !important; }
    .admin-summary { grid-template-columns: 1fr !important; }
    .admin-tier-summary { grid-template-columns: 1fr !important; }
    .admin-table { min-width: 500px; }
}