.sa-stack{align-content:start;display:grid;gap:var(--pp-space-4);min-width:0}.sa-stack--tight{gap:2px}.sa-row{align-items:center;display:inline-flex;flex-wrap:wrap;gap:var(--pp-space-2)}.sa-muted{color:var(--pp-text-secondary);font-size:var(--pp-text-2xs)}.sa-nowrap{white-space:nowrap}.sa-break{word-break:break-all}.sa-two{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sa-sec{color:var(--pp-text-secondary);margin-inline-start:6px}.sa-page{display:grid;gap:var(--pp-space-4);grid-template-columns:minmax(0,1fr);min-width:0}.sa-toolbar{gap:var(--pp-space-2) var(--pp-space-3)}.sa-toolbar,.sa-toolbar__end{align-items:center;display:flex;flex-wrap:wrap}.sa-toolbar__end{gap:var(--pp-space-2);margin-inline-start:auto}.sa-range{align-items:stretch;display:inline-flex}.sa-range>button{border-radius:0}.sa-range>button:first-child{border-end-start-radius:var(--pp-r);border-start-start-radius:var(--pp-r)}.sa-range>button:last-child{border-end-end-radius:var(--pp-r);border-start-end-radius:var(--pp-r)}.sa-range>button+button{margin-inline-start:-1px}.sa-range__menu{gap:var(--pp-space-2);justify-content:space-between;min-width:140px}.sa-range__blank{display:inline-block;width:16px}.sa-span{font-size:var(--pp-text-sm)}.sa-chips{display:flex;flex-wrap:wrap;gap:var(--pp-space-2)}.sa-hero{display:grid;gap:var(--pp-space-4);grid-template-columns:minmax(0,1fr);padding:var(--pp-space-4) var(--pp-space-5) var(--pp-space-3)}.sa-online{align-items:center;display:inline-flex;gap:var(--pp-space-2)}.sa-chart-wrap{display:grid;gap:var(--pp-space-2);grid-template-columns:minmax(0,1fr)}.sa-chart{height:240px;position:relative}.sa-chart__wait{inset:0;position:absolute}.sa-legend{color:var(--pp-text-secondary);display:flex;flex-wrap:wrap;font-size:var(--pp-text-2xs);gap:var(--pp-space-4)}.sa-legend>span{align-items:center;display:inline-flex;gap:6px}.sa-key{border-radius:2px;display:inline-block;height:10px;width:10px}.sa-key--line{background:var(--saddle-chart-ink,#d000c4);height:3px}.sa-key--bar{background:var(--pp-border)}.sa-tip{background:var(--pp-surface);border:1px solid var(--pp-border);border-radius:var(--pp-r);box-shadow:var(--pp-shadow-md);display:grid;font-size:var(--pp-text-sm);gap:2px;padding:var(--pp-space-2) var(--pp-space-3);pointer-events:none;position:absolute;transform:translate(-50%,calc(-100% - 14px));white-space:nowrap;z-index:1}.sa-tip__title{color:var(--pp-text-secondary);font-size:var(--pp-text-2xs);margin-block-end:2px}.sa-tip__row{align-items:center;display:flex;gap:6px}.sa-tip__row strong{margin-inline-start:auto;padding-inline-start:var(--pp-space-4)}.sa-cards{display:grid;gap:var(--pp-space-4);grid-template-columns:repeat(2,minmax(0,1fr))}.sa-card{display:flex;flex-direction:column;min-width:0}.sa-card__head{align-items:center;display:flex;flex-wrap:wrap;gap:var(--pp-space-2);min-height:52px;padding:10px 12px 6px}.sa-card__title{font-size:var(--pp-text-sm);font-weight:600;margin:0;padding-inline-start:4px}.sa-card__end{align-items:center;display:flex;margin-inline-start:auto}.sa-card__body{flex:1;min-width:0;padding:4px 12px}.sa-card__foot{display:flex;justify-content:center;padding:6px 12px 10px}.sa-card .pp-barlist__fill{background:var(--saddle-brand-tint,#fde0fb)}.sa-card .pp-barlist__row--clickable:hover .pp-barlist__fill{background:var(--saddle-brand-soft,#f9c2f4)}.sa-card .pp-barlist__icon,.sa-metric{color:var(--pp-text-secondary)}.sa-metric{white-space:nowrap}.sa-metric--static{font-size:var(--pp-text-sm);padding:4px 6px}.sa-empty{margin:0;padding:var(--pp-space-2)}.sa-people{display:grid;gap:2px;grid-template-columns:minmax(0,1fr);list-style:none;margin:0;padding:0}.sa-person{align-items:center;background:transparent;border:0;border-radius:var(--pp-r-sm);color:var(--pp-text);cursor:pointer;display:flex;font:inherit;font-size:var(--pp-text-sm);gap:var(--pp-space-2);min-height:32px;padding:0 8px;text-align:start;width:100%}.sa-person:hover{background:var(--pp-surface-hover)}.sa-person:focus-visible{outline:2px solid var(--pp-focus,#2271b1);outline-offset:-2px}.sa-person .sa-two{flex:1}.sa-person__end{flex:none;font-variant-numeric:tabular-nums;white-space:nowrap}.sa-person__end .sa-sec{margin-inline:0 10px}.sa-live-text{color:var(--pp-success)}.sa-visitor{align-items:center;display:inline-flex;gap:var(--pp-space-3);min-width:0;white-space:nowrap}.sa-face{display:block;flex:none}.sa-details{display:grid;gap:var(--pp-space-3);grid-template-columns:minmax(0,1fr);min-width:0}.sa-details__bar{align-items:center;display:flex;flex-wrap:wrap;gap:var(--pp-space-2) var(--pp-space-3)}.sa-details__table{max-height:min(60vh,560px);min-width:0;overflow:auto}.sa-details__note{margin:0}.sa-visit h3{font-weight:600;margin:0 0 var(--pp-space-2)}.sa-rail,.sa-visit h3{font-size:var(--pp-text-sm)}.sa-rail{border-inline-start:1px solid var(--pp-border);display:grid;list-style:none;margin:0 0 0 4px;padding:0}.sa-rail li{display:flex;gap:var(--pp-space-3);padding:5px 0 5px 14px;position:relative}.sa-rail li:before{background:var(--pp-surface);border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--pp-border-strong,#c3c4c7);content:"";height:7px;inset-inline-start:-4px;position:absolute;top:11px;width:7px}.sa-rail__time{color:var(--pp-text-secondary);flex:none;font-variant-numeric:tabular-nums;width:40px}.sa-rail__page{flex:1;min-width:0;overflow-wrap:anywhere}.sa-rail__dur{font-variant-numeric:tabular-nums;white-space:nowrap}.sa-badge,.sa-rail__dur{color:var(--pp-text-secondary)}.sa-badge{align-items:center;background:var(--pp-surface-alt,#f6f7f7);border-radius:var(--pp-r-sm);display:inline-flex;font-size:var(--pp-text-2xs);height:20px;margin-inline-end:6px;padding:0 6px}.sa-flag{display:flex;justify-content:center}.sa-flag-img{border-radius:2px;box-shadow:inset 0 0 0 1px var(--pp-border);display:block;height:auto}@media(max-width:782px){.sa-cards{grid-template-columns:minmax(0,1fr)}.sa-numbers.pp-stat-grid--fixed{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:var(--pp-space-3)}.sa-numbers.pp-stat-grid--fixed>*{border-inline-start:none;padding-inline:var(--pp-space-3)}.sa-numbers.pp-stat-grid--fixed>:nth-child(3n),.sa-numbers.pp-stat-grid--fixed>:nth-child(3n+2){border-inline-start:1px solid var(--pp-border)}.sa-numbers.pp-stat-grid--fixed>:nth-child(3n+1){padding-inline-start:0}.sa-chart{height:200px}}