.web-analytics-live{background:var(--sps-bg-page);min-height:100%;padding:20px}.web-analytics-live .page-head{-webkit-box-align:start;-ms-flex-align:start;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;gap:16px;justify-content:space-between;margin-bottom:18px}.web-analytics-live .page-head h2{color:var(--sps-text-strong);font-size:20px;margin:0}.web-analytics-live .page-head .page-subtitle{color:var(--sps-text-muted);font-size:13px}.web-analytics-live .page-head .head-actions{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px}.web-analytics-live .wa-mode-tabs{background:var(--sps-bg-surface);border:1px solid var(--sps-border-default);border-radius:999px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;gap:8px;padding:6px}.web-analytics-live .wa-mode-tabs button{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:transparent;border:0;border-radius:999px;color:#667085;cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-weight:700;gap:6px;padding:9px 14px;white-space:nowrap}.web-analytics-live .wa-mode-tabs button.active{background:var(--sps-primary-soft);color:var(--sps-primary-text-on-soft)}.web-analytics-live .wa-mode-tabs .material-icons{font-size:18px}.web-analytics-live .summary-cards{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));margin-bottom:18px}.web-analytics-live .summary-card{-ms-flex-align:center;background:var(--sps-bg-surface);border:1px solid var(--sps-border-default);border-radius:var(--sps-radius-md);gap:12px;padding:14px 16px}.web-analytics-live .summary-card,.web-analytics-live .summary-card .card-icon{-webkit-box-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.web-analytics-live .summary-card .card-icon{-webkit-box-flex:0;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;border-radius:10px;-ms-flex:0 0 36px;flex:0 0 36px;height:36px;justify-content:center;width:36px}.web-analytics-live .summary-card .card-body{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0}.web-analytics-live .summary-card .card-label{color:var(--sps-text-muted);font-size:12px}.web-analytics-live .summary-card .card-value{color:var(--sps-text-strong);font-size:22px;font-weight:600;line-height:1.2}.web-analytics-live .summary-card .card-hint{color:var(--sps-text-muted);font-size:11px}.web-analytics-live .summary-card.tone-primary .card-icon{background:var(--sps-primary-soft);color:var(--sps-primary)}.web-analytics-live .summary-card.tone-info .card-icon{background:var(--sps-info-soft);color:var(--sps-info)}.web-analytics-live .summary-card.tone-warning .card-icon{background:var(--sps-warning-soft);color:var(--sps-warning)}.web-analytics-live .summary-card.tone-success .card-icon{background:var(--sps-success-soft);color:var(--sps-success)}.web-analytics-live .summary-card.tone-muted .card-icon{background:var(--sps-bg-sunken);color:var(--sps-icon-muted)}.web-analytics-live .content-layout{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;gap:16px}.web-analytics-live .filters-column{-webkit-box-flex:0;-ms-flex:0 0 260px;flex:0 0 260px;width:260px}.web-analytics-live .table-column{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.web-analytics-live .visitor-cell{-ms-flex-align:center;cursor:pointer;gap:8px}.web-analytics-live .visitor-avatar,.web-analytics-live .visitor-cell{-webkit-box-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.web-analytics-live .visitor-avatar{-webkit-box-flex:0;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;background:var(--sps-bg-sunken);border-radius:10px;-ms-flex:0 0 32px;flex:0 0 32px;height:32px;justify-content:center;position:relative;width:32px}.web-analytics-live .visitor-avatar.online{background:var(--sps-success-soft)}.web-analytics-live .presence-dot{background:var(--sps-success);border:2px solid var(--sps-bg-surface);border-radius:50%;bottom:-2px;height:9px;position:absolute;right:-2px;width:9px}.web-analytics-live .visitor-labels{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;line-height:1.3;min-width:0}.web-analytics-live .visitor-name{color:var(--sps-text-strong);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.web-analytics-live .visitor-uid{color:var(--sps-text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.web-analytics-live .actions-cell{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:end;-ms-flex-pack:end;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;gap:4px;justify-content:flex-end}.web-analytics-live .chat-action.muted{opacity:.4}.web-analytics-live .device-cell,.web-analytics-live .last-seen-cell,.web-analytics-live .location-cell,.web-analytics-live .metric-cell,.web-analytics-live .page-cell{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;gap:6px;min-width:0}.web-analytics-live .metric-cell{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.web-analytics-live .page-link{color:var(--sps-primary);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.web-analytics-live .pill{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-flex:0;align-items:center;border-radius:999px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex:0 0 auto;flex:0 0 auto;font-size:11px;font-weight:500;gap:5px;padding:2px 9px}.web-analytics-live .pill.pill-success{background:var(--sps-success-soft);color:var(--sps-success-text)}.web-analytics-live .pill.pill-primary{background:var(--sps-primary-soft);color:var(--sps-primary-text-on-soft);padding:2px 6px}.web-analytics-live .pill-dot{background:var(--sps-success);border-radius:50%;height:6px;width:6px}.web-analytics-live .tag-chip{border-radius:999px;display:inline-block;font-size:11px;font-weight:500;padding:2px 9px}.web-analytics-live .tag-chip.chip-success{background:var(--sps-success-soft);color:var(--sps-success-text)}.web-analytics-live .tag-chip.chip-info{background:var(--sps-info-soft);color:var(--sps-info-text)}.web-analytics-live .tag-chip.chip-warning{background:var(--sps-warning-soft);color:var(--sps-warning-text)}.web-analytics-live .tag-chip.chip-primary{background:var(--sps-primary-soft);color:var(--sps-primary-text-on-soft)}.web-analytics-live .tag-chip.chip-muted{background:var(--sps-bg-sunken);color:var(--sps-text-muted)}.web-analytics-live .empty-state{color:var(--sps-text-muted);padding:30px;text-align:center}@media(max-width:1100px){.web-analytics-live .content-layout{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.web-analytics-live .filters-column{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;width:100%}}