.analytics-overview{width:100%;min-width:0;margin:24px 0}.analytics-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:16px}.analytics-toolbar label{display:flex;align-items:center;gap:12px}.analytics-toolbar select,.analytics-toolbar button{min-height:44px;padding:8px 16px}.analytics-overview>div:last-child{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:32px}.analytics-chart{min-width:0}.analytics-chart h2{font:600 20px/1.5 system-ui}.analytics-bars{height:160px;display:flex;align-items:end;gap:3px;margin:20px 0;background:linear-gradient(transparent 49%,#ffffff08 50%,transparent 51%)}.analytics-bars span{flex:1;background:#9370df;border-radius:3px 3px 0 0;min-width:0}.analytics-chart summary{cursor:pointer;min-height:44px}.analytics-chart table{width:100%;font-size:14px;border-collapse:collapse}.analytics-chart td,.analytics-chart th{text-align:left;padding:8px;overflow-wrap:anywhere}.analytics-overview[aria-busy=true]>p:before{content:' ';display:inline-block;width:14px;height:14px;margin-right:10px;border:2px solid #9370df;border-right-color:transparent;border-radius:50%;animation:analytics-spin 1s linear infinite}@keyframes analytics-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.analytics-overview[aria-busy=true]>p:before{animation:none}}
/* Explicit classes avoid inheriting the large marketing-page typography. */
.customer-activity-page{max-width:1120px;margin-inline:auto}
.customer-activity-page h1{font-size:clamp(32px,4vw,48px);line-height:1.15;margin-block:16px}
.customer-activity-page .family-intro{font-size:17px;line-height:1.6;margin-bottom:24px}
.analytics-overview .analytics-toolbar{gap:12px;margin-bottom:32px;justify-content:space-between}
.analytics-overview .analytics-toolbar label{font-size:14px;gap:12px}
.analytics-overview .analytics-toolbar select{width:auto;max-width:100%;font-size:15px;padding:10px 40px 10px 16px;min-height:44px;border-radius:12px}
.analytics-overview .analytics-toolbar button{font:600 14px/1.4 system-ui;color:inherit;background:transparent;border:1px solid #bca3ed40;border-radius:999px;padding:10px 20px;cursor:pointer}
.analytics-overview .analytics-toolbar button:hover{background:#bca3ed12}
.analytics-overview .analytics-toolbar :disabled{opacity:.55;cursor:wait}
.analytics-overview .analytics-chart-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:40px}
.analytics-overview .analytics-chart{padding-block:8px 20px}
.analytics-overview .analytics-chart h2{font:600 18px/1.4 system-ui;margin:0 0 18px}
.analytics-overview .analytics-scale{font-size:12px;color:#bdb4cc;margin-bottom:8px}
.analytics-overview .analytics-bars{height:180px;margin:0;gap:4px;border-bottom:1px solid #bca3ed28;background:repeating-linear-gradient(to top,transparent 0,transparent calc(50% - 1px),#bca3ed12 50%)}
.analytics-overview .analytics-bars span{background:linear-gradient(#ad8ce8,#7856ba)}
.analytics-overview .analytics-axis{display:flex;justify-content:space-between;font:12px/1.5 system-ui;color:#bdb4cc;margin:10px 0 16px;gap:8px}
.analytics-overview .analytics-chart summary{font:500 13px/1.5 system-ui;color:#c9b3f0;padding-block:12px}
.analytics-overview .analytics-note{font:400 12px/1.65 system-ui;color:#bdb4cc;max-width:760px;margin:20px 0}
.analytics-overview .analytics-chart table{font:400 13px/1.5 system-ui}
.analytics-overview .analytics-toolbar :focus-visible,.analytics-chart summary:focus-visible{outline:2px solid #c9b3f0;outline-offset:4px}