/* AI Visibility Pro — Frontend Widget CSS */
.aivp-widget {
    background: linear-gradient(160deg, #0a0f1e 0%, #0f172a 100%);
    border-radius: 14px; padding: 1.5rem;
    color: #e2e8f0; font-family: 'Plus Jakarta Sans', sans-serif;
    border: 1px solid rgba(99,102,241,0.25);
    box-shadow: 0 8px 28px rgba(0,0,0,0.3);
    position: relative; overflow: hidden;
}
.aivp-widget::after { content:''; position:absolute; top:-60px; right:-60px; width:150px; height:150px; background:radial-gradient(circle,rgba(99,102,241,0.15) 0%,transparent 70%); pointer-events:none; }
.aivp-widget__header { display:flex; align-items:center; justify-content:space-between; margin-bottom:.9rem; }
.aivp-widget__icon { width:42px;height:42px; background:linear-gradient(135deg,#6366f1,#4f46e5); border-radius:10px; display:flex;align-items:center;justify-content:center; font-size:1.1rem;color:#fff; box-shadow:0 4px 12px rgba(99,102,241,0.4); }
.aivp-widget__badge { display:inline-flex;align-items:center;gap:5px; background:rgba(99,102,241,0.12);border:1px solid rgba(99,102,241,0.3); color:#a5b4fc;font-size:.65rem;font-weight:700;letter-spacing:.08em; padding:3px 9px;border-radius:100px; }
.aivp-dot { width:6px;height:6px;background:#6366f1;border-radius:50%;animation:aivpdot 2s ease-in-out infinite; }
@keyframes aivpdot{0%,100%{opacity:1}50%{opacity:.3}}
.aivp-widget__title { font-size:1rem;font-weight:800;color:#fff;margin:.6rem 0 .4rem;line-height:1.3; }
.aivp-widget__desc { font-size:.78rem;color:#94a3b8;margin:0 0 1rem;line-height:1.55; }
.aivp-widget__score { background:rgba(0,0,0,0.2);border:1px solid rgba(255,255,255,0.08); border-radius:10px;padding:.85rem;text-align:center;margin-bottom:.85rem; }
.aivp-widget__score-num { font-size:1.8rem;font-weight:800;line-height:1; }
.aivp-widget__score-num small { font-size:.85rem;font-weight:400;color:#64748b; }
.aivp-widget__score-num.good { color:#10b981; }
.aivp-widget__score-num.medium { color:#f59e0b; }
.aivp-widget__score-num.low { color:#ef4444; }
.aivp-widget__score-lbl { font-size:.72rem;color:#64748b;margin-top:3px; }
.aivp-widget__stats { display:flex;gap:.5rem;margin-bottom:.85rem; }
.aivp-widget__stat { flex:1;background:rgba(0,0,0,0.2);border:1px solid rgba(255,255,255,0.06);border-radius:8px;padding:.6rem;text-align:center; }
.aivp-widget__stat span { display:block;font-size:1.2rem;font-weight:800;color:#fff; }
.aivp-widget__stat small { font-size:.65rem;color:#64748b; }
.aivp-widget__platforms { display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.85rem; }
.aivp-widget__plat { display:inline-flex;align-items:center;gap:4px;font-size:.72rem;font-weight:600;color:#94a3b8;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);padding:3px 9px;border-radius:100px; }
.aivp-widget__plat i { font-size:.7rem;color:#6366f1; }
.aivp-widget__btn { display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem;border-radius:9px;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;font-size:.85rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 14px rgba(99,102,241,0.4); }
.aivp-widget__btn:hover { transform:translateY(-2px);box-shadow:0 8px 20px rgba(99,102,241,0.5);color:#fff; }