/* ============================================================
           POW SECURITY WIDGET
           ============================================================ */
        .pow-widget {
            position: relative;
            display: flex;
            align-items: center;
            width: 290px;
            height: 74px;
            background: linear-gradient(135deg, rgba(8, 12, 28, .94) 0%, rgba(14, 20, 46, .97) 100%);
            border: 1px solid rgba(99, 179, 237, .22);
            border-radius: 14px;
            overflow: hidden;
            box-shadow: 0 6px 28px rgba(0, 0, 0, .38),
            inset 0 1px 0 rgba(255, 255, 255, .06),
            0 0 0 1px rgba(99, 179, 237, .04);
            backdrop-filter: blur(18px);
            user-select: none;
            cursor: default;
            transition: border-color .5s ease, box-shadow .5s ease;
        }

        #pow-canvas {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: .65;
            pointer-events: none;
        }

        .pow-overlay {
            position: relative;
            z-index: 2;
            display: flex;
            align-items: center;
            gap: 14px;
            padding: 0 18px;
            width: 100%;
        }

        .pow-icon-wrap {
            font-size: 26px;
            line-height: 1;
            flex-shrink: 0;
            color: rgba(99, 179, 237, .82);
            filter: drop-shadow(0 0 7px rgba(99, 179, 237, .5));
            transition: color .5s ease, filter .5s ease;
        }

        .pow-details {
            flex: 1;
            min-width: 0;
        }

        .pow-label {
            font-size: 11px;
            letter-spacing: 1px;
            margin-bottom: 7px;
            color: rgba(160, 205, 245, .88);
            font-family: 'Courier New', monospace;
            text-transform: uppercase;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .pow-track {
            height: 3px;
            background: rgba(255, 255, 255, .07);
            border-radius: 2px;
            overflow: hidden;
        }

        .pow-bar {
            height: 100%;
            width: 0;
            border-radius: 2px;
            background: linear-gradient(90deg, #2b6cb0, #63b3ed);
            box-shadow: 0 0 8px rgba(99, 179, 237, .55);
            transition: width .14s ease-out;
            position: relative;
        }

        /* Éclat en bout de barre */
        .pow-bar::after {
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            width: 18px;
            background: rgba(255, 255, 255, .35);
            filter: blur(3px);
        }

        /* — État : scan actif ————————————————————————————————————— */
        @keyframes borderPulse {
            0%, 100% {
                border-color: rgba(99, 179, 237, .22);
            }
            50% {
                border-color: rgba(99, 179, 237, .50);
            }
        }

        @keyframes barShimmer {
            0% {
                background-position: -150% center;
            }
            100% {
                background-position: 250% center;
            }
        }

        .pow-widget.scanning {
            animation: borderPulse 2s ease-in-out infinite;
        }

        .pow-widget.scanning .pow-bar {
            background: linear-gradient(90deg, #2b6cb0 0%, #63b3ed 40%, #bee3f8 50%, #63b3ed 60%, #2b6cb0 100%);
            background-size: 250% 100%;
            animation: barShimmer 1.6s linear infinite;
        }

        /* — État : vérifié ——————————————————————————————————————— */
        @keyframes shieldPulse {
            0%, 100% {
                filter: drop-shadow(0 0 7px rgba(72, 187, 120, .6));
            }
            50% {
                filter: drop-shadow(0 0 16px rgba(72, 187, 120, .9));
            }
        }

        .pow-widget.verified {
            border-color: rgba(72, 187, 120, .38);
            box-shadow: 0 6px 28px rgba(0, 0, 0, .38),
            inset 0 1px 0 rgba(255, 255, 255, .06),
            0 0 22px rgba(72, 187, 120, .14);
        }

        .pow-widget.verified .pow-icon-wrap {
            color: rgba(72, 187, 120, .9);
            filter: none;
            animation: shieldPulse 2.2s ease-in-out infinite;
        }

        .pow-widget.verified .pow-label {
            color: rgba(145, 235, 175, .9);
        }

        .pow-widget.verified .pow-bar {
            background: linear-gradient(90deg, #276749, #48bb78);
            box-shadow: 0 0 10px rgba(72, 187, 120, .65);
            animation: none;
        }

        .pow-widget.verified .pow-bar::after {
            display: none;
        }

        /* — État : erreur ——————————————————————————————————————— */
        .pow-widget.error {
            border-color: rgba(252, 129, 74, .38);
        }

        .pow-widget.error .pow-icon-wrap {
            color: rgba(252, 129, 74, .9);
            filter: drop-shadow(0 0 7px rgba(252, 129, 74, .5));
        }

        .pow-widget.error .pow-label {
            color: rgba(255, 190, 150, .88);
        }

        .pow-widget.error .pow-bar {
            background: linear-gradient(90deg, #c05621, #ed8936);
            animation: none;
        }