{"id":18517,"date":"2026-06-22T09:18:07","date_gmt":"2026-06-22T09:18:07","guid":{"rendered":"https:\/\/tendify.net\/?p=18517"},"modified":"2026-08-24T06:59:41","modified_gmt":"2026-08-24T06:59:41","slug":"export-label-compliance-checklist","status":"publish","type":"post","link":"https:\/\/tendify.net\/fa\/export-label-compliance-checklist\/","title":{"rendered":"Free Export Label Compliance Checklist"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"18517\" class=\"elementor elementor-18517\" data-elementor-post-type=\"post\">\n\t\t\t\t<div class=\"wd-negative-gap elementor-element elementor-element-dcdf10b e-flex e-con-boxed e-con e-parent\" data-id=\"dcdf10b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c2cb199 elementor-widget elementor-widget-html\" data-id=\"c2cb199\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n   TENDIFY COMPLIANCE CHECKER\r\n   WordPress \/ Elementor Safe Version\r\n   ========================================================= *\/\r\n\r\n.tendify-compliance-widget {\r\n    --tendify-bg-primary: #030712;\r\n    --tendify-bg-secondary: #0b0f19;\r\n    --tendify-bg-tertiary: #1f2937;\r\n    --tendify-accent-primary: #10b981;\r\n    --tendify-accent-secondary: #3b82f6;\r\n    --tendify-accent-warning: #f59e0b;\r\n    --tendify-accent-danger: #ef4444;\r\n    --tendify-text-main: #f9fafb;\r\n    --tendify-text-muted: #9ca3af;\r\n    --tendify-border: #374151;\r\n    --tendify-radius: 12px;\r\n    --tendify-font: Inter, system-ui, -apple-system, BlinkMacSystemFont,\r\n        \"Segoe UI\", Roboto, sans-serif;\r\n\r\n    font-family: var(--tendify-font);\r\n    background-color: var(--tendify-bg-secondary);\r\n    color: var(--tendify-text-main);\r\n    padding: 28px;\r\n    border-radius: var(--tendify-radius);\r\n    border: 1px solid var(--tendify-border);\r\n    max-width: 900px;\r\n    margin: 20px auto;\r\n    box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.7);\r\n    box-sizing: border-box;\r\n    position: relative;\r\n    overflow: hidden;\r\n    line-height: 1.5;\r\n    text-align: left;\r\n}\r\n\r\n.tendify-compliance-widget *,\r\n.tendify-compliance-widget *::before,\r\n.tendify-compliance-widget *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* =========================================================\r\n   HEADER\r\n   ========================================================= *\/\r\n\r\n.tendify-compliance-widget .widget-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    border-bottom: 2px solid var(--tendify-border);\r\n    padding-bottom: 20px;\r\n    margin-bottom: 24px;\r\n}\r\n\r\n.tendify-compliance-widget .widget-title-area h2 {\r\n    margin: 0;\r\n    padding: 0;\r\n    font-size: 26px;\r\n    line-height: 1.25;\r\n    color: #ffffff;\r\n    font-weight: 800;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    letter-spacing: -0.025em;\r\n}\r\n\r\n.tendify-compliance-widget .widget-title-area h2 i {\r\n    color: var(--tendify-accent-primary);\r\n}\r\n\r\n.tendify-compliance-widget .widget-title-area p {\r\n    margin: 6px 0 0;\r\n    padding: 0;\r\n    font-size: 14px;\r\n    color: var(--tendify-text-muted);\r\n    line-height: 1.5;\r\n}\r\n\r\n\/* =========================================================\r\n   SELECTION GRID\r\n   ========================================================= *\/\r\n\r\n.tendify-compliance-widget .selection-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    gap: 18px;\r\n    margin-bottom: 24px;\r\n}\r\n\r\n.tendify-compliance-widget .form-group {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 8px;\r\n}\r\n\r\n.tendify-compliance-widget .form-group label {\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.05em;\r\n    color: var(--tendify-text-muted);\r\n}\r\n\r\n.tendify-compliance-widget .form-group select {\r\n    width: 100%;\r\n    background-color: var(--tendify-bg-primary);\r\n    color: #ffffff;\r\n    border: 1px solid var(--tendify-border);\r\n    padding: 14px;\r\n    border-radius: 8px;\r\n    outline: none;\r\n    font-size: 15px;\r\n    cursor: pointer;\r\n    transition: all 0.25s ease;\r\n    min-height: 48px;\r\n}\r\n\r\n.tendify-compliance-widget .form-group select:focus {\r\n    border-color: var(--tendify-accent-secondary);\r\n    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15);\r\n}\r\n\r\n\/* =========================================================\r\n   STATUS CARD\r\n   ========================================================= *\/\r\n\r\n.tendify-compliance-widget .status-card {\r\n    background: linear-gradient(135deg, #111827, #030712);\r\n    border-radius: var(--tendify-radius);\r\n    padding: 20px;\r\n    border: 1px solid var(--tendify-border);\r\n    margin-bottom: 24px;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    flex-wrap: wrap;\r\n    gap: 20px;\r\n}\r\n\r\n.tendify-compliance-widget .progress-section {\r\n    flex: 1;\r\n    min-width: 250px;\r\n}\r\n\r\n.tendify-compliance-widget .progress-label-container {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    margin-bottom: 10px;\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n}\r\n\r\n.tendify-compliance-widget .progress-bar-bg {\r\n    background-color: var(--tendify-bg-tertiary);\r\n    height: 12px;\r\n    border-radius: 6px;\r\n    overflow: hidden;\r\n}\r\n\r\n.tendify-compliance-widget .progress-bar-fill {\r\n    background: linear-gradient(\r\n        90deg,\r\n        var(--tendify-accent-secondary),\r\n        var(--tendify-accent-primary)\r\n    );\r\n    height: 100%;\r\n    width: 0%;\r\n    transition: width 0.4s ease-out;\r\n}\r\n\r\n.tendify-compliance-widget .risk-badge {\r\n    padding: 12px 20px;\r\n    border-radius: 30px;\r\n    font-weight: 800;\r\n    font-size: 13px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    letter-spacing: 0.05em;\r\n}\r\n\r\n.tendify-compliance-widget .risk-high {\r\n    background-color: rgba(239, 68, 68, 0.15);\r\n    color: var(--tendify-accent-danger);\r\n    border: 1px solid var(--tendify-accent-danger);\r\n}\r\n\r\n.tendify-compliance-widget .risk-medium {\r\n    background-color: rgba(245, 158, 11, 0.15);\r\n    color: var(--tendify-accent-warning);\r\n    border: 1px solid var(--tendify-accent-warning);\r\n}\r\n\r\n.tendify-compliance-widget .risk-low {\r\n    background-color: rgba(16, 185, 129, 0.15);\r\n    color: var(--tendify-accent-primary);\r\n    border: 1px solid var(--tendify-accent-primary);\r\n}\r\n\r\n\/* =========================================================\r\n   CONTROLS\r\n   ========================================================= *\/\r\n\r\n.tendify-compliance-widget .controls-row {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    gap: 12px;\r\n    margin-bottom: 20px;\r\n    flex-wrap: wrap;\r\n}\r\n\r\n.tendify-compliance-widget .search-wrapper {\r\n    position: relative;\r\n    flex: 1;\r\n    min-width: 250px;\r\n}\r\n\r\n.tendify-compliance-widget .search-wrapper > i {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 14px;\r\n    transform: translateY(-50%);\r\n    color: var(--tendify-text-muted);\r\n    pointer-events: none;\r\n}\r\n\r\n.tendify-compliance-widget .search-input {\r\n    width: 100%;\r\n    background-color: var(--tendify-bg-primary);\r\n    border: 1px solid var(--tendify-border);\r\n    padding: 12px 14px 12px 42px;\r\n    border-radius: 8px;\r\n    color: #ffffff;\r\n    outline: none;\r\n    font-size: 14px;\r\n    transition: all 0.25s ease;\r\n}\r\n\r\n.tendify-compliance-widget .search-input::placeholder {\r\n    color: #6b7280;\r\n}\r\n\r\n.tendify-compliance-widget .search-input:focus {\r\n    border-color: var(--tendify-accent-secondary);\r\n    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15);\r\n}\r\n\r\n.tendify-compliance-widget .filter-buttons {\r\n    display: flex;\r\n    gap: 8px;\r\n    flex-wrap: wrap;\r\n}\r\n\r\n.tendify-compliance-widget .filter-btn {\r\n    background-color: var(--tendify-bg-primary);\r\n    border: 1px solid var(--tendify-border);\r\n    color: var(--tendify-text-muted);\r\n    padding: 8px 16px;\r\n    border-radius: 6px;\r\n    cursor: pointer;\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    transition: all 0.2s;\r\n}\r\n\r\n.tendify-compliance-widget .filter-btn.active,\r\n.tendify-compliance-widget .filter-btn:hover {\r\n    background-color: var(--tendify-bg-tertiary);\r\n    color: #ffffff;\r\n    border-color: var(--tendify-text-muted);\r\n}\r\n\r\n\/* =========================================================\r\n   CHECKLIST\r\n   ========================================================= *\/\r\n\r\n.tendify-compliance-widget .checklist-container {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 14px;\r\n    margin-bottom: 28px;\r\n    max-height: 480px;\r\n    overflow-y: auto;\r\n    padding-right: 6px;\r\n}\r\n\r\n.tendify-compliance-widget .checklist-container::-webkit-scrollbar {\r\n    width: 6px;\r\n}\r\n\r\n.tendify-compliance-widget .checklist-container::-webkit-scrollbar-track {\r\n    background: var(--tendify-bg-primary);\r\n}\r\n\r\n.tendify-compliance-widget .checklist-container::-webkit-scrollbar-thumb {\r\n    background: var(--tendify-border);\r\n    border-radius: 3px;\r\n}\r\n\r\n.tendify-compliance-widget .checklist-item {\r\n    background-color: var(--tendify-bg-primary);\r\n    border: 1px solid var(--tendify-border);\r\n    border-radius: var(--tendify-radius);\r\n    padding: 18px;\r\n    display: flex;\r\n    gap: 16px;\r\n    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\r\n    cursor: pointer;\r\n    position: relative;\r\n}\r\n\r\n.tendify-compliance-widget .checklist-item:hover {\r\n    border-color: #4b5563;\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);\r\n}\r\n\r\n.tendify-compliance-widget .checklist-item.checked {\r\n    border-color: rgba(16, 185, 129, 0.4);\r\n    background-color: rgba(16, 185, 129, 0.02);\r\n}\r\n\r\n.tendify-compliance-widget .custom-checkbox-container {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    margin-top: 2px;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.tendify-compliance-widget .checkbox-trigger {\r\n    width: 24px;\r\n    height: 24px;\r\n    border-radius: 6px;\r\n    border: 2px solid var(--tendify-border);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    transition: all 0.2s;\r\n    background-color: var(--tendify-bg-secondary);\r\n    color: transparent;\r\n}\r\n\r\n.tendify-compliance-widget .checklist-item.checked .checkbox-trigger {\r\n    background-color: var(--tendify-accent-primary);\r\n    border-color: var(--tendify-accent-primary);\r\n    color: #ffffff;\r\n}\r\n\r\n.tendify-compliance-widget .item-content {\r\n    flex: 1;\r\n    min-width: 0;\r\n}\r\n\r\n.tendify-compliance-widget .item-header-row {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    flex-wrap: wrap;\r\n    gap: 8px;\r\n    margin-bottom: 8px;\r\n}\r\n\r\n.tendify-compliance-widget .item-title {\r\n    font-weight: 700;\r\n    font-size: 16px;\r\n    color: #ffffff;\r\n    letter-spacing: -0.01em;\r\n}\r\n\r\n.tendify-compliance-widget .checklist-item.checked .item-title {\r\n    text-decoration: line-through;\r\n    color: var(--tendify-text-muted);\r\n}\r\n\r\n.tendify-compliance-widget .severity-badge {\r\n    font-size: 11px;\r\n    padding: 3px 10px;\r\n    border-radius: 5px;\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.05em;\r\n    white-space: nowrap;\r\n}\r\n\r\n.tendify-compliance-widget .severity-critical {\r\n    background-color: rgba(239, 68, 68, 0.15);\r\n    color: #fca5a5;\r\n    border: 1px solid rgba(239, 68, 68, 0.3);\r\n}\r\n\r\n.tendify-compliance-widget .severity-major {\r\n    background-color: rgba(245, 158, 11, 0.15);\r\n    color: #fde047;\r\n    border: 1px solid rgba(245, 158, 11, 0.3);\r\n}\r\n\r\n.tendify-compliance-widget .severity-minor {\r\n    background-color: rgba(59, 130, 246, 0.15);\r\n    color: #93c5fd;\r\n    border: 1px solid rgba(59, 130, 246, 0.3);\r\n}\r\n\r\n.tendify-compliance-widget .item-desc {\r\n    font-size: 14px;\r\n    color: var(--tendify-text-muted);\r\n    line-height: 1.6;\r\n    margin: 0 0 10px;\r\n}\r\n\r\n.tendify-compliance-widget .item-tip {\r\n    font-size: 12.5px;\r\n    background-color: var(--tendify-bg-secondary);\r\n    padding: 10px 14px;\r\n    border-radius: 6px;\r\n    border-left: 3px solid var(--tendify-accent-secondary);\r\n    color: #cbd5e1;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    line-height: 1.5;\r\n}\r\n\r\n.tendify-compliance-widget .item-tip > i {\r\n    flex-shrink: 0;\r\n}\r\n\r\n\/* =========================================================\r\n   ACTION FOOTER\r\n   ========================================================= *\/\r\n\r\n.tendify-compliance-widget .actions-footer {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    border-top: 1px solid var(--tendify-border);\r\n    padding-top: 20px;\r\n    flex-wrap: wrap;\r\n    gap: 12px;\r\n}\r\n\r\n.tendify-compliance-widget .action-group-right {\r\n    display: flex;\r\n    gap: 10px;\r\n    flex-wrap: wrap;\r\n}\r\n\r\n.tendify-compliance-widget .action-btn {\r\n    background-color: var(--tendify-accent-secondary);\r\n    color: #ffffff;\r\n    border: none;\r\n    padding: 12px 22px;\r\n    border-radius: 8px;\r\n    cursor: pointer;\r\n    font-weight: 600;\r\n    font-size: 14px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 8px;\r\n    transition: all 0.2s ease;\r\n}\r\n\r\n.tendify-compliance-widget .action-btn:hover {\r\n    opacity: 0.9;\r\n    transform: translateY(-1px);\r\n}\r\n\r\n.tendify-compliance-widget .action-btn-secondary {\r\n    background-color: var(--tendify-bg-primary);\r\n    border: 1px solid var(--tendify-border);\r\n    color: var(--tendify-text-main);\r\n}\r\n\r\n.tendify-compliance-widget .action-btn-secondary:hover {\r\n    background-color: var(--tendify-bg-tertiary);\r\n}\r\n\r\n.tendify-compliance-widget .action-btn-pdf {\r\n    background-color: var(--tendify-accent-primary);\r\n}\r\n\r\n\/* =========================================================\r\n   TOAST\r\n   ========================================================= *\/\r\n\r\n.tendify-compliance-widget .toast-notification {\r\n    position: absolute;\r\n    bottom: 24px;\r\n    left: 50%;\r\n    transform: translateX(-50%) translateY(100px);\r\n    background-color: var(--tendify-accent-primary);\r\n    color: #ffffff;\r\n    padding: 12px 24px;\r\n    border-radius: 30px;\r\n    font-weight: 600;\r\n    font-size: 14px;\r\n    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4);\r\n    transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    z-index: 1000;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    pointer-events: none;\r\n}\r\n\r\n.tendify-compliance-widget .toast-notification.show {\r\n    transform: translateX(-50%) translateY(0);\r\n}\r\n\r\n\/* =========================================================\r\n   RESPONSIVE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 640px) {\r\n\r\n    .tendify-compliance-widget {\r\n        padding: 18px;\r\n        margin: 12px auto;\r\n    }\r\n\r\n    .tendify-compliance-widget .widget-title-area h2 {\r\n        font-size: 21px;\r\n    }\r\n\r\n    .tendify-compliance-widget .selection-grid {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .tendify-compliance-widget .status-card {\r\n        padding: 16px;\r\n    }\r\n\r\n    .tendify-compliance-widget .progress-section {\r\n        min-width: 100%;\r\n    }\r\n\r\n    .tendify-compliance-widget .controls-row {\r\n        align-items: stretch;\r\n    }\r\n\r\n    .tendify-compliance-widget .search-wrapper {\r\n        min-width: 100%;\r\n    }\r\n\r\n    .tendify-compliance-widget .filter-buttons {\r\n        width: 100%;\r\n    }\r\n\r\n    .tendify-compliance-widget .filter-btn {\r\n        flex: 1;\r\n    }\r\n\r\n    .tendify-compliance-widget .actions-footer {\r\n        flex-direction: column;\r\n        align-items: stretch;\r\n    }\r\n\r\n    .tendify-compliance-widget .action-group-right {\r\n        flex-direction: column;\r\n    }\r\n\r\n    .tendify-compliance-widget .action-btn {\r\n        width: 100%;\r\n    }\r\n\r\n    .tendify-compliance-widget .checklist-item {\r\n        padding: 14px;\r\n        gap: 12px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<div class=\"tendify-compliance-widget\" id=\"tendifyComplianceWidget\">\r\n\r\n    <!-- HEADER -->\r\n    <div class=\"widget-header\">\r\n        <div class=\"widget-title-area\">\r\n            <h2>\r\n                <i class=\"fa-solid fa-clipboard-check\"><\/i>\r\n                <span id=\"tendifyLblWidgetTitle\">\r\n                    Export Compliance Label Checker\r\n                <\/span>\r\n            <\/h2>\r\n\r\n            <p id=\"tendifyLblWidgetSub\">\r\n                Verify and guarantee compliance with global import packaging\r\n                requirements to mitigate customs seizure risks.\r\n            <\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n\r\n    <!-- SELECTION -->\r\n    <div class=\"selection-grid\">\r\n\r\n        <div class=\"form-group\">\r\n            <label for=\"tendifyProductSelect\">\r\n                Product Category\r\n            <\/label>\r\n\r\n            <select id=\"tendifyProductSelect\">\r\n                <option value=\"packaged_food\">\r\n                    Packaged Food &amp; Beverages\r\n                <\/option>\r\n\r\n                <option value=\"cosmetics\">\r\n                    Cosmetics &amp; Personal Care\r\n                <\/option>\r\n\r\n                <option value=\"electronics\">\r\n                    Consumer Electronics\r\n                <\/option>\r\n\r\n                <option value=\"medical\">\r\n                    Medical Devices &amp; Supplies\r\n                <\/option>\r\n            <\/select>\r\n        <\/div>\r\n\r\n\r\n        <div class=\"form-group\">\r\n            <label for=\"tendifyDestinationSelect\">\r\n                Destination Market\r\n            <\/label>\r\n\r\n            <select id=\"tendifyDestinationSelect\">\r\n                <option value=\"uae\">\r\n                    United Arab Emirates (UAE \/ GCC)\r\n                <\/option>\r\n\r\n                <option value=\"eu\">\r\n                    European Union (EU \/ EEA)\r\n                <\/option>\r\n\r\n                <option value=\"usa\">\r\n                    United States (USA \/ FDA \/ FCC)\r\n                <\/option>\r\n            <\/select>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- STATUS -->\r\n    <div class=\"status-card\">\r\n\r\n        <div class=\"progress-section\">\r\n\r\n            <div class=\"progress-label-container\">\r\n                <span>\r\n                    Packaging Requirements Fulfilled\r\n                <\/span>\r\n\r\n                <span id=\"tendifyProgressPercent\">\r\n                    0%\r\n                <\/span>\r\n            <\/div>\r\n\r\n            <div class=\"progress-bar-bg\">\r\n                <div\r\n                    class=\"progress-bar-fill\"\r\n                    id=\"tendifyProgressBar\">\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div>\r\n            <div\r\n                class=\"risk-badge risk-high\"\r\n                id=\"tendifyRiskBadge\">\r\n\r\n                <i class=\"fa-solid fa-triangle-exclamation\"><\/i>\r\n\r\n                <span id=\"tendifyRiskText\">\r\n                    SEIZURE RISK: HIGH\r\n                <\/span>\r\n\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- SEARCH \/ FILTER -->\r\n    <div class=\"controls-row\">\r\n\r\n        <div class=\"search-wrapper\">\r\n\r\n            <i class=\"fa-solid fa-magnifying-glass\"><\/i>\r\n\r\n            <input\r\n                type=\"text\"\r\n                class=\"search-input\"\r\n                id=\"tendifySearchInput\"\r\n                placeholder=\"Search target regulatory item...\"\r\n                autocomplete=\"off\"\r\n            >\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"filter-buttons\">\r\n\r\n            <button\r\n                type=\"button\"\r\n                class=\"filter-btn active\"\r\n                id=\"tendifyFilterAll\">\r\n                All\r\n            <\/button>\r\n\r\n            <button\r\n                type=\"button\"\r\n                class=\"filter-btn\"\r\n                id=\"tendifyFilterCritical\">\r\n                Critical\r\n            <\/button>\r\n\r\n            <button\r\n                type=\"button\"\r\n                class=\"filter-btn\"\r\n                id=\"tendifyFilterMajor\">\r\n                Major\r\n            <\/button>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- CHECKLIST -->\r\n    <div\r\n        class=\"checklist-container\"\r\n        id=\"tendifyChecklistContainer\">\r\n    <\/div>\r\n\r\n\r\n    <!-- ACTIONS -->\r\n    <div class=\"actions-footer\">\r\n\r\n        <button\r\n            type=\"button\"\r\n            class=\"action-btn action-btn-secondary\"\r\n            id=\"tendifyBtnReset\">\r\n\r\n            <i class=\"fa-solid fa-rotate-left\"><\/i>\r\n            Reset Assessment\r\n\r\n        <\/button>\r\n\r\n\r\n        <div class=\"action-group-right\">\r\n\r\n            <button\r\n                type=\"button\"\r\n                class=\"action-btn action-btn-secondary\"\r\n                id=\"tendifyBtnExport\">\r\n\r\n                <i class=\"fa-solid fa-copy\"><\/i>\r\n                Copy Text Report\r\n\r\n            <\/button>\r\n\r\n\r\n            <button\r\n                type=\"button\"\r\n                class=\"action-btn action-btn-pdf\"\r\n                id=\"tendifyBtnPdf\">\r\n\r\n                <i class=\"fa-solid fa-file-pdf\"><\/i>\r\n                Save as PDF\r\n\r\n            <\/button>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- TOAST -->\r\n    <div\r\n        class=\"toast-notification\"\r\n        id=\"tendifyToast\">\r\n\r\n        <i class=\"fa-solid fa-circle-check\"><\/i>\r\n\r\n        <span id=\"tendifyToastText\">\r\n            Compliance report copied!\r\n        <\/span>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<script>\r\n(function () {\r\n\r\n    \"use strict\";\r\n\r\n    \/* =====================================================\r\n       PREVENT MULTIPLE INITIALIZATION\r\n       ===================================================== *\/\r\n\r\n    const widget = document.getElementById(\"tendifyComplianceWidget\");\r\n\r\n    if (!widget || widget.dataset.initialized === \"true\") {\r\n        return;\r\n    }\r\n\r\n    widget.dataset.initialized = \"true\";\r\n\r\n\r\n    \/* =====================================================\r\n       LOAD HTML2PDF ONLY ONCE\r\n       ===================================================== *\/\r\n\r\n    function loadHtml2Pdf() {\r\n\r\n        return new Promise(function (resolve, reject) {\r\n\r\n            if (typeof window.html2pdf === \"function\") {\r\n                resolve();\r\n                return;\r\n            }\r\n\r\n            const existingScript = document.querySelector(\r\n                'script[data-tendify-html2pdf=\"true\"]'\r\n            );\r\n\r\n            if (existingScript) {\r\n\r\n                existingScript.addEventListener(\"load\", resolve);\r\n                existingScript.addEventListener(\"error\", reject);\r\n\r\n                return;\r\n            }\r\n\r\n            const script = document.createElement(\"script\");\r\n\r\n            script.src =\r\n                \"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/html2pdf.js\/0.10.1\/html2pdf.bundle.min.js\";\r\n\r\n            script.async = true;\r\n\r\n            script.dataset.tendifyHtml2pdf = \"true\";\r\n\r\n            script.onload = resolve;\r\n\r\n            script.onerror = reject;\r\n\r\n            document.head.appendChild(script);\r\n\r\n        });\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       DATABASE\r\n       ===================================================== *\/\r\n\r\n    const complianceDb = {\r\n\r\n        packaged_food: {\r\n\r\n            uae: [\r\n\r\n                {\r\n                    id: \"f_uae_1\",\r\n                    title: \"Bilingual Primary Labeling (Arabic & English)\",\r\n                    severity: \"critical\",\r\n                    desc: \"The product name, key ingredient listing, safety directives, storage conditions, and prep rules must be permanently printed on the container in both Arabic and English.\",\r\n                    tip: \"Mandatory GCC standard GSO 9\/2013. Port authorities reject shipments attempting to import with simple bilingual stickers.\"\r\n                },\r\n\r\n                {\r\n                    id: \"f_uae_2\",\r\n                    title: \"Banned Sticker Overlays \/ Gregorian Dates\",\r\n                    severity: \"critical\",\r\n                    desc: \"Production and Expiration Dates must be directly embedded onto primary packaging using the Gregorian calendar format (DD\/MM\/YYYY or MM\/YYYY).\",\r\n                    tip: \"GSO 150\/2007 rules strictly forbid sticking overlays or labels on top of original manufacturing or expiry dates.\"\r\n                },\r\n\r\n                {\r\n                    id: \"f_uae_3\",\r\n                    title: \"Halal Logo and Certification Tracking\",\r\n                    severity: \"critical\",\r\n                    desc: \"Any food item displaying meat, poultry, animal fats, or animal-derived enzymes must display an officially approved Halal logo and have certifiable tracking papers.\",\r\n                    tip: \"Governed strictly by MoIAT under standard UAE.S 2055-1.\"\r\n                },\r\n\r\n                {\r\n                    id: \"f_uae_4\",\r\n                    title: \"Banned Food Colorings (E102, E110, E129)\",\r\n                    severity: \"major\",\r\n                    desc: \"Artificial colors such as Tartrazine (E102), Sunset Yellow (E110), and Allura Red (E129) must carry prominent warning labels regarding hyperactivity in children, or be excluded.\",\r\n                    tip: \"Regulatory standard UAE.S\/GSO 2500 enforces special warnings for azo-dyes.\"\r\n                },\r\n\r\n                {\r\n                    id: \"f_uae_5\",\r\n                    title: \"Legible Country of Origin Marking\",\r\n                    severity: \"major\",\r\n                    desc: 'A permanent \"Made in [Country]\" declaration must be printed on the retail panel and exactly match all customs paperwork.',\r\n                    tip: 'Origin declarations must not be generic or confusing (avoid vague terms like \"EU processed\").'\r\n                },\r\n\r\n                {\r\n                    id: \"f_uae_6\",\r\n                    title: \"Nutritional Composition Panel (GSO 2233)\",\r\n                    severity: \"major\",\r\n                    desc: \"Must display a clear nutrient table with serving dimensions, calories, total fats, trans-fat percentage, sodium, dietary sugars, and dietary protein.\",\r\n                    tip: \"Trans-fat declaration must show zero if below GSO cut-off margins. Standard nutrition parameters apply.\"\r\n                }\r\n\r\n            ],\r\n\r\n\r\n            eu: [\r\n\r\n                {\r\n                    id: \"f_eu_1\",\r\n                    title: \"Bold Typography Allergen Marking (FIC Regulation)\",\r\n                    severity: \"critical\",\r\n                    desc: \"All 14 recognized allergens must be distinctly highlighted in the ingredient panel using different typography styles.\",\r\n                    tip: \"Compliant with EU Regulation No 1169\/2011.\"\r\n                },\r\n\r\n                {\r\n                    id: \"f_eu_2\",\r\n                    title: \"Mandatory Local State Translations\",\r\n                    severity: \"critical\",\r\n                    desc: \"Required safety and ingredient declarations must be translated into the national language of the EU Member State where the retail sale takes place.\",\r\n                    tip: \"Multi-language packaging panels are permitted for cross-border operations within the Single Market.\"\r\n                },\r\n\r\n                {\r\n                    id: \"f_eu_3\",\r\n                    title: \"QUID Percentages (Quantitative Ingredients)\",\r\n                    severity: \"major\",\r\n                    desc: \"You must state the exact weight percentage of any ingredient that appears in the product name or is visually emphasized on the packing box.\",\r\n                    tip: 'Example: A product named \"Apple Cinnamon Oats\" must declare the exact percentage of Apples and Cinnamon.'\r\n                },\r\n\r\n                {\r\n                    id: \"f_eu_4\",\r\n                    title: \"Alcohol Content by Volume (% ABV)\",\r\n                    severity: \"major\",\r\n                    desc: \"Any beverage exceeding 1.2% ABV must explicitly state the alcoholic percentage value on the front visualization panel.\",\r\n                    tip: \"Accuracy must remain within the legal tolerances defined by Annex XII of Regulation 1169\/2011.\"\r\n                },\r\n\r\n                {\r\n                    id: \"f_eu_5\",\r\n                    title: \"Minimum Font Legibility (x-Height >= 1.2mm)\",\r\n                    severity: \"minor\",\r\n                    desc: \"Mandatory information must be rendered with an x-height font measurement of at least 1.2mm, or 0.9mm if the package total surface area is under 80cm\u00b2.\",\r\n                    tip: \"Illegible layout spacing triggers non-compliance during local market inspections.\"\r\n                }\r\n\r\n            ],\r\n\r\n\r\n            usa: [\r\n\r\n                {\r\n                    id: \"f_us_1\",\r\n                    title: \"FDA Nutrition Facts Template (2016 Update)\",\r\n                    severity: \"critical\",\r\n                    desc: 'Must display the specific FDA layout disclosing \"Added Sugars\" and updated Daily Values.',\r\n                    tip: \"Mandated by CFR Title 21.\"\r\n                },\r\n\r\n                {\r\n                    id: \"f_us_2\",\r\n                    title: \"Dual Net Quantity Specification\",\r\n                    severity: \"critical\",\r\n                    desc: \"The product weight must be declared in both US Customary Units and the Metric System.\",\r\n                    tip: \"Enforced by the Fair Packaging and Labeling Act.\"\r\n                },\r\n\r\n                {\r\n                    id: \"f_us_3\",\r\n                    title: \"FALCPA Allergen Declarations (Major 9)\",\r\n                    severity: \"critical\",\r\n                    desc: \"Explicit allergen labeling is required for the 9 major food allergens.\",\r\n                    tip: \"Sesame was added as the 9th major allergen under the FASTER Act.\"\r\n                },\r\n\r\n                {\r\n                    id: \"f_us_4\",\r\n                    title: \"Bioengineered Food Disclosure\",\r\n                    severity: \"major\",\r\n                    desc: 'Packaged foods containing modified genetic materials must carry a \"Bioengineered\" symbol or written statement.',\r\n                    tip: \"USDA Agricultural Marketing Service rules apply.\"\r\n                }\r\n\r\n            ]\r\n\r\n        },\r\n\r\n\r\n        cosmetics: {\r\n\r\n            uae: [\r\n\r\n                {\r\n                    id: \"c_uae_1\",\r\n                    title: \"MoIAT Montaji Product Registration\",\r\n                    severity: \"critical\",\r\n                    desc: \"Imported cosmetic goods must be validated and registered inside MoIAT and Dubai Municipality Montaji portal.\",\r\n                    tip: \"The printed barcode and product description must exactly match the registry document.\"\r\n                },\r\n\r\n                {\r\n                    id: \"c_uae_2\",\r\n                    title: \"Arabic Functional & Warning Panels\",\r\n                    severity: \"major\",\r\n                    desc: \"Detailed application guidelines, health warnings, and specific usage directions must be translated to Arabic.\",\r\n                    tip: \"Crucial for skin-peelers, chemical products, and children's cosmetics.\"\r\n                },\r\n\r\n                {\r\n                    id: \"c_uae_3\",\r\n                    title: \"Forbidden Heavy Metal & Micro Ingredient Checks\",\r\n                    severity: \"critical\",\r\n                    desc: \"Confirm the product formulation has zero traces of banned raw components like Hydroquinone or Mercury.\",\r\n                    tip: \"Regulated by GSO 1018\/2013 and SASO standards.\"\r\n                }\r\n\r\n            ],\r\n\r\n\r\n            eu: [\r\n\r\n                {\r\n                    id: \"c_eu_1\",\r\n                    title: \"EU Responsible Person (RP) Identification\",\r\n                    severity: \"critical\",\r\n                    desc: \"The exact physical corporate address and legal identity of your EU-established Responsible Person must be printed on the cosmetic box.\",\r\n                    tip: \"In accordance with Article 19 of Cosmetics Regulation (EC) No 1223\/2009.\"\r\n                },\r\n\r\n                {\r\n                    id: \"c_eu_2\",\r\n                    title: \"Period After Opening (PAO) Jar Symbol\",\r\n                    severity: \"critical\",\r\n                    desc: 'If the total shelf life is more than 30 months, you must print the open jar icon indicating the exact safe lifespan in months (e.g., \"12M\").',\r\n                    tip: 'If shelf life is less than 30 months, a \"Best Before\" date hourglass symbol is mandatory instead.'\r\n                },\r\n\r\n                {\r\n                    id: \"c_eu_3\",\r\n                    title: \"Full Cosmetic INCI Ingredient Listing\",\r\n                    severity: \"major\",\r\n                    desc: \"All cosmetic raw substances must be listed on the packaging box using standard International Nomenclature of Cosmetic Ingredients names.\",\r\n                    tip: \"Ingredients must be stated in descending order of weight at the time they are added.\"\r\n                }\r\n\r\n            ],\r\n\r\n\r\n            usa: [\r\n\r\n                {\r\n                    id: \"c_us_1\",\r\n                    title: \"FDA MoCRA Facility Registration ID\",\r\n                    severity: \"critical\",\r\n                    desc: \"Your manufacturing facility must be formally registered with the FDA, and cosmetics must carry professional contact listings.\",\r\n                    tip: \"Modern regulations established under the Modernization of Cosmetics Regulation Act.\"\r\n                },\r\n\r\n                {\r\n                    id: \"c_us_2\",\r\n                    title: \"Professional Adverse Event Contact Info\",\r\n                    severity: \"major\",\r\n                    desc: \"Cosmetics must prominently display a domestic US address, phone number, or online portal so consumers can report adverse reactions.\",\r\n                    tip: \"Mandatory MoCRA packaging updates enforced at ports of entry.\"\r\n                }\r\n\r\n            ]\r\n\r\n        },\r\n\r\n\r\n        electronics: {\r\n\r\n            uae: [\r\n\r\n                {\r\n                    id: \"e_uae_1\",\r\n                    title: \"ECAS Certification Mark Display\",\r\n                    severity: \"critical\",\r\n                    desc: \"Packaging must carry the Emirates Conformity Assessment Scheme registration mark alongside its certified numerical code.\",\r\n                    tip: \"Verifies the electronic appliance matches local grid variables.\"\r\n                },\r\n\r\n                {\r\n                    id: \"e_uae_2\",\r\n                    title: \"RoHS Heavy Metals Declaration\",\r\n                    severity: \"major\",\r\n                    desc: \"Electrical parts must not exceed the maximum allowed concentrations of hazardous compounds like Lead, Cadmium, or Mercury.\",\r\n                    tip: \"Regulated under UAE cabinet decision 10\/2017.\"\r\n                }\r\n\r\n            ],\r\n\r\n\r\n            eu: [\r\n\r\n                {\r\n                    id: \"e_eu_1\",\r\n                    title: \"CE Conformity Mark & WEEE Bin Symbol\",\r\n                    severity: \"critical\",\r\n                    desc: \"The CE conformity mark must be permanently printed on the product and packaging, alongside the crossed-out wheelie trash bin symbol.\",\r\n                    tip: \"Demonstrates conformity to health, safety, and environmental protection standards.\"\r\n                },\r\n\r\n                {\r\n                    id: \"e_eu_2\",\r\n                    title: \"EU Energy Efficiency Matrix Labeling\",\r\n                    severity: \"major\",\r\n                    desc: \"All applicable domestic appliances must carry the standard EU Energy Label showing the revised energy rating scale A to G.\",\r\n                    tip: \"The packaging must contain the specific QR link referring to the official EPREL database profile.\"\r\n                }\r\n\r\n            ],\r\n\r\n\r\n            usa: [\r\n\r\n                {\r\n                    id: \"e_us_1\",\r\n                    title: \"FCC Labeling & RF Emission ID\",\r\n                    severity: \"critical\",\r\n                    desc: \"Any radio frequency, Bluetooth, or wireless communications device must declare compliance under FCC guidelines and carry an FCC ID.\",\r\n                    tip: \"Governed by CFR Title 47.\"\r\n                },\r\n\r\n                {\r\n                    id: \"e_us_2\",\r\n                    title: \"California Proposition 65 Warnings\",\r\n                    severity: \"major\",\r\n                    desc: \"If electrical insulation or solder contains listed chemicals like Lead, the box must carry the specific hazard icon and standard Prop 65 warning text.\",\r\n                    tip: \"Required for retail entry into California markets.\"\r\n                }\r\n\r\n            ]\r\n\r\n        },\r\n\r\n\r\n        medical: {\r\n\r\n            uae: [\r\n\r\n                {\r\n                    id: \"m_uae_1\",\r\n                    title: \"MoHAP Medical Device Registration\",\r\n                    severity: \"critical\",\r\n                    desc: \"The shipping cases and individual retail packs must display the MoHAP entry code.\",\r\n                    tip: \"Imports of medical appliances are prohibited unless coordinated through a licensed UAE distribution representative.\"\r\n                }\r\n\r\n            ],\r\n\r\n\r\n            eu: [\r\n\r\n                {\r\n                    id: \"m_eu_1\",\r\n                    title: \"EU MDR CE Certification & Notified Body ID\",\r\n                    severity: \"critical\",\r\n                    desc: \"Device packages must carry the CE emblem alongside the exact 4-digit identification number of the accredited Notified Body.\",\r\n                    tip: \"Conforms to European Medical Device Regulation MDR 2017\/745.\"\r\n                },\r\n\r\n                {\r\n                    id: \"m_eu_2\",\r\n                    title: \"Unique Device Identification (UDI) Barcode\",\r\n                    severity: \"critical\",\r\n                    desc: \"Packaging must present a machine-readable UDI carrier consisting of Device and Production Identifiers.\",\r\n                    tip: \"Allows automated tracking and product safety recalls throughout healthcare systems.\"\r\n                }\r\n\r\n            ],\r\n\r\n\r\n            usa: [\r\n\r\n                {\r\n                    id: \"m_us_1\",\r\n                    title: \"FDA UDI and Establishment Listing\",\r\n                    severity: \"critical\",\r\n                    desc: \"Packaging must showcase the specific FDA-compliant UDI barcode, barcode numbers, and label manufacturer contact details.\",\r\n                    tip: \"Required for FDA medical device classes.\"\r\n                },\r\n\r\n                {\r\n                    id: \"m_us_2\",\r\n                    title: \"Clear Sterile & Rx-Only Warnings\",\r\n                    severity: \"major\",\r\n                    desc: 'Labels must clearly define sterile state parameters, sterile methodology, and show prescription limits (\"Rx only\").',\r\n                    tip: \"Requires explicit graphical ISO symbols.\"\r\n                }\r\n\r\n            ]\r\n\r\n        }\r\n\r\n    };\r\n\r\n\r\n    \/* =====================================================\r\n       STATE\r\n       ===================================================== *\/\r\n\r\n    let currentFilter = \"all\";\r\n    let checkedItems = {};\r\n    let toastTimer = null;\r\n\r\n\r\n    \/* =====================================================\r\n       DOM HELPERS\r\n       ===================================================== *\/\r\n\r\n    const $ = function (selector) {\r\n        return widget.querySelector(selector);\r\n    };\r\n\r\n\r\n    const productSelect = $(\"#tendifyProductSelect\");\r\n    const destinationSelect = $(\"#tendifyDestinationSelect\");\r\n    const searchInput = $(\"#tendifySearchInput\");\r\n    const checklistContainer = $(\"#tendifyChecklistContainer\");\r\n    const progressPercent = $(\"#tendifyProgressPercent\");\r\n    const progressBar = $(\"#tendifyProgressBar\");\r\n    const riskBadge = $(\"#tendifyRiskBadge\");\r\n    const riskText = $(\"#tendifyRiskText\");\r\n    const toast = $(\"#tendifyToast\");\r\n    const toastText = $(\"#tendifyToastText\");\r\n\r\n\r\n    \/* =====================================================\r\n       GET CURRENT ITEMS\r\n       ===================================================== *\/\r\n\r\n    function getCurrentItems() {\r\n\r\n        const category = productSelect.value;\r\n        const destination = destinationSelect.value;\r\n\r\n        if (\r\n            !complianceDb[category] ||\r\n            !complianceDb[category][destination]\r\n        ) {\r\n            return [];\r\n        }\r\n\r\n        return complianceDb[category][destination];\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       LOAD CHECKLIST\r\n       ===================================================== *\/\r\n\r\n    function loadChecklist() {\r\n\r\n        const items = getCurrentItems();\r\n\r\n        checklistContainer.innerHTML = \"\";\r\n\r\n        if (!items.length) {\r\n\r\n            checklistContainer.innerHTML = `\r\n                <div style=\"\r\n                    text-align:center;\r\n                    padding:40px 20px;\r\n                    color:#9ca3af;\r\n                \">\r\n                    <i\r\n                        class=\"fa-regular fa-folder-open\"\r\n                        style=\"\r\n                            font-size:36px;\r\n                            margin-bottom:12px;\r\n                            display:block;\r\n                        \"\r\n                    ><\/i>\r\n\r\n                    No compliance requirements defined for this specific configuration.\r\n                <\/div>\r\n            `;\r\n\r\n            updateProgress();\r\n\r\n            return;\r\n        }\r\n\r\n\r\n        items.forEach(function (item) {\r\n\r\n            const isChecked = checkedItems[item.id] || false;\r\n\r\n            const itemElement = document.createElement(\"div\");\r\n\r\n            itemElement.className =\r\n                \"checklist-item\" +\r\n                (isChecked ? \" checked\" : \"\");\r\n\r\n            itemElement.dataset.id = item.id;\r\n            itemElement.dataset.severity = item.severity;\r\n\r\n\r\n            itemElement.innerHTML = `\r\n\r\n                <div class=\"custom-checkbox-container\">\r\n\r\n                    <div class=\"checkbox-trigger\">\r\n\r\n                        <i class=\"fa-solid fa-check\"><\/i>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"item-content\">\r\n\r\n                    <div class=\"item-header-row\">\r\n\r\n                        <span class=\"item-title\">\r\n                            ${item.title}\r\n                        <\/span>\r\n\r\n                        <span class=\"\r\n                            severity-badge\r\n                            severity-${item.severity}\r\n                        \">\r\n                            ${item.severity}\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <p class=\"item-desc\">\r\n                        ${item.desc}\r\n                    <\/p>\r\n\r\n\r\n                    <div class=\"item-tip\">\r\n\r\n                        <i class=\"fa-solid fa-lightbulb\"><\/i>\r\n\r\n                        <span>\r\n                            <strong>Compliance Tip:<\/strong>\r\n                            ${item.tip}\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            `;\r\n\r\n\r\n            itemElement.addEventListener(\"click\", function () {\r\n\r\n                toggleChecklistItem(item.id);\r\n\r\n            });\r\n\r\n\r\n            checklistContainer.appendChild(itemElement);\r\n\r\n        });\r\n\r\n\r\n        filterChecklist();\r\n\r\n        updateProgress();\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       TOGGLE ITEM\r\n       ===================================================== *\/\r\n\r\n    function toggleChecklistItem(id) {\r\n\r\n        checkedItems[id] = !checkedItems[id];\r\n\r\n        const itemElement = checklistContainer.querySelector(\r\n            '.checklist-item[data-id=\"' +\r\n            CSS.escape(id) +\r\n            '\"]'\r\n        );\r\n\r\n        if (itemElement) {\r\n\r\n            itemElement.classList.toggle(\r\n                \"checked\",\r\n                checkedItems[id]\r\n            );\r\n\r\n        }\r\n\r\n        updateProgress();\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       UPDATE PROGRESS\r\n       ===================================================== *\/\r\n\r\n    function updateProgress() {\r\n\r\n        const items = getCurrentItems();\r\n\r\n        if (!items.length) {\r\n\r\n            progressPercent.textContent = \"0%\";\r\n            progressBar.style.width = \"0%\";\r\n\r\n            setRiskLevel(\"high\");\r\n\r\n            return;\r\n        }\r\n\r\n\r\n        let checkedCount = 0;\r\n        let uncheckedCritical = 0;\r\n\r\n\r\n        items.forEach(function (item) {\r\n\r\n            if (checkedItems[item.id]) {\r\n\r\n                checkedCount++;\r\n\r\n            } else if (item.severity === \"critical\") {\r\n\r\n                uncheckedCritical++;\r\n\r\n            }\r\n\r\n        });\r\n\r\n\r\n        const percent = Math.round(\r\n            (checkedCount \/ items.length) * 100\r\n        );\r\n\r\n\r\n        progressPercent.textContent = percent + \"%\";\r\n\r\n        progressBar.style.width = percent + \"%\";\r\n\r\n\r\n        if (uncheckedCritical > 0) {\r\n\r\n            setRiskLevel(\"high\");\r\n\r\n        } else if (percent < 100) {\r\n\r\n            setRiskLevel(\"medium\");\r\n\r\n        } else {\r\n\r\n            setRiskLevel(\"low\");\r\n\r\n        }\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       RISK\r\n       ===================================================== *\/\r\n\r\n    function setRiskLevel(level) {\r\n\r\n        riskBadge.className = \"risk-badge\";\r\n\r\n        if (level === \"high\") {\r\n\r\n            riskBadge.classList.add(\"risk-high\");\r\n\r\n            riskText.innerHTML =\r\n                '<i class=\"fa-solid fa-triangle-exclamation\"><\/i> ' +\r\n                \"SEIZURE RISK: HIGH\";\r\n\r\n        } else if (level === \"medium\") {\r\n\r\n            riskBadge.classList.add(\"risk-medium\");\r\n\r\n            riskText.innerHTML =\r\n                '<i class=\"fa-solid fa-circle-exclamation\"><\/i> ' +\r\n                \"SEIZURE RISK: MODERATE\";\r\n\r\n        } else {\r\n\r\n            riskBadge.classList.add(\"risk-low\");\r\n\r\n            riskText.innerHTML =\r\n                '<i class=\"fa-solid fa-circle-check\"><\/i> ' +\r\n                \"READY \/ COMPLIANT\";\r\n\r\n        }\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       FILTER\r\n       ===================================================== *\/\r\n\r\n    function filterChecklist() {\r\n\r\n        const searchValue =\r\n            searchInput.value\r\n                .toLowerCase()\r\n                .trim();\r\n\r\n\r\n        const items =\r\n            checklistContainer.querySelectorAll(\r\n                \".checklist-item\"\r\n            );\r\n\r\n\r\n        const currentItems = getCurrentItems();\r\n\r\n\r\n        items.forEach(function (element) {\r\n\r\n            const id = element.dataset.id;\r\n\r\n            const severity =\r\n                element.dataset.severity;\r\n\r\n\r\n            const itemData =\r\n                currentItems.find(function (item) {\r\n                    return item.id === id;\r\n                });\r\n\r\n\r\n            if (!itemData) {\r\n                return;\r\n            }\r\n\r\n\r\n            const matchSearch =\r\n                itemData.title\r\n                    .toLowerCase()\r\n                    .includes(searchValue) ||\r\n\r\n                itemData.desc\r\n                    .toLowerCase()\r\n                    .includes(searchValue) ||\r\n\r\n                itemData.tip\r\n                    .toLowerCase()\r\n                    .includes(searchValue);\r\n\r\n\r\n            const matchFilter =\r\n                currentFilter === \"all\" ||\r\n                severity === currentFilter;\r\n\r\n\r\n            element.style.display =\r\n                matchSearch && matchFilter\r\n                    ? \"flex\"\r\n                    : \"none\";\r\n\r\n        });\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       SET FILTER\r\n       ===================================================== *\/\r\n\r\n    function setFilter(type) {\r\n\r\n        currentFilter = type;\r\n\r\n\r\n        widget\r\n            .querySelectorAll(\".filter-btn\")\r\n            .forEach(function (button) {\r\n\r\n                button.classList.remove(\"active\");\r\n\r\n            });\r\n\r\n\r\n        if (type === \"all\") {\r\n\r\n            $(\"#tendifyFilterAll\")\r\n                .classList.add(\"active\");\r\n\r\n        }\r\n\r\n        if (type === \"critical\") {\r\n\r\n            $(\"#tendifyFilterCritical\")\r\n                .classList.add(\"active\");\r\n\r\n        }\r\n\r\n        if (type === \"major\") {\r\n\r\n            $(\"#tendifyFilterMajor\")\r\n                .classList.add(\"active\");\r\n\r\n        }\r\n\r\n\r\n        filterChecklist();\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       RESET\r\n       ===================================================== *\/\r\n\r\n    function resetChecklist() {\r\n\r\n        getCurrentItems().forEach(function (item) {\r\n\r\n            checkedItems[item.id] = false;\r\n\r\n        });\r\n\r\n\r\n        loadChecklist();\r\n\r\n        showToast(\"Assessment progress reset.\");\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       COPY REPORT\r\n       ===================================================== *\/\r\n\r\n    async function copyReport() {\r\n\r\n        const category =\r\n            productSelect.options[\r\n                productSelect.selectedIndex\r\n            ].text;\r\n\r\n        const destination =\r\n            destinationSelect.options[\r\n                destinationSelect.selectedIndex\r\n            ].text;\r\n\r\n\r\n        const items = getCurrentItems();\r\n\r\n\r\n        let reportText =\r\n            \"=== TENDIFY PACKAGING COMPLIANCE REPORT ===\\n\";\r\n\r\n\r\n        reportText +=\r\n            \"Product Type: \" +\r\n            category +\r\n            \"\\n\";\r\n\r\n\r\n        reportText +=\r\n            \"Target Destination: \" +\r\n            destination +\r\n            \"\\n\";\r\n\r\n\r\n        reportText +=\r\n            \"Verification Date: \" +\r\n            new Date().toLocaleDateString() +\r\n            \"\\n\";\r\n\r\n\r\n        reportText +=\r\n            \"-------------------------------------------\\n\\n\";\r\n\r\n\r\n        const completed = [];\r\n        const missing = [];\r\n\r\n\r\n        items.forEach(function (item) {\r\n\r\n            if (checkedItems[item.id]) {\r\n\r\n                completed.push(\r\n                    \"[\u2714] \" +\r\n                    item.title +\r\n                    \" (\" +\r\n                    item.severity.toUpperCase() +\r\n                    \")\"\r\n                );\r\n\r\n            } else {\r\n\r\n                missing.push(\r\n                    \"[ ] \" +\r\n                    item.title +\r\n                    \" (\" +\r\n                    item.severity.toUpperCase() +\r\n                    \")\\n\" +\r\n                    \"    Issue: \" +\r\n                    item.desc +\r\n                    \"\\n\" +\r\n                    \"    Action: \" +\r\n                    item.tip\r\n                );\r\n\r\n            }\r\n\r\n        });\r\n\r\n\r\n        reportText +=\r\n            \"COMPLIANT PACKAGING ELEMENTS:\\n\";\r\n\r\n\r\n        if (!completed.length) {\r\n\r\n            reportText += \"None checked.\\n\";\r\n\r\n        } else {\r\n\r\n            reportText +=\r\n                completed.join(\"\\n\") +\r\n                \"\\n\";\r\n\r\n        }\r\n\r\n\r\n        reportText +=\r\n            \"\\nCRITICAL OUTSTANDING HAZARDS \/ MISSING STEPS:\\n\";\r\n\r\n\r\n        if (!missing.length) {\r\n\r\n            reportText +=\r\n                \"None! Packaging is perfectly compliant for this market. \ud83c\udf89\\n\";\r\n\r\n        } else {\r\n\r\n            reportText +=\r\n                missing.join(\"\\n\\n\") +\r\n                \"\\n\";\r\n\r\n        }\r\n\r\n\r\n        reportText +=\r\n            \"\\n===========================================\\n\";\r\n\r\n\r\n        reportText +=\r\n            \"To schedule an official print template validation, please contact us at Tendify.net.\";\r\n\r\n\r\n        try {\r\n\r\n            if (\r\n                navigator.clipboard &&\r\n                window.isSecureContext\r\n            ) {\r\n\r\n                await navigator.clipboard.writeText(\r\n                    reportText\r\n                );\r\n\r\n            } else {\r\n\r\n                const textarea =\r\n                    document.createElement(\"textarea\");\r\n\r\n                textarea.value = reportText;\r\n\r\n                textarea.style.position = \"fixed\";\r\n                textarea.style.left = \"-9999px\";\r\n\r\n                document.body.appendChild(textarea);\r\n\r\n                textarea.select();\r\n\r\n                document.execCommand(\"copy\");\r\n\r\n                textarea.remove();\r\n\r\n            }\r\n\r\n\r\n            showToast(\r\n                \"Report copied to clipboard!\"\r\n            );\r\n\r\n        } catch (error) {\r\n\r\n            console.error(\r\n                \"Clipboard error:\",\r\n                error\r\n            );\r\n\r\n            showToast(\r\n                \"Could not copy report.\"\r\n            );\r\n\r\n        }\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       TOAST\r\n       ===================================================== *\/\r\n\r\n    function showToast(message) {\r\n\r\n        toastText.textContent = message;\r\n\r\n        toast.classList.add(\"show\");\r\n\r\n\r\n        clearTimeout(toastTimer);\r\n\r\n\r\n        toastTimer = setTimeout(function () {\r\n\r\n            toast.classList.remove(\"show\");\r\n\r\n        }, 3000);\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       PDF\r\n       ===================================================== *\/\r\n\r\n    async function generatePDFReport() {\r\n\r\n        const pdfButton =\r\n            $(\"#tendifyBtnPdf\");\r\n\r\n\r\n        const originalButtonHTML =\r\n            pdfButton.innerHTML;\r\n\r\n\r\n        try {\r\n\r\n            pdfButton.disabled = true;\r\n\r\n            pdfButton.innerHTML =\r\n                '<i class=\"fa-solid fa-spinner fa-spin\"><\/i> Generating PDF...';\r\n\r\n\r\n            await loadHtml2Pdf();\r\n\r\n\r\n            const categoryName =\r\n                productSelect.options[\r\n                    productSelect.selectedIndex\r\n                ].text;\r\n\r\n\r\n            const destinationName =\r\n                destinationSelect.options[\r\n                    destinationSelect.selectedIndex\r\n                ].text;\r\n\r\n\r\n            const catValue =\r\n                productSelect.value;\r\n\r\n\r\n            const destValue =\r\n                destinationSelect.value;\r\n\r\n\r\n            const items =\r\n                getCurrentItems();\r\n\r\n\r\n            let verifiedCount = 0;\r\n            let criticalUnmetCount = 0;\r\n\r\n\r\n            let verifiedHTML = \"\";\r\n            let pendingHTML = \"\";\r\n\r\n\r\n            items.forEach(function (item) {\r\n\r\n                const isChecked =\r\n                    checkedItems[item.id] || false;\r\n\r\n\r\n                if (isChecked) {\r\n\r\n                    verifiedCount++;\r\n\r\n\r\n                    verifiedHTML += `\r\n\r\n                        <div style=\"\r\n                            border-bottom:1px solid #e2e8f0;\r\n                            padding:12px 0;\r\n                        \">\r\n\r\n                            <span style=\"\r\n                                color:#10b981;\r\n                                font-weight:bold;\r\n                                margin-right:8px;\r\n                            \">\r\n                                \u2714\r\n                            <\/span>\r\n\r\n                            <strong style=\"\r\n                                font-size:14px;\r\n                                color:#1e293b;\r\n                            \">\r\n                                ${item.title}\r\n                            <\/strong>\r\n\r\n                            <span style=\"\r\n                                font-size:10px;\r\n                                background:#f1f5f9;\r\n                                padding:2px 6px;\r\n                                border-radius:4px;\r\n                                color:#64748b;\r\n                                font-weight:bold;\r\n                                text-transform:uppercase;\r\n                            \">\r\n                                ${item.severity}\r\n                            <\/span>\r\n\r\n                            <p style=\"\r\n                                margin:4px 0 0 22px;\r\n                                font-size:12px;\r\n                                color:#475569;\r\n                            \">\r\n                                ${item.desc}\r\n                            <\/p>\r\n\r\n                        <\/div>\r\n\r\n                    `;\r\n\r\n                } else {\r\n\r\n                    if (\r\n                        item.severity === \"critical\"\r\n                    ) {\r\n                        criticalUnmetCount++;\r\n                    }\r\n\r\n\r\n                    pendingHTML += `\r\n\r\n                        <div style=\"\r\n                            border:1px solid #fee2e2;\r\n                            background:#fffdfd;\r\n                            border-radius:8px;\r\n                            padding:14px;\r\n                            margin-bottom:12px;\r\n                        \">\r\n\r\n                            <span style=\"\r\n                                color:#ef4444;\r\n                                font-weight:bold;\r\n                                margin-right:8px;\r\n                            \">\r\n                                \u2718\r\n                            <\/span>\r\n\r\n                            <strong style=\"\r\n                                font-size:14px;\r\n                                color:#991b1b;\r\n                            \">\r\n                                ${item.title}\r\n                            <\/strong>\r\n\r\n                            <span style=\"\r\n                                font-size:10px;\r\n                                background:#fee2e2;\r\n                                padding:2px 6px;\r\n                                border-radius:4px;\r\n                                color:#ef4444;\r\n                                font-weight:bold;\r\n                                text-transform:uppercase;\r\n                            \">\r\n                                ${item.severity}\r\n                            <\/span>\r\n\r\n                            <p style=\"\r\n                                margin:6px 0;\r\n                                font-size:13px;\r\n                                color:#374151;\r\n                            \">\r\n                                ${item.desc}\r\n                            <\/p>\r\n\r\n                            <div style=\"\r\n                                margin:6px 0 0 20px;\r\n                                font-size:12px;\r\n                                background:#f8fafc;\r\n                                padding:8px 12px;\r\n                                border-left:3px solid #3b82f6;\r\n                                color:#1e293b;\r\n                            \">\r\n                                <strong>Compliance Action:<\/strong>\r\n                                ${item.tip}\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n                    `;\r\n\r\n                }\r\n\r\n            });\r\n\r\n\r\n            const progress =\r\n                items.length > 0\r\n                    ? Math.round(\r\n                        (verifiedCount \/ items.length) * 100\r\n                    )\r\n                    : 0;\r\n\r\n\r\n            let riskStatus = \"MEDIUM RISK\";\r\n            let riskColor = \"#d97706\";\r\n            let riskBg = \"#fffbeb\";\r\n\r\n\r\n            if (criticalUnmetCount > 0) {\r\n\r\n                riskStatus =\r\n                    \"HIGH REJECTION RISK\";\r\n\r\n                riskColor =\r\n                    \"#dc2626\";\r\n\r\n                riskBg =\r\n                    \"#fef2f2\";\r\n\r\n            } else if (progress === 100) {\r\n\r\n                riskStatus =\r\n                    \"COMPLIANT \/ READY FOR EXPORT\";\r\n\r\n                riskColor =\r\n                    \"#059669\";\r\n\r\n                riskBg =\r\n                    \"#ecfdf5\";\r\n\r\n            }\r\n\r\n\r\n            const printWindow =\r\n                document.createElement(\"div\");\r\n\r\n\r\n            printWindow.style.cssText = `\r\n                position: fixed;\r\n                left: -100000px;\r\n                top: 0;\r\n                width: 794px;\r\n                background: #ffffff;\r\n                color: #111827;\r\n                font-family: Arial, sans-serif;\r\n                padding: 40px;\r\n                z-index: -1;\r\n            `;\r\n\r\n\r\n            printWindow.innerHTML = `\r\n\r\n                <div style=\"\r\n                    display:flex;\r\n                    justify-content:space-between;\r\n                    align-items:center;\r\n                    border-bottom:3px solid #0f172a;\r\n                    padding-bottom:20px;\r\n                    margin-bottom:24px;\r\n                \">\r\n\r\n                    <div>\r\n\r\n                        <h1 style=\"\r\n                            margin:0;\r\n                            font-size:24px;\r\n                            color:#0f172a;\r\n                            text-transform:uppercase;\r\n                            font-weight:bold;\r\n                        \">\r\n                            Tendify Customs Validation Portal\r\n                        <\/h1>\r\n\r\n                        <p style=\"\r\n                            margin:4px 0 0;\r\n                            font-size:13px;\r\n                            color:#64748b;\r\n                        \">\r\n                            Automated Export Packaging Compliance Certificate\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div style=\"\r\n                        text-align:right;\r\n                    \">\r\n\r\n                        <strong style=\"\r\n                            color:#3b82f6;\r\n                            font-size:20px;\r\n                        \">\r\n                            TENDIFY\r\n                        <\/strong>\r\n\r\n                        <p style=\"\r\n                            margin:2px 0 0;\r\n                            font-size:11px;\r\n                            color:#64748b;\r\n                        \">\r\n                            tendify.net\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div style=\"\r\n                    display:grid;\r\n                    grid-template-columns:1fr 1fr;\r\n                    gap:20px;\r\n                    margin-bottom:24px;\r\n                    background:#f8fafc;\r\n                    padding:16px;\r\n                    border-radius:8px;\r\n                    border:1px solid #e2e8f0;\r\n                \">\r\n\r\n                    <div>\r\n\r\n                        <p style=\"\r\n                            margin:0 0 6px;\r\n                            font-size:12px;\r\n                            color:#64748b;\r\n                            text-transform:uppercase;\r\n                            font-weight:bold;\r\n                        \">\r\n                            Product Information\r\n                        <\/p>\r\n\r\n                        <strong style=\"\r\n                            font-size:16px;\r\n                            color:#0f172a;\r\n                        \">\r\n                            ${categoryName}\r\n                        <\/strong>\r\n\r\n\r\n                        <p style=\"\r\n                            margin:10px 0 0;\r\n                            font-size:12px;\r\n                            color:#64748b;\r\n                            text-transform:uppercase;\r\n                            font-weight:bold;\r\n                        \">\r\n                            Destination Market\r\n                        <\/p>\r\n\r\n                        <strong style=\"\r\n                            font-size:16px;\r\n                            color:#0f172a;\r\n                        \">\r\n                            ${destinationName}\r\n                        <\/strong>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div>\r\n\r\n                        <p style=\"\r\n                            margin:0 0 6px;\r\n                            font-size:12px;\r\n                            color:#64748b;\r\n                            text-transform:uppercase;\r\n                            font-weight:bold;\r\n                        \">\r\n                            Certificate Status\r\n                        <\/p>\r\n\r\n                        <div style=\"\r\n                            background:${riskBg};\r\n                            color:${riskColor};\r\n                            padding:8px 12px;\r\n                            border-radius:6px;\r\n                            display:inline-block;\r\n                            font-weight:bold;\r\n                            font-size:13px;\r\n                            border:1px solid ${riskColor};\r\n                            text-transform:uppercase;\r\n                        \">\r\n                            ${riskStatus}\r\n                        <\/div>\r\n\r\n\r\n                        <p style=\"\r\n                            margin:10px 0 0;\r\n                            font-size:12px;\r\n                            color:#64748b;\r\n                            text-transform:uppercase;\r\n                            font-weight:bold;\r\n                        \">\r\n                            Completed Steps\r\n                        <\/p>\r\n\r\n                        <strong style=\"\r\n                            font-size:16px;\r\n                            color:#0f172a;\r\n                        \">\r\n                            ${verifiedCount}\r\n                            of\r\n                            ${items.length}\r\n                            (${progress}%)\r\n                        <\/strong>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <h3 style=\"\r\n                    margin:0 0 12px;\r\n                    font-size:15px;\r\n                    color:#0f172a;\r\n                    text-transform:uppercase;\r\n                    border-bottom:2px solid #e2e8f0;\r\n                    padding-bottom:6px;\r\n                \">\r\n                    Outstanding Hazards \/ Unchecked Steps\r\n                    (${items.length - verifiedCount})\r\n                <\/h3>\r\n\r\n\r\n                <div style=\"\r\n                    margin-bottom:24px;\r\n                \">\r\n\r\n                    ${\r\n                        pendingHTML ||\r\n                        '<p style=\"color:#059669;font-weight:bold;font-size:13px;\">No outstanding hazards! This configuration is fully prepared for import.<\/p>'\r\n                    }\r\n\r\n                <\/div>\r\n\r\n\r\n                <h3 style=\"\r\n                    margin:0 0 12px;\r\n                    font-size:15px;\r\n                    color:#0f172a;\r\n                    text-transform:uppercase;\r\n                    border-bottom:2px solid #e2e8f0;\r\n                    padding-bottom:6px;\r\n                \">\r\n                    Verified Compliant Elements\r\n                    (${verifiedCount})\r\n                <\/h3>\r\n\r\n\r\n                <div style=\"\r\n                    margin-bottom:30px;\r\n                \">\r\n\r\n                    ${\r\n                        verifiedHTML ||\r\n                        '<p style=\"color:#64748b;font-size:13px;\">No packaging features have been checked off yet.<\/p>'\r\n                    }\r\n\r\n                <\/div>\r\n\r\n\r\n                <div style=\"\r\n                    border-top:1px dashed #cbd5e1;\r\n                    padding-top:16px;\r\n                    font-size:11px;\r\n                    color:#64748b;\r\n                    text-align:center;\r\n                    line-height:1.5;\r\n                \">\r\n\r\n                    <strong>\r\n                        Standard Legal Disclaimer:\r\n                    <\/strong>\r\n\r\n                    This automated check sheet functions as a validation\r\n                    outline according to standard international customs\r\n                    policies. To secure official validation stamps, verify\r\n                    physical packaging materials, and guarantee container\r\n                    clearance, proceed with full verification protocols\r\n                    under Tendify consultants at\r\n\r\n                    <span style=\"color:#3b82f6;\">\r\n                        tendify.net\r\n                    <\/span>.\r\n\r\n                <\/div>\r\n\r\n            `;\r\n\r\n\r\n            document.body.appendChild(\r\n                printWindow\r\n            );\r\n\r\n\r\n            const pdfOptions = {\r\n\r\n                margin: [\r\n                    10,\r\n                    10,\r\n                    10,\r\n                    10\r\n                ],\r\n\r\n                filename:\r\n                    \"Tendify-Compliance-Report-\" +\r\n                    catValue +\r\n                    \"-\" +\r\n                    destValue +\r\n                    \".pdf\",\r\n\r\n                image: {\r\n                    type: \"jpeg\",\r\n                    quality: 0.98\r\n                },\r\n\r\n                html2canvas: {\r\n                    scale: 2,\r\n                    useCORS: true,\r\n                    backgroundColor: \"#ffffff\"\r\n                },\r\n\r\n                jsPDF: {\r\n                    unit: \"mm\",\r\n                    format: \"a4\",\r\n                    orientation: \"portrait\"\r\n                }\r\n\r\n            };\r\n\r\n\r\n            await window\r\n                .html2pdf()\r\n                .from(printWindow)\r\n                .set(pdfOptions)\r\n                .save();\r\n\r\n\r\n            printWindow.remove();\r\n\r\n\r\n            showToast(\r\n                \"PDF Compliance Certificate downloaded!\"\r\n            );\r\n\r\n\r\n        } catch (error) {\r\n\r\n            console.error(\r\n                \"Tendify PDF Engine Error:\",\r\n                error\r\n            );\r\n\r\n\r\n            const temporary =\r\n                document.querySelector(\r\n                    '[style*=\"-100000px\"]'\r\n                );\r\n\r\n\r\n            if (temporary) {\r\n                temporary.remove();\r\n            }\r\n\r\n\r\n            showToast(\r\n                \"Could not save PDF. Try copying text report.\"\r\n            );\r\n\r\n        } finally {\r\n\r\n            pdfButton.disabled = false;\r\n\r\n            pdfButton.innerHTML =\r\n                originalButtonHTML;\r\n\r\n        }\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       EVENTS\r\n       ===================================================== *\/\r\n\r\n    productSelect.addEventListener(\r\n        \"change\",\r\n        loadChecklist\r\n    );\r\n\r\n\r\n    destinationSelect.addEventListener(\r\n        \"change\",\r\n        loadChecklist\r\n    );\r\n\r\n\r\n    searchInput.addEventListener(\r\n        \"input\",\r\n        filterChecklist\r\n    );\r\n\r\n\r\n    $(\"#tendifyFilterAll\").addEventListener(\r\n        \"click\",\r\n        function () {\r\n            setFilter(\"all\");\r\n        }\r\n    );\r\n\r\n\r\n    $(\"#tendifyFilterCritical\").addEventListener(\r\n        \"click\",\r\n        function () {\r\n            setFilter(\"critical\");\r\n        }\r\n    );\r\n\r\n\r\n    $(\"#tendifyFilterMajor\").addEventListener(\r\n        \"click\",\r\n        function () {\r\n            setFilter(\"major\");\r\n        }\r\n    );\r\n\r\n\r\n    $(\"#tendifyBtnReset\").addEventListener(\r\n        \"click\",\r\n        resetChecklist\r\n    );\r\n\r\n\r\n    $(\"#tendifyBtnExport\").addEventListener(\r\n        \"click\",\r\n        copyReport\r\n    );\r\n\r\n\r\n    $(\"#tendifyBtnPdf\").addEventListener(\r\n        \"click\",\r\n        generatePDFReport\r\n    );\r\n\r\n\r\n    \/* =====================================================\r\n       INITIALIZE\r\n       ===================================================== *\/\r\n\r\n    loadChecklist();\r\n\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"wd-negative-gap elementor-element elementor-element-afcdfe1 e-flex e-con-boxed e-con e-parent\" data-id=\"afcdfe1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b5c8d1e elementor-widget elementor-widget-spacer\" data-id=\"b5c8d1e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"wd-negative-gap elementor-element elementor-element-107e772 e-flex e-con-boxed e-con e-parent\" data-id=\"107e772\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7182d6a elementor-widget elementor-widget-wd_text_block\" data-id=\"7182d6a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"wd_text_block.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"wd-text-block reset-last-child text-left\">\n\t\t\t\n\t\t\t<h1 data-path-to-node=\"2\">Export Label Compliance Checklist: Ensure Your Shipments Clear Customs Effortlessly<\/h1><p data-path-to-node=\"3\">Navigating international trade regulations can be a complex task, especially when it comes to labeling requirements. A single error\u2014such as an incorrect date format or missing nutritional information\u2014can lead to shipment rejection, hefty fines, and significant delays at the border.<\/p><p data-path-to-node=\"4\">To help you streamline your export process, <b data-path-to-node=\"4\" data-index-in-node=\"44\">Tendify.Net<\/b> has developed the <b data-path-to-node=\"4\" data-index-in-node=\"74\">Export Label Compliance Checklist<\/b>, a professional-grade digital tool designed for chemical, food, cosmetic, and electronic exporters to ensure 100% regulatory compliance before your goods leave the warehouse.<\/p><h2 data-path-to-node=\"5\">How to Use the Tool<\/h2><p data-path-to-node=\"6\">Our interactive checklist is designed for simplicity and efficiency:<\/p><ol start=\"1\" data-path-to-node=\"7\"><li><p data-path-to-node=\"7,0,0\"><b data-path-to-node=\"7,0,0\" data-index-in-node=\"0\">Select Your Product Category<\/b>: Choose your product type (e.g., Packaged Food, Cosmetics, Electronics, or Medical Devices) from the first dropdown menu.<\/p><\/li><li><p data-path-to-node=\"7,1,0\"><b data-path-to-node=\"7,1,0\" data-index-in-node=\"0\">Select Destination Market<\/b>: Pick your target region (e.g., UAE\/GCC, EU, or USA). The tool automatically loads the specific regulatory requirements for that market.<\/p><\/li><li><p data-path-to-node=\"7,2,0\"><b data-path-to-node=\"7,2,0\" data-index-in-node=\"0\">Perform Your Audit<\/b>: Review the generated list of mandatory labeling requirements. Check off each task as you verify your packaging design.<\/p><\/li><li><p data-path-to-node=\"7,3,0\"><b data-path-to-node=\"7,3,0\" data-index-in-node=\"0\">Monitor Compliance Status<\/b>: Watch the live progress bar and the dynamic <b data-path-to-node=\"7,3,0\" data-index-in-node=\"71\">Risk Badge<\/b>. Our system will alert you if any \"Critical\" requirements are still missing.<\/p><\/li><li><p data-path-to-node=\"7,4,0\"><b data-path-to-node=\"7,4,0\" data-index-in-node=\"0\">Save Your Report<\/b>: Once you have completed all requirements, click <b data-path-to-node=\"7,4,0\" data-index-in-node=\"66\">\"Save as PDF\"<\/b> to generate a clean, professional compliance report. This can be attached to your shipping documents or shared with your printing and packaging team.<\/p><\/li><\/ol><h2 data-path-to-node=\"8\">Why Use the Tendify Compliance Tool?<\/h2><ul data-path-to-node=\"9\"><li><p data-path-to-node=\"9,0,0\"><b data-path-to-node=\"9,0,0\" data-index-in-node=\"0\">Minimize Rejection Risk<\/b>: Stay ahead of customs regulations. By identifying gaps in your labeling early, you avoid costly border rejections and returned shipments.<\/p><\/li><li><p data-path-to-node=\"9,1,0\"><b data-path-to-node=\"9,1,0\" data-index-in-node=\"0\">Stay Updated on Global Standards<\/b>: Whether it is the <b data-path-to-node=\"9,1,0\" data-index-in-node=\"52\">FDA (USA)<\/b>, <b data-path-to-node=\"9,1,0\" data-index-in-node=\"63\">MDR\/CE (Europe)<\/b>, or <b data-path-to-node=\"9,1,0\" data-index-in-node=\"83\">ECAS\/MoIAT (UAE)<\/b> standards, our tool consolidates complex regulatory data into an actionable format.<\/p><\/li><li><p data-path-to-node=\"9,2,0\"><b data-path-to-node=\"9,2,0\" data-index-in-node=\"0\">Save Time &amp; Costs<\/b>: Eliminate the need for expensive consultants during the initial packaging design phase. Get instant feedback on your compliance status.<\/p><\/li><li><p data-path-to-node=\"9,3,0\"><b data-path-to-node=\"9,3,0\" data-index-in-node=\"0\">Audit-Ready Documentation<\/b>: The PDF export feature provides you with an official-looking document that confirms you have reviewed and verified your compliance\u2014ideal for internal record-keeping and supplier quality control.<\/p><\/li><\/ul><h2 data-path-to-node=\"10\">Who Is This Tool For?<\/h2><ul data-path-to-node=\"11\"><li><p data-path-to-node=\"11,0,0\"><b data-path-to-node=\"11,0,0\" data-index-in-node=\"0\">Export Managers<\/b> looking to reduce logistical risks.<\/p><\/li><li><p data-path-to-node=\"11,1,0\"><b data-path-to-node=\"11,1,0\" data-index-in-node=\"0\">Packaging Designers<\/b> who need a quick checklist to ensure they meet international standards before printing.<\/p><\/li><li><p data-path-to-node=\"11,2,0\"><b data-path-to-node=\"11,2,0\" data-index-in-node=\"0\">Quality Assurance (QA) Teams<\/b> managing cross-border trade operations.<\/p><\/li><li><p data-path-to-node=\"11,3,0\"><b data-path-to-node=\"11,3,0\" data-index-in-node=\"0\">Technology Entrepreneurs<\/b> and exporters trading in the GCC, EU, and US markets who require high-accuracy compliance documentation.<\/p><\/li><\/ul>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Export Compliance Label Checker Verify and guarantee compliance with global import packaging requirements to mitigate customs seizure risks. Product Category<\/p>","protected":false},"author":15,"featured_media":18522,"comment_status":"open","ping_status":"closed","sticky":false,"template":"elementor_theme","format":"standard","meta":{"footnotes":""},"categories":[767],"tags":[967],"class_list":["post-18517","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-b2b-online-tools","tag-export-label"],"_links":{"self":[{"href":"https:\/\/tendify.net\/fa\/wp-json\/wp\/v2\/posts\/18517","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tendify.net\/fa\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tendify.net\/fa\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tendify.net\/fa\/wp-json\/wp\/v2\/users\/15"}],"replies":[{"embeddable":true,"href":"https:\/\/tendify.net\/fa\/wp-json\/wp\/v2\/comments?post=18517"}],"version-history":[{"count":3,"href":"https:\/\/tendify.net\/fa\/wp-json\/wp\/v2\/posts\/18517\/revisions"}],"predecessor-version":[{"id":19241,"href":"https:\/\/tendify.net\/fa\/wp-json\/wp\/v2\/posts\/18517\/revisions\/19241"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tendify.net\/fa\/wp-json\/wp\/v2\/media\/18522"}],"wp:attachment":[{"href":"https:\/\/tendify.net\/fa\/wp-json\/wp\/v2\/media?parent=18517"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tendify.net\/fa\/wp-json\/wp\/v2\/categories?post=18517"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tendify.net\/fa\/wp-json\/wp\/v2\/tags?post=18517"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}