/* /public/assets/vitrine/pages/whois.css */
.vitrine .lookup-container{ max-width: 1000px; margin: 0 auto; }
.vitrine .lookup-card{
            background: var(--color-bg-card);
            border: 1px solid var(--color-border);
            border-radius: var(--radius-xl);
            padding: 32px;
            margin-bottom: 24px;
        }
.vitrine .lookup-form{
            display: flex;
            gap: 12px;
            margin-bottom: 24px;
        }
.vitrine .lookup-form input{
            flex: 1;
            padding: 14px 20px;
            font-size: 1rem;
        }
.vitrine .lookup-tabs{
            display: flex;
            gap: 8px;
            margin-bottom: 24px;
            border-bottom: 1px solid var(--color-border);
            padding-bottom: 16px;
        }
.vitrine .lookup-tab{
            padding: 10px 24px;
            border: none;
            background: var(--color-bg-alt);
            border-radius: var(--radius-md);
            cursor: pointer;
            font-weight: 500;
            transition: all 0.2s;
        }
.vitrine .lookup-tab:hover{ background: var(--color-border); }
.vitrine .lookup-tab.active{
            background: var(--color-primary);
            color: #fff;
        }
.vitrine .lookup-results{ display: none; }
.vitrine .lookup-results.active{ display: block; }
.vitrine .dns-records{ display: grid; gap: 16px; }
.vitrine .dns-record{
            background: var(--color-bg-alt);
            border-radius: var(--radius-lg);
            padding: 20px;
        }
.vitrine .dns-record h4{
            display: flex;
            align-items: center;
            gap: 8px;
            margin-bottom: 12px;
            font-size: 0.9rem;
            color: var(--color-primary);
        }
.vitrine .dns-record h4 span{
            background: var(--color-primary);
            color: #fff;
            padding: 4px 10px;
            border-radius: var(--radius-sm);
            font-size: 0.75rem;
        }
.vitrine .dns-values{
            display: flex;
            flex-direction: column;
            gap: 8px;
        }
.vitrine .dns-value{
            font-family: var(--font-mono);
            font-size: 0.9rem;
            background: var(--color-bg);
            padding: 10px 14px;
            border-radius: var(--radius-md);
            word-break: break-all;
        }
.vitrine .mx-value{
            display: flex;
            gap: 12px;
            align-items: center;
        }
.vitrine .mx-value .priority{
            background: var(--color-border);
            padding: 4px 8px;
            border-radius: var(--radius-sm);
            font-size: 0.8rem;
            color: var(--color-text-muted);
        }
.vitrine .whois-output{
            background: var(--color-bg-alt);
            border-radius: var(--radius-lg);
            padding: 20px;
            font-family: var(--font-mono);
            font-size: 0.85rem;
            white-space: pre-wrap;
            word-break: break-word;
            max-height: 500px;
            overflow-y: auto;
            line-height: 1.6;
        }
.vitrine .loading{
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 40px;
            color: var(--color-text-muted);
        }
.vitrine .loading .spinner{
            width: 24px;
            height: 24px;
            border: 3px solid var(--color-border);
            border-top-color: var(--color-primary);
            border-radius: 50%;
            animation: spin 0.8s linear infinite;
            margin-right: 12px;
        }
@keyframes spin { to { transform: rotate(360deg); } }
.vitrine .error-msg{
            background: rgba(239, 68, 68, 0.1);
            border: 1px solid rgba(239, 68, 68, 0.3);
            color: #ef4444;
            padding: 16px 20px;
            border-radius: var(--radius-lg);
        }
.vitrine .domain-info{
            display: flex;
            align-items: center;
            gap: 16px;
            margin-bottom: 24px;
            padding: 16px 20px;
            background: var(--color-bg-alt);
            border-radius: var(--radius-lg);
        }
.vitrine .domain-info h3{
            font-family: var(--font-mono);
            font-size: 1.2rem;
        }
@media (max-width: 600px) {.vitrine .lookup-form{ flex-direction: column; }
.vitrine .lookup-card{ padding: 20px; }}