/* Stats & Badges – front (ClassiPress dashboard safe, v1.3.0) */
.ap-sb-inline,.ap-sb-expanded,.ap-sb-chartbox{contain:content;font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji"}
.ap-sb-inline{margin-top:6px;animation:apFadeIn .3s ease-out both}
@keyframes apFadeIn{from{opacity:0;transform:translateY(2px)}to{opacity:1;transform:none}}

.ap-sb-badges{display:flex;flex-wrap:wrap;gap:6px;margin:2px 0 4px 0}
.ap-sb-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;line-height:1;border:1px solid rgba(0,0,0,0.06);background:linear-gradient(180deg, rgba(255,255,255,.95), rgba(245,245,245,.95));box-shadow:0 1px 1px rgba(0,0,0,.04);transition:transform .15s ease, box-shadow .15s ease}
.ap-sb-badge:hover{transform:translateY(-1px);box-shadow:0 4px 10px rgba(2,8,23,.08)}
.ap-sb-badge--fresh{background:linear-gradient(180deg,#e6fffb,#ccfbf6);border-color:#1fd6cd;color:#004156}
.ap-sb-badge--hot{background:linear-gradient(180deg,#ffe8e8,#ffd1d1);border-color:#ff0000;color:#5a0b0b}
.ap-sb-badge--boost{background:linear-gradient(180deg,#f5f7ff,#e7ebff);border-color:#94a3b8;color:#334155}

.ap-sb-micro{display:flex;gap:10px;align-items:center;font-size:12px;color:#334155;flex-wrap:wrap}
.ap-sb-micro .button.tiny{padding:2px 8px;height:auto;line-height:1.3}
.ap-sb-trend{font-weight:700}
.ap-sb-trend.up{color:#16a34a}   /* green */
.ap-sb-trend.down{color:#dc2626} /* red */
.ap-sb-trend.flat{color:#64748b} /* gray */

.ap-sb-spark{display:block;width:160px;height:32px;max-width:100%;margin-top:4px;filter:drop-shadow(0 1px 0 rgba(255,255,255,.6))}

.ap-sb-expanded{padding:10px 4px}
.ap-sb-chartbox{border-radius:16px;background:linear-gradient(180deg,#ffffff,#f8fafc);border:1px solid #e5e7eb;box-shadow:inset 0 1px 0 rgba(255,255,255,.6), 0 6px 16px rgba(2,8,23,.04);padding:12px;animation:apFadeIn .25s ease-out both}
.ap-sb-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.ap-sb-head h5{margin:0;font-size:16px}
.ap-sb-kpis{display:flex;gap:12px}
.ap-sb-kpis .kpi{display:flex;flex-direction:column;align-items:flex-end}
.ap-sb-kpis .kpi strong{font-size:14px}
.ap-sb-kpis .kpi span{font-size:11px;color:#64748b}
.ap-sb-chartbox .ap-sb-legend{margin-top:8px;color:#64748b;font-size:12px}
.ap-sb-canvas{display:block;width:100%;height:220px;max-width:100%}