/* AstronovAI Audience Insights */
.ai-audience-insights-page .ai-insights-hero{
    overflow:hidden;
}

.ai-insights-visual{
    min-height: 310px;
}

.ai-insights-big-number{
    border:1px solid rgba(102,92,255,.16);
    border-radius:22px;
    padding:20px;
    margin:14px 0;
    background:linear-gradient(135deg,rgba(102,92,255,.12),rgba(51,153,255,.08));
}

.ai-insights-big-number strong{
    display:block;
    font-size:clamp(34px,5vw,56px);
    line-height:1;
    letter-spacing:-.04em;
    color:#071225;
}

.ai-insights-big-number span{
    display:block;
    margin-top:6px;
    color:#64748b;
    font-weight:800;
    font-size:13px;
    text-transform:uppercase;
    letter-spacing:.08em;
}

.ai-insights-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
    margin:20px 0 28px;
}

.ai-insights-card,
.ai-insights-signal-grid > div{
    background:#fff;
    border:1px solid rgba(15,23,42,.10);
    box-shadow:0 18px 40px rgba(15,23,42,.05);
    border-radius:18px;
    padding:18px;
}

.ai-insights-card span,
.ai-insights-signal-grid span{
    display:block;
    color:#665cff;
    font-weight:900;
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:.08em;
}

.ai-insights-card b,
.ai-insights-signal-grid b{
    display:block;
    margin-top:8px;
    color:#071225;
    font-size:32px;
    line-height:1;
    letter-spacing:-.04em;
}

.ai-insights-card small,
.ai-insights-signal-grid small{
    display:block;
    margin-top:8px;
    color:#64748b;
    font-weight:700;
}

.ai-insights-signal-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
    margin:18px 0 26px;
}

.ai-insights-list{
    display:grid;
    gap:10px;
    margin:16px 0 26px;
}

.ai-insights-list-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    padding:14px 16px;
    border:1px solid rgba(15,23,42,.10);
    border-radius:16px;
    background:linear-gradient(180deg,#fff,#f8fbff);
}

.ai-insights-list-row span{
    font-weight:900;
    color:#0f172a;
}

.ai-insights-list-row b{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:46px;
    padding:8px 10px;
    border-radius:999px;
    background:#eef2ff;
    color:#4338ca;
    font-size:13px;
}

.ai-insights-empty{
    padding:16px;
    border:1px dashed rgba(102,92,255,.32);
    background:#f8fbff;
    border-radius:16px;
    color:#64748b;
    font-weight:700;
}

.ai-insights-note{
    margin-top:20px;
    padding:16px;
    border-radius:18px;
    border:1px solid rgba(245,158,11,.22);
    background:#fff7ed;
    color:#7c2d12;
}

@media (max-width: 900px){
    .ai-insights-grid,
    .ai-insights-signal-grid{
        grid-template-columns:1fr 1fr;
    }
}

@media (max-width: 640px){
    .ai-insights-grid,
    .ai-insights-signal-grid{
        grid-template-columns:1fr;
    }

    .ai-insights-list-row{
        align-items:flex-start;
        flex-direction:column;
    }
}

body.dark-mode .ai-insights-card,
body.dark-mode .ai-insights-signal-grid > div,
body.dark-mode .ai-insights-list-row{
    background:rgba(15,23,42,.82);
    border-color:rgba(148,163,184,.18);
}

body.dark-mode .ai-insights-card b,
body.dark-mode .ai-insights-signal-grid b,
body.dark-mode .ai-insights-list-row span,
body.dark-mode .ai-insights-big-number strong{
    color:#f8fafc;
}

body.dark-mode .ai-insights-empty{
    background:rgba(15,23,42,.78);
    border-color:rgba(129,140,248,.35);
    color:#cbd5e1;
}

body.dark-mode .ai-insights-note{
    background:rgba(120,53,15,.22);
    border-color:rgba(251,191,36,.25);
    color:#fed7aa;
}