/* /public/assets/vitrine/pages/speedtest.css */
.vitrine .speedtest-container{ max-width: 900px; margin: 0 auto; }
.vitrine .ip-section{
            background: var(--color-bg);
            border: 1px solid var(--color-border);
            border-radius: var(--radius-xl);
            padding: 32px;
            margin-bottom: 32px;
        }
.vitrine .ip-display{
            text-align: center;
            margin-bottom: 24px;
        }
.vitrine .ip-label{
            display: block;
            color: var(--color-text-muted);
            margin-bottom: 8px;
            font-size: 0.9rem;
        }
.vitrine .ip-value{
            display: inline-flex;
            align-items: center;
            gap: 12px;
            font-size: 2rem;
            font-weight: 700;
            font-family: monospace;
            background: var(--color-bg-alt);
            padding: 12px 24px;
            border-radius: var(--radius-lg);
        }
.vitrine .copy-btn{
            background: none;
            border: none;
            color: var(--color-text-muted);
            cursor: pointer;
            padding: 8px;
            border-radius: var(--radius-md);
            transition: all 0.2s;
        }
.vitrine .copy-btn:hover{
            background: var(--color-bg);
            color: var(--color-primary);
        }
.vitrine .ip-details{
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
            gap: 16px;
        }
.vitrine .ip-detail-item{
            background: var(--color-bg-alt);
            border-radius: var(--radius-md);
            padding: 16px;
            text-align: center;
        }
.vitrine .detail-label{
            display: block;
            font-size: 0.8rem;
            color: var(--color-text-muted);
            margin-bottom: 4px;
        }
.vitrine .detail-value{
            font-weight: 600;
            font-size: 0.95rem;
        }
.vitrine .speedtest-frame-wrapper{
            border-radius: var(--radius-xl);
            overflow: hidden;
            background: var(--color-bg-alt);
        }
.vitrine .speedtest-frame{
            width: 100%;
            height: 1400px;
            border: none;
            display: block;
        }
.vitrine .speedtest-note{
            text-align: center;
            margin-top: 16px;
            font-size: 0.85rem;
            color: var(--color-text-muted);
        }