body.TrendDataAdmin, body.TrendDataAdmin button { font-family: Montserrat,sans-serif; }
body.TrendDataAdmin .trend-admin-page { max-width:var(--content-max-standard); margin:0 auto; padding:14px 0 60px; color:#25153c; }
.trend-admin-page header { padding:26px; border:1px solid #e8daf0; border-radius:17px; background:linear-gradient(120deg,#faf5ff,#fff 70%,#fff8f1); }
.trend-admin-page h1 { margin:5px 0 8px; font-size:29px; }
.trend-admin-page h2 { margin:0 0 10px; font-size:17px; }
.trend-admin-page p { margin:0; color:#725a86; font-size:13px; line-height:1.55; }
.trend-admin-eyebrow { color:#8953a8; font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.1em; }
.trend-admin-card { margin-top:16px; padding:21px; border:1px solid #e8daf0; border-radius:15px; background:#fff; }
#trendStatusSummaryPanel { max-width:330px; min-height:70px; }
#trendStatusSummaryPanel canvas { max-width:100%; }
#populationStatusPanel { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-top:15px; }
#populationStatusPanel button { padding:9px 12px; border:1px solid #dfcdec; border-radius:9px; color:#6c3d93; background:#fff; cursor:pointer; }
#populationStatusPanel button:hover { background:#faf5ff; }
#populationStatusPanel .prepopProgress { width:100%; color:#6c3d93; font-size:12px; }
#populationStatusPanel .barOuter { height:9px; overflow:hidden; margin-top:7px; border-radius:9px; background:#f3e9fa; }
#populationStatusPanel .barInner { height:100%; background:#9333ea; transition:width .2s; }
.trend-admin-back { display:inline-block; margin-top:20px; color:#7337a0; font-size:13px; font-weight:700; }
@media(max-width:640px) { .trend-admin-page header { padding:21px; } .trend-admin-page h1 { font-size:24px; } #populationStatusPanel button { width:100%; } }