#zinc-pyrithione-matrix-wrapper {
            all: initial;
            display: block;
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
            line-height: 1.5;
            color: #333;
        }

        #zinc-pyrithione-matrix-wrapper * {
            box-sizing: border-box;
        }

        #zinc-pyrithione-matrix-wrapper .zpm-container {
            max-width: 1000px;
            margin: 40px auto;
            padding: 30px;
            background: linear-gradient(135deg, #00b4db 0%, #0083b0 100%);
            border-radius: 20px;
            box-shadow: 0 20px 60px rgba(0,0,0,0.3);
        }

        #zinc-pyrithione-matrix-wrapper .zpm-title {
            color: #fff;
            text-align: center;
            margin: 0 0 10px 0;
            padding: 0;
            font-size: 28px;
            font-weight: 700;
            line-height: 1.3;
        }

        #zinc-pyrithione-matrix-wrapper .zpm-subtitle {
            color: rgba(255,255,255,0.9);
            text-align: center;
            margin: 0 0 30px 0;
            padding: 0;
            font-size: 14px;
            line-height: 1.5;
        }

        #zinc-pyrithione-matrix-wrapper .zpm-matrix-container {
            background: #fff;
            border-radius: 15px;
            padding: 20px;
            overflow-x: auto;
        }

        #zinc-pyrithione-matrix-wrapper .zpm-matrix-table {
            width: 100%;
            border-collapse: separate;
            border-spacing: 0;
            margin: 0;
        }

        #zinc-pyrithione-matrix-wrapper .zpm-matrix-table th {
            background: #f8f9fa;
            padding: 15px 10px;
            text-align: center;
            font-weight: 600;
            font-size: 15px;
            color: #333;
            border: 2px solid #e9ecef;
            margin: 0;
        }

        #zinc-pyrithione-matrix-wrapper .zpm-matrix-table th:first-child {
            border-top-left-radius: 10px;
            text-align: left;
            padding-left: 20px;
        }

        #zinc-pyrithione-matrix-wrapper .zpm-matrix-table th:last-child {
            border-top-right-radius: 10px;
        }

        #zinc-pyrithione-matrix-wrapper .zpm-matrix-table td {
            padding: 0;
            margin: 0;
            border: 2px solid #e9ecef;
            text-align: center;
        }

        #zinc-pyrithione-matrix-wrapper .zpm-matrix-table td:first-child {
            background: #f8f9fa;
            font-weight: 600;
            text-align: left;
            padding: 15px 20px;
            color: #333;
            font-size: 15px;
        }

        #zinc-pyrithione-matrix-wrapper .zpm-matrix-table tr:last-child td:first-child {
            border-bottom-left-radius: 10px;
        }

        #zinc-pyrithione-matrix-wrapper .zpm-matrix-table tr:last-child td:last-child {
            border-bottom-right-radius: 10px;
        }

        #zinc-pyrithione-matrix-wrapper .zpm-cell {
            position: relative;
            padding: 20px 10px;
            cursor: pointer;
            transition: all 0.3s ease;
            min-height: 80px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            gap: 5px;
        }

        #zinc-pyrithione-matrix-wrapper .zpm-cell:hover {
            transform: scale(1.05);
            z-index: 10;
            box-shadow: 0 5px 20px rgba(0,0,0,0.2);
        }

        #zinc-pyrithione-matrix-wrapper .zpm-cell-high {
            background: linear-gradient(135deg, #10b981 0%, #059669 100%);
        }

        #zinc-pyrithione-matrix-wrapper .zpm-cell-medium {
            background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
        }

        #zinc-pyrithione-matrix-wrapper .zpm-cell-low {
            background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
        }

        #zinc-pyrithione-matrix-wrapper .zpm-cell-icon {
            font-size: 24px;
            line-height: 1;
            margin: 0;
        }

        #zinc-pyrithione-matrix-wrapper .zpm-cell-label {
            color: #fff;
            font-size: 13px;
            font-weight: 600;
            line-height: 1.2;
            margin: 0;
        }

        #zinc-pyrithione-matrix-wrapper .zpm-legend {
            display: flex;
            justify-content: center;
            gap: 20px;
            margin: 20px 0 0 0;
            padding: 15px;
            background: #f8f9fa;
            border-radius: 10px;
            flex-wrap: wrap;
        }

        #zinc-pyrithione-matrix-wrapper .zpm-legend-item {
            display: flex;
            align-items: center;
            gap: 8px;
            margin: 0;
            padding: 0;
        }

        #zinc-pyrithione-matrix-wrapper .zpm-legend-color {
            width: 20px;
            height: 20px;
            border-radius: 5px;
            margin: 0;
        }

        #zinc-pyrithione-matrix-wrapper .zpm-legend-color-high {
            background: linear-gradient(135deg, #10b981 0%, #059669 100%);
        }

        #zinc-pyrithione-matrix-wrapper .zpm-legend-color-medium {
            background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
        }

        #zinc-pyrithione-matrix-wrapper .zpm-legend-color-low {
            background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
        }

        #zinc-pyrithione-matrix-wrapper .zpm-legend-text {
            font-size: 14px;
            color: #333;
            font-weight: 500;
            margin: 0;
        }

        #zinc-pyrithione-matrix-wrapper .zpm-modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.7);
            z-index: 10000;
            align-items: center;
            justify-content: center;
            padding: 20px;
        }

        #zinc-pyrithione-matrix-wrapper .zpm-modal.zpm-show {
            display: flex;
            animation: zpmFadeIn 0.3s ease;
        }

        @keyframes zpmFadeIn {
            from { opacity: 0; }
            to { opacity: 1; }
        }

        #zinc-pyrithione-matrix-wrapper .zpm-modal-content {
            background: #fff;
            border-radius: 15px;
            padding: 30px;
            max-width: 600px;
            width: 100%;
            max-height: 80vh;
            overflow-y: auto;
            position: relative;
            animation: zpmSlideUp 0.3s ease;
        }

        @keyframes zpmSlideUp {
            from { transform: translateY(50px); opacity: 0; }
            to { transform: translateY(0); opacity: 1; }
        }

        #zinc-pyrithione-matrix-wrapper .zpm-modal-close {
            position: absolute;
            top: 15px;
            right: 15px;
            width: 35px;
            height: 35px;
            border: none;
            background: #f3f4f6;
            border-radius: 50%;
            cursor: pointer;
            font-size: 20px;
            line-height: 1;
            color: #6b7280;
            transition: all 0.3s ease;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 0;
        }

        #zinc-pyrithione-matrix-wrapper .zpm-modal-close:hover {
            background: #e5e7eb;
            color: #374151;
            transform: rotate(90deg);
        }

        #zinc-pyrithione-matrix-wrapper .zpm-modal-header {
            margin: 0 0 20px 0;
            padding: 0 0 15px 0;
            border-bottom: 2px solid #e5e7eb;
        }

        #zinc-pyrithione-matrix-wrapper .zpm-modal-title {
            font-size: 24px;
            font-weight: 700;
            color: #0083b0;
            margin: 0 0 5px 0;
            padding: 0;
            line-height: 1.3;
        }

        #zinc-pyrithione-matrix-wrapper .zpm-modal-subtitle {
            font-size: 14px;
            color: #6b7280;
            margin: 0;
            padding: 0;
            line-height: 1.4;
        }

        #zinc-pyrithione-matrix-wrapper .zpm-modal-section {
            margin: 0 0 20px 0;
            padding: 0;
        }

        #zinc-pyrithione-matrix-wrapper .zpm-modal-section-title {
            font-size: 16px;
            font-weight: 600;
            color: #333;
            margin: 0 0 10px 0;
            padding: 0;
            line-height: 1.3;
        }

        #zinc-pyrithione-matrix-wrapper .zpm-modal-text {
            font-size: 15px;
            color: #4b5563;
            line-height: 1.6;
            margin: 0 0 10px 0;
            padding: 0;
        }

        #zinc-pyrithione-matrix-wrapper .zpm-modal-list {
            margin: 0;
            padding: 0 0 0 20px;
            list-style: none;
        }

        #zinc-pyrithione-matrix-wrapper .zpm-modal-list li {
            font-size: 15px;
            color: #4b5563;
            line-height: 1.6;
            margin: 0 0 8px 0;
            padding: 0 0 0 10px;
            position: relative;
        }

        #zinc-pyrithione-matrix-wrapper .zpm-modal-list li:before {
            content: "•";
            position: absolute;
            left: -10px;
            color: #0083b0;
            font-weight: 700;
        }

        #zinc-pyrithione-matrix-wrapper .zpm-badge {
            display: inline-block;
            padding: 5px 12px;
            border-radius: 20px;
            font-size: 13px;
            font-weight: 600;
            margin: 5px 5px 0 0;
        }

        #zinc-pyrithione-matrix-wrapper .zpm-badge-high {
            background: #d1fae5;
            color: #065f46;
        }

        #zinc-pyrithione-matrix-wrapper .zpm-badge-medium {
            background: #fef3c7;
            color: #92400e;
        }

        #zinc-pyrithione-matrix-wrapper .zpm-badge-low {
            background: #fee2e2;
            color: #991b1b;
        }

        @media (max-width: 768px) {
            #zinc-pyrithione-matrix-wrapper .zpm-container {
                padding: 20px;
                margin: 20px 10px;
            }

            #zinc-pyrithione-matrix-wrapper .zpm-title {
                font-size: 22px;
            }

            #zinc-pyrithione-matrix-wrapper .zpm-matrix-container {
                padding: 10px;
            }

            #zinc-pyrithione-matrix-wrapper .zpm-matrix-table th,
            #zinc-pyrithione-matrix-wrapper .zpm-matrix-table td:first-child {
                font-size: 13px;
                padding: 10px 8px;
            }

            #zinc-pyrithione-matrix-wrapper .zpm-cell {
                padding: 15px 5px;
                min-height: 70px;
            }

            #zinc-pyrithione-matrix-wrapper .zpm-cell-icon {
                font-size: 20px;
            }

            #zinc-pyrithione-matrix-wrapper .zpm-cell-label {
                font-size: 11px;
            }

            #zinc-pyrithione-matrix-wrapper .zpm-modal-content {
                padding: 20px;
            }

            #zinc-pyrithione-matrix-wrapper .zpm-modal-title {
                font-size: 20px;
            }

            #zinc-pyrithione-matrix-wrapper .zpm-legend {
                flex-direction: column;
                gap: 10px;
            }
        }