.audience-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
.audience-legend{display:flex;gap:22px;flex-wrap:wrap;margin:18px 0 12px}
.audience-legend span::before{content:"";display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:8px}
.audience-legend .account::before,.audience-track .account{background:#537ba7}
.audience-legend .visitor::before,.audience-track .visitor{background:#72a69b}
.audience-legend .software::before,.audience-track .software{background:#aa91bc}
.audience-chart-scroll{overflow-x:auto;padding:25px 0 10px}
.audience-chart{display:flex;gap:12px;min-width:100%;width:max-content}
.audience-day{flex:1 0 52px;min-width:52px;text-align:center;font-size:11px}
.audience-tracks{height:210px;display:flex;gap:4px;align-items:flex-end;justify-content:center;border-bottom:1px solid #dce2e9;background:repeating-linear-gradient(to top,transparent 0,transparent 51px,#eef1f5 52px,#eef1f5 53px)}
.audience-track{height:100%;width:13px;display:flex;align-items:flex-end;position:relative}
.audience-track>span{width:100%;position:relative;border-radius:3px 3px 0 0;min-height:0}
.audience-track small{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);padding-bottom:6px;font-size:10px}
.audience-day time{display:block;padding-top:10px;color:#64748b}
.audience-day.unrecorded .audience-tracks{align-items:center;background:#f6f7f9}
.audience-ranges{display:flex;gap:8px;flex-wrap:wrap}
.audience-ranges a{padding:5px 10px;border:1px solid #dce2e9;border-radius:5px}
.audience-ranges [aria-current]{background:#edf3fa;font-weight:600}
.audience-details{margin-top:24px}.audience-details summary{cursor:pointer;padding:4px 0 16px}
.online-card-content{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px;margin:14px 0}
.online-ring{width:106px;height:106px;border-radius:50%;background:#e7ecf1;display:grid;place-items:center;flex:0 0 106px}
.online-ring>div{width:82px;height:82px;border-radius:50%;background:var(--panel,#fff);display:flex;flex-direction:column;align-items:center;justify-content:center}
.online-card .online-ring strong{font-size:28px;line-height:1.15;margin:0}.online-card .online-ring small{font-size:10px;margin:4px 0 0}
.online-card-legend{flex:1 0 104px;min-width:0}.online-card-legend>div{display:flex;gap:7px;align-items:center;font-size:11px;margin:8px 0}.online-card-legend b{margin-left:auto}
.online-card-legend>div::before{content:"";width:7px;height:7px;border-radius:2px;flex:0 0 7px;background:#537ba7}
.online-card-legend>.visitor::before{background:#72a69b}.online-card-legend>.software::before{background:#aa91bc}.online-card-legend>.mobile::before{background:#c2a576}
.online-card-legend span{white-space:nowrap}
@media(max-width:700px){.audience-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.audience-chart{gap:8px}.audience-day{min-width:46px}}