<?php
if (!defined('ABSPATH')) exit;
?>
        <!-- TAB: ABOUT -->
        <div id="tab-about" class="mtcam-tab-content">

            <!-- ── HERO ── -->
            <div class="mtcam-about-hero">
                <div class="mtcam-about-hero-inner">
                    <div class="mtcam-about-logo">
                        <span class="mtcam-about-logo-icon">🎯</span>
                        <div>
                            <div class="mtcam-about-logo-title">My Trail Camera</div>
                            <div class="mtcam-about-logo-sub"><?php esc_html_e( 'Trail Camera Management & Anti-Theft System for WordPress', 'my-trail-camera' ); ?></div>
                        </div>
                    </div>
                    <div class="mtcam-about-version-badge">
                        <span class="mtcam-about-vbadge-label"><?php esc_html_e( 'Version', 'my-trail-camera' ); ?></span>
                        <span class="mtcam-about-vbadge-number"><?php echo esc_html( MTCAM_VERSION ); ?></span>
                        <span class="mtcam-about-vbadge-lic">GPL-2.0+</span>
                    </div>
                </div>
            </div>

            <!-- ── WHAT YOU CAN DO (full width, 2-col grid inside) ── -->
            <div class="mtcam-about-card">
                <h3 class="mtcam-about-card-title">⚡ <?php esc_html_e( 'What You Can Do', 'my-trail-camera' ); ?></h3>
                <div class="mtcam-about-action-list">

                    <div class="mtcam-about-action-group">
                        <div class="mtcam-about-action-group-title">📷 <?php esc_html_e( 'Functionality', 'my-trail-camera' ); ?></div>
                        <div class="mtcam-about-action-item"><span class="mtcam-about-action-dot mtcam-about-dot-blue"></span><?php esc_html_e( 'Dashboard with camera overview — status, battery, days in field, location', 'my-trail-camera' ); ?></div>
                        <div class="mtcam-about-action-item"><span class="mtcam-about-action-dot mtcam-about-dot-blue"></span><?php esc_html_e( 'Add, edit, and delete cameras with full detail forms', 'my-trail-camera' ); ?></div>
                        <div class="mtcam-about-action-item"><span class="mtcam-about-action-dot mtcam-about-dot-blue"></span><?php esc_html_e( 'Predefined camera profiles with battery and power specifications', 'my-trail-camera' ); ?></div>
                        <div class="mtcam-about-action-item"><span class="mtcam-about-action-dot mtcam-about-dot-blue"></span><?php esc_html_e( 'Trail camera statuses: active, testing, at home, stolen', 'my-trail-camera' ); ?></div>
                        <div class="mtcam-about-action-item"><span class="mtcam-about-action-dot mtcam-about-dot-blue"></span><?php esc_html_e( 'Low battery and monitoring end date alerts on dashboard', 'my-trail-camera' ); ?></div>
                        <div class="mtcam-about-action-item"><span class="mtcam-about-action-dot mtcam-about-dot-blue"></span><?php esc_html_e( 'GPS coordinates with interactive map pins', 'my-trail-camera' ); ?></div>
                        <div class="mtcam-about-action-item"><span class="mtcam-about-action-dot mtcam-about-dot-blue"></span><?php esc_html_e( 'Accessory tracking — batteries, SD cards, locks, GPS trackers, SIM cards with prices', 'my-trail-camera' ); ?></div>
                        <div class="mtcam-about-action-item"><span class="mtcam-about-action-dot mtcam-about-dot-blue"></span><?php esc_html_e( 'Security checklist — record what protection each camera has (box, cable, lock, password, etc.)', 'my-trail-camera' ); ?></div>
                        <div class="mtcam-about-action-item"><span class="mtcam-about-action-dot mtcam-about-dot-blue"></span><?php esc_html_e( 'Total stolen damage calculation with per-camera value (accessories included)', 'my-trail-camera' ); ?></div>
                        <div class="mtcam-about-action-item"><span class="mtcam-about-action-dot mtcam-about-dot-blue"></span><?php esc_html_e( 'Location rating — rate spots by wildlife activity, add notes, view on map', 'my-trail-camera' ); ?></div>
                        <div class="mtcam-about-action-item"><span class="mtcam-about-action-dot mtcam-about-dot-blue"></span><?php esc_html_e( 'Public shortcodes: stolen cameras, active cameras, detection log', 'my-trail-camera' ); ?></div>
                        <div class="mtcam-about-action-item"><span class="mtcam-about-action-dot mtcam-about-dot-blue"></span><?php esc_html_e( 'Backup export/import (cameras, settings, reviews) as JSON', 'my-trail-camera' ); ?></div>
                    </div>

                    <div class="mtcam-about-action-group">
                        <div class="mtcam-about-action-group-title">🪤 <?php esc_html_e( 'Anti-Theft System', 'my-trail-camera' ); ?></div>
                        <div class="mtcam-about-action-item"><span class="mtcam-about-action-dot mtcam-about-dot-red"></span><?php esc_html_e( 'Download honeypot bait files as ZIP — tailored per camera model', 'my-trail-camera' ); ?></div>
                        <div class="mtcam-about-action-item"><span class="mtcam-about-action-dot mtcam-about-dot-red"></span><?php esc_html_e( 'Collect IP address, GPS, OS, browser fingerprint, screen resolution, timezone', 'my-trail-camera' ); ?></div>
                        <div class="mtcam-about-action-item"><span class="mtcam-about-action-dot mtcam-about-dot-red"></span><?php esc_html_e( 'Email alert with full thief data on every detection', 'my-trail-camera' ); ?></div>
                    </div>

                </div>
            </div>

            <!-- ── BOTTOM CARDS: Quick Links + Requirements + Legal ── -->
            <div class="mtcam-about-bottom-grid">

                <div class="mtcam-about-card">
                    <h3 class="mtcam-about-card-title">🔗 <?php esc_html_e( 'Quick Links', 'my-trail-camera' ); ?></h3>
                    <div class="mtcam-about-links-grid">
                        <a href="https://wordpress.org/plugins/my-trail-camera/" target="_blank" rel="noopener noreferrer" class="mtcam-about-link mtcam-about-link-blue">🌐 WordPress.org</a>
                        <a href="https://wordpress.org/support/plugin/my-trail-camera/reviews/#new-post" target="_blank" rel="noopener noreferrer" class="mtcam-about-link mtcam-about-link-yellow">⭐ <?php esc_html_e( 'Rate Plugin', 'my-trail-camera' ); ?></a>
                        <a href="https://wordpress.org/support/plugin/my-trail-camera/" target="_blank" rel="noopener noreferrer" class="mtcam-about-link mtcam-about-link-green">💬 <?php esc_html_e( 'Support Forum', 'my-trail-camera' ); ?></a>
                        <a href="mailto:support@turiecfoto.sk" class="mtcam-about-link mtcam-about-link-purple">📧 <?php esc_html_e( 'Email Support', 'my-trail-camera' ); ?></a>
                        <a href="https://turiecfoto.sk" target="_blank" rel="noopener noreferrer" class="mtcam-about-link mtcam-about-link-teal">🌿 turiecfoto.sk</a>
                        <a href="https://www.gnu.org/licenses/gpl-2.0.html" target="_blank" rel="noopener noreferrer" class="mtcam-about-link mtcam-about-link-orange">🔓 GPL-2.0</a>
                        <a href="https://paypal.me/viktorcech1984" target="_blank" rel="noopener noreferrer" class="mtcam-about-link mtcam-about-link-donate">☕ <?php esc_html_e( 'Buy Me a Coffee', 'my-trail-camera' ); ?></a>
                    </div>
                </div>

                <div class="mtcam-about-card">
                    <h3 class="mtcam-about-card-title">🛠️ <?php esc_html_e( 'Requirements', 'my-trail-camera' ); ?></h3>
                    <div class="mtcam-about-req-list">
                        <div class="mtcam-about-req-row">
                            <span class="mtcam-about-req-name">🐘 PHP</span>
                            <span class="mtcam-about-req-need">7.4+</span>
                            <span class="mtcam-about-req-have <?php echo version_compare( PHP_VERSION, '7.4', '>=' ) ? 'mtcam-about-req-ok' : 'mtcam-about-req-warn'; ?>"><?php echo esc_html( PHP_VERSION ); ?></span>
                        </div>
                        <div class="mtcam-about-req-row">
                            <span class="mtcam-about-req-name">📦 WordPress</span>
                            <span class="mtcam-about-req-need">5.8+</span>
                            <span class="mtcam-about-req-have <?php echo version_compare( get_bloginfo( 'version' ), '5.8', '>=' ) ? 'mtcam-about-req-ok' : 'mtcam-about-req-warn'; ?>"><?php echo esc_html( get_bloginfo( 'version' ) ); ?></span>
                        </div>
                    </div>
                </div>

                <div class="mtcam-about-card">
                    <h3 class="mtcam-about-card-title">⚖️ <?php esc_html_e( 'Privacy & Legal', 'my-trail-camera' ); ?></h3>
                    <p style="font-size:12px; color:#555; line-height:1.7; margin:0 0 12px 0;">
                        <?php esc_html_e( 'Bait files collect data only when opened from a stolen SD card — triggered solely by the act of theft. As the camera owner, you are responsible for complying with local privacy laws. Collected data is intended solely for theft recovery and law enforcement.', 'my-trail-camera' ); ?>
                    </p>
                    <h4 style="font-size:13px; color:#333; margin:12px 0 8px 0;">🌐 <?php esc_html_e( 'Third-Party Services', 'my-trail-camera' ); ?></h4>
                    <ul style="font-size:12px; color:#555; line-height:1.7; margin:0; padding-left:18px;">
                    </ul>
                </div>

            </div>

            <!-- ── DEBUG PANEL (collapsible) ── -->
            <?php
            global $wpdb;

            // --- DB tables check ---
            $mtcam_debug_tables = array(
                'mtcam_cameras'        => $wpdb->prefix . 'mtcam_cameras',
                'mtcam_detections'          => $wpdb->prefix . 'mtcam_detections',
                'mtcam_location_reviews' => $wpdb->prefix . 'mtcam_location_reviews',
            );
            $mtcam_debug_table_results = array();
            foreach ( $mtcam_debug_tables as $mtcam_dt_key => $mtcam_dt_name ) {
                $mtcam_dt_exists = mtcam_db_get_var( $wpdb->prepare( 'SHOW TABLES LIKE %s', $mtcam_dt_name ) ) === $mtcam_dt_name;
                $mtcam_dt_count  = $mtcam_dt_exists ? intval( mtcam_db_get_var( "SELECT COUNT(*) FROM `{$mtcam_dt_name}`" ) ) : 0;
                $mtcam_debug_table_results[ $mtcam_dt_key ] = array( 'exists' => $mtcam_dt_exists, 'count' => $mtcam_dt_count );
            }

            // --- REST API check ---
            $mtcam_debug_rest_url  = rest_url( 'mtcam/v1/log' );
            $mtcam_debug_rest_resp = wp_remote_get( $mtcam_debug_rest_url, array( 'timeout' => 5, 'sslverify' => false ) );
            $mtcam_debug_rest_ok   = ! is_wp_error( $mtcam_debug_rest_resp ) && wp_remote_retrieve_response_code( $mtcam_debug_rest_resp ) < 500;
            $mtcam_debug_rest_code = is_wp_error( $mtcam_debug_rest_resp )
                ? $mtcam_debug_rest_resp->get_error_message()
                : wp_remote_retrieve_response_code( $mtcam_debug_rest_resp );

            // --- Key options ---
            $mtcam_debug_options = array(
                'mtcam_notifications'   => get_option( 'mtcam_notifications', '—' ),
                'mtcam_notify_email'    => get_option( 'mtcam_notify_email', '—' ),
                'mtcam_version'         => get_option( 'mtcam_version', '—' ),
                'mtcam_theft_alert_radius'    => get_option( 'mtcam_theft_alert_radius', '—' ),
                'mtcam_data_retention'  => get_option( 'mtcam_data_retention', '—' ),
            );

            // --- Upload dir ---
            $mtcam_debug_upload     = wp_upload_dir();
            $mtcam_debug_upload_ok  = wp_is_writable( $mtcam_debug_upload['basedir'] );
            $mtcam_debug_temp_dir   = $mtcam_debug_upload['basedir'] . '/mtcam_temp/';
            $mtcam_debug_temp_ok    = is_dir( $mtcam_debug_temp_dir ) && wp_is_writable( $mtcam_debug_temp_dir );

            // --- External APIs ---

            // --- Bait system checks ---
            // wp_mail() — test if email sending works (dry run via phpmailer_init filter)
            $mtcam_debug_mail_ok = false;
            $mtcam_debug_mail_err = '';
            try {
                // Use a filter to intercept PHPMailer before it actually sends
                add_action( 'phpmailer_init', $mtcam_debug_mail_intercept = function( $phpmailer ) {
                    // Override to use 'mail' transport and a blackhole address
                    // This validates SMTP config without actually sending
                    throw new Exception( 'mtcam_debug_intercept' );
                }, 99999 );
                wp_mail( 'debug-test@example.invalid', 'MTC Debug Test', 'Test' );
                $mtcam_debug_mail_ok = true;
            } catch ( Exception $e ) {
                if ( $e->getMessage() === 'mtcam_debug_intercept' ) {
                    // Intercepted = PHPMailer initialized OK, wp_mail pipeline works
                    $mtcam_debug_mail_ok = true;
                } else {
                    $mtcam_debug_mail_err = $e->getMessage();
                }
            }
            remove_action( 'phpmailer_init', $mtcam_debug_mail_intercept, 99999 );

            // ZipArchive — can we create a ZIP?
            $mtcam_debug_zip_ok  = false;
            $mtcam_debug_zip_err = '';
            if ( class_exists( 'ZipArchive' ) ) {
                $mtcam_debug_zip_path = $mtcam_debug_upload['basedir'] . '/mtcam_temp/debug_test_' . time() . '.zip';
                wp_mkdir_p( dirname( $mtcam_debug_zip_path ) );
                $mtcam_debug_zip = new ZipArchive();
                $mtcam_debug_zip_res = $mtcam_debug_zip->open( $mtcam_debug_zip_path, ZipArchive::CREATE | ZipArchive::OVERWRITE );
                if ( $mtcam_debug_zip_res === true ) {
                    $mtcam_debug_zip->addFromString( 'test.txt', 'MTC debug test' );
                    $mtcam_debug_zip->close();
                    if ( file_exists( $mtcam_debug_zip_path ) && filesize( $mtcam_debug_zip_path ) > 0 ) {
                        $mtcam_debug_zip_ok = true;
                    } else {
                        $mtcam_debug_zip_err = __( 'ZIP created but empty', 'my-trail-camera' );
                    }
                    wp_delete_file( $mtcam_debug_zip_path );
                } else {
                    $mtcam_debug_zip_err = __( 'Cannot open ZIP for writing', 'my-trail-camera' );
                }
            } else {
                $mtcam_debug_zip_err = __( 'ZipArchive class missing', 'my-trail-camera' );
            }

            // HMAC — does hash_hmac work?
            $mtcam_debug_hmac_ok = false;
            if ( function_exists( 'hash_hmac' ) ) {
                $mtcam_debug_hmac_test = hash_hmac( 'sha256', 'test_payload', 'test_secret' );
                $mtcam_debug_hmac_ok   = ! empty( $mtcam_debug_hmac_test ) && strlen( $mtcam_debug_hmac_test ) === 64;
            }

            // --- PHP extensions ---
            $mtcam_debug_extensions = array(
                'json'     => extension_loaded( 'json' ),
                'mbstring' => extension_loaded( 'mbstring' ),
                'openssl'  => extension_loaded( 'openssl' ),
                'zip'      => extension_loaded( 'zip' ),
            );

            // --- Count issues ---
            $mtcam_debug_issues = 0;
            foreach ( $mtcam_debug_table_results as $mtcam_dt_r ) {
                if ( ! $mtcam_dt_r['exists'] ) { $mtcam_debug_issues++; }
            }
            if ( ! $mtcam_debug_rest_ok ) { $mtcam_debug_issues++; }
            if ( ! $mtcam_debug_upload_ok ) { $mtcam_debug_issues++; }
            if ( ! $mtcam_debug_extensions['json'] ) { $mtcam_debug_issues++; }
            if ( ! $mtcam_debug_extensions['zip'] ) { $mtcam_debug_issues++; }
            if ( ! $mtcam_debug_extensions['openssl'] ) { $mtcam_debug_issues++; }
            if ( ! $mtcam_debug_mail_ok ) { $mtcam_debug_issues++; }
            if ( ! $mtcam_debug_zip_ok ) { $mtcam_debug_issues++; }
            if ( ! $mtcam_debug_hmac_ok ) { $mtcam_debug_issues++; }
            ?>
            <div class="mtcam-about-card" style="margin-top:20px;">
                <h3 class="mtcam-about-card-title" style="cursor:pointer; user-select:none; display:flex; align-items:center; justify-content:space-between;" onclick="var p=this.nextElementSibling;p.style.display=p.style.display==='none'?'block':'none';this.querySelector('.mtcam-debug-arrow').textContent=p.style.display==='none'?'&#9654;':'&#9660;';">
                    <span>
                        🔧 <?php esc_html_e( 'System Debug', 'my-trail-camera' ); ?>
                        <?php if ( $mtcam_debug_issues > 0 ) : ?>
                            <span style="background:#dc3545;color:#fff;font-size:10px;padding:2px 7px;border-radius:10px;margin-left:8px;"><?php echo esc_html( $mtcam_debug_issues ); ?></span>
                        <?php else : ?>
                            <span style="background:#28a745;color:#fff;font-size:10px;padding:2px 7px;border-radius:10px;margin-left:8px;">OK</span>
                        <?php endif; ?>
                    </span>
                    <span class="mtcam-debug-arrow" style="font-size:11px;color:#999;">&#9654;</span>
                </h3>
                <div style="display:none;">
                    <div class="mtcam-debug-grid" style="display:grid; grid-template-columns:repeat(4, 1fr); gap:16px;">

                    <!-- ═══ PANEL 1: Infrastructure ═══ -->
                    <div style="background:var(--mtcam-bg);border-radius:var(--mtcam-radius);padding:14px;">
                        <div style="font-size:12px;font-weight:700;color:#333;margin-bottom:10px;padding-bottom:6px;border-bottom:2px solid var(--mtcam-border-light);">📦 <?php esc_html_e( 'Infrastructure', 'my-trail-camera' ); ?></div>

                        <!-- DB Tables -->
                        <div class="mtcam-about-req-list" style="margin-bottom:12px;">
                            <?php foreach ( $mtcam_debug_table_results as $mtcam_dt_key => $mtcam_dt_r ) : ?>
                            <div class="mtcam-about-req-row" style="grid-template-columns:1fr auto;">
                                <span class="mtcam-about-req-name" style="font-size:10px;"><?php echo esc_html( $mtcam_dt_key ); ?></span>
                                <span class="mtcam-about-req-have <?php echo $mtcam_dt_r['exists'] ? 'mtcam-about-req-ok' : 'mtcam-about-req-warn'; ?>">
                                    <?php
                                    if ( $mtcam_dt_r['exists'] ) {
                                        echo '✓ ' . esc_html( number_format_i18n( $mtcam_dt_r['count'] ) . ' ' . __( 'rows', 'my-trail-camera' ) );
                                    } else {
                                        echo '✗ ' . esc_html__( 'Missing', 'my-trail-camera' );
                                    }
                                    ?>
                                </span>
                            </div>
                            <?php endforeach; ?>
                        </div>

                        <!-- REST API -->
                        <div class="mtcam-about-req-list" style="margin-bottom:12px;">
                            <div class="mtcam-about-req-row" style="grid-template-columns:1fr auto;">
                                <span class="mtcam-about-req-name" style="font-size:10px;">🌐 REST API</span>
                                <span class="mtcam-about-req-have <?php echo $mtcam_debug_rest_ok ? 'mtcam-about-req-ok' : 'mtcam-about-req-warn'; ?>">
                                    <?php echo $mtcam_debug_rest_ok ? '✓' : '✗'; ?> <?php echo esc_html( $mtcam_debug_rest_code ); ?>
                                </span>
                            </div>
                        </div>

                        <!-- Filesystem -->
                        <div class="mtcam-about-req-list">
                            <div class="mtcam-about-req-row" style="grid-template-columns:1fr auto;">
                                <span class="mtcam-about-req-name" style="font-size:10px;">📂 uploads/</span>
                                <span class="mtcam-about-req-have <?php echo $mtcam_debug_upload_ok ? 'mtcam-about-req-ok' : 'mtcam-about-req-warn'; ?>">
                                    <?php echo $mtcam_debug_upload_ok ? '✓ ' . esc_html__( 'Writable', 'my-trail-camera' ) : '✗'; ?>
                                </span>
                            </div>
                            <div class="mtcam-about-req-row" style="grid-template-columns:1fr auto;">
                                <span class="mtcam-about-req-name" style="font-size:10px;">📂 mtcam_temp/</span>
                                <span class="mtcam-about-req-have <?php echo $mtcam_debug_temp_ok ? 'mtcam-about-req-ok' : ''; ?>" style="<?php echo $mtcam_debug_temp_ok ? '' : 'color:#999;'; ?>">
                                    <?php
                                    if ( $mtcam_debug_temp_ok ) {
                                        echo '✓';
                                    } elseif ( is_dir( $mtcam_debug_temp_dir ) ) {
                                        echo '⚠ ' . esc_html__( 'Not writable', 'my-trail-camera' );
                                    } else {
                                        esc_html_e( 'Not yet', 'my-trail-camera' );
                                    }
                                    ?>
                                </span>
                            </div>
                        </div>
                    </div>

                    <!-- ═══ PANEL 2: Configuration ═══ -->
                    <div style="background:var(--mtcam-bg);border-radius:var(--mtcam-radius);padding:14px;">
                        <div style="font-size:12px;font-weight:700;color:#333;margin-bottom:10px;padding-bottom:6px;border-bottom:2px solid var(--mtcam-border-light);">⚙️ <?php esc_html_e( 'Configuration', 'my-trail-camera' ); ?></div>

                        <!-- Options -->
                        <div class="mtcam-about-req-list" style="margin-bottom:12px;">
                            <?php foreach ( $mtcam_debug_options as $mtcam_do_key => $mtcam_do_val ) : ?>
                            <div class="mtcam-about-req-row" style="grid-template-columns:1fr auto;">
                                <span class="mtcam-about-req-name" style="font-size:10px;font-family:monospace;"><?php echo esc_html( str_replace( array( 'mtcam_', 'mtcam_' ), '', $mtcam_do_key ) ); ?></span>
                                <span class="mtcam-about-req-have" style="color:#333;font-size:10px;"><?php
                                    if ( $mtcam_do_key === 'mtcam_notify_email' && $mtcam_do_val !== '—' ) {
                                        $mtcam_do_parts = explode( '@', $mtcam_do_val );
                                        echo esc_html( substr( $mtcam_do_parts[0], 0, 2 ) . '***@' . ( $mtcam_do_parts[1] ?? '' ) );
                                    } else {
                                        echo esc_html( $mtcam_do_val );
                                    }
                                ?></span>
                            </div>
                            <?php endforeach; ?>
                        </div>

                        <!-- PHP Extensions -->
                        <div class="mtcam-about-req-list">
                            <?php foreach ( $mtcam_debug_extensions as $mtcam_de_name => $mtcam_de_ok ) : ?>
                            <div class="mtcam-about-req-row" style="grid-template-columns:1fr auto;">
                                <span class="mtcam-about-req-name" style="font-size:10px;">🐘 <?php echo esc_html( $mtcam_de_name ); ?></span>
                                <span class="mtcam-about-req-have <?php echo $mtcam_de_ok ? 'mtcam-about-req-ok' : 'mtcam-about-req-warn'; ?>">
                                    <?php
                                    if ( $mtcam_de_ok ) {
                                        echo '✓';
                                    } else {
                                        echo '✗';
                                    }
                                    ?>
                                </span>
                            </div>
                            <?php endforeach; ?>
                        </div>
                    </div>

                    <!-- ═══ PANEL 4: Bait System ═══ -->
                    <div style="background:var(--mtcam-bg);border-radius:var(--mtcam-radius);padding:14px;">
                        <div style="font-size:12px;font-weight:700;color:#333;margin-bottom:10px;padding-bottom:6px;border-bottom:2px solid var(--mtcam-border-light);">🪤 <?php esc_html_e( 'Bait System', 'my-trail-camera' ); ?></div>

                        <div class="mtcam-about-req-list">
                            <!-- wp_mail -->
                            <div class="mtcam-about-req-row" style="grid-template-columns:1fr auto;">
                                <span class="mtcam-about-req-name" style="font-size:10px;">📧 wp_mail()</span>
                                <span class="mtcam-about-req-have <?php echo $mtcam_debug_mail_ok ? 'mtcam-about-req-ok' : 'mtcam-about-req-warn'; ?>">
                                    <?php
                                    if ( $mtcam_debug_mail_ok ) {
                                        echo '✓';
                                    } else {
                                        echo '✗';
                                        if ( $mtcam_debug_mail_err ) {
                                            echo ' <span style="font-size:9px;color:#999;">' . esc_html( $mtcam_debug_mail_err ) . '</span>';
                                        }
                                    }
                                    ?>
                                </span>
                            </div>

                            <!-- ZipArchive -->
                            <div class="mtcam-about-req-row" style="grid-template-columns:1fr auto;">
                                <span class="mtcam-about-req-name" style="font-size:10px;">📦 <?php esc_html_e( 'Bait ZIP', 'my-trail-camera' ); ?></span>
                                <span class="mtcam-about-req-have <?php echo $mtcam_debug_zip_ok ? 'mtcam-about-req-ok' : 'mtcam-about-req-warn'; ?>">
                                    <?php
                                    if ( $mtcam_debug_zip_ok ) {
                                        echo '✓';
                                    } else {
                                        echo '✗';
                                        if ( $mtcam_debug_zip_err ) {
                                            echo ' <span style="font-size:9px;color:#999;">' . esc_html( $mtcam_debug_zip_err ) . '</span>';
                                        }
                                    }
                                    ?>
                                </span>
                            </div>

                            <!-- HMAC -->
                            <div class="mtcam-about-req-row" style="grid-template-columns:1fr auto;">
                                <span class="mtcam-about-req-name" style="font-size:10px;">🔐 HMAC sha256</span>
                                <span class="mtcam-about-req-have <?php echo $mtcam_debug_hmac_ok ? 'mtcam-about-req-ok' : 'mtcam-about-req-warn'; ?>">
                                    <?php echo $mtcam_debug_hmac_ok ? '✓' : '✗'; ?>
                                </span>
                            </div>
                        </div>
                    </div>

                    </div><!-- /grid -->

                    <!-- Responsive: stack on smaller screens -->
                    <?php
                    $mtcam_debug_css = '@media(max-width:1200px){.mtcam-debug-grid{grid-template-columns:1fr 1fr !important}}'
                        . '@media(max-width:600px){.mtcam-debug-grid{grid-template-columns:1fr !important}}';
                    wp_add_inline_style( 'mtcam-admin', $mtcam_debug_css );
                    ?>
                </div>
            </div>

        </div><!-- /tab-about -->
