/* Shared dense recording rows; mobile columns never widen the replay. */
 #sessions .pv-recording.pv-unseen td{background:#edf4ff;color:#254a77}
 #sessions .pv-unseen .pv-stamp,#sessions .pv-unseen .pv-company{font-weight:650}
 #sessions .pv-company{max-width:190px;white-space:normal;overflow-wrap:anywhere}
#sessions .pv-recording td{padding:8px 10px;vertical-align:middle;background:#fff;border-bottom:1px solid #e1e9f4;font-size:12px;color:#597698}
#sessions .pv-recording:hover td,#sessions .pv-recording:has([aria-expanded=true]) td{background:#eaf3ff}
#sessions .pv-recording .pv-play-cell{width:44px;padding:0 4px!important}
#sessions .pv-play{display:grid;place-items:center;width:36px;height:44px;padding:8px;border:0;border-radius:5px;background:transparent;color:#3978b9;box-shadow:none;cursor:pointer}
#sessions .pv-play:hover,#sessions .pv-play[aria-expanded=true]{background:#dfedff;color:#155fc0}#sessions .pv-play svg{width:21px;height:21px}
#sessions .pv-stamp{display:flex;align-items:center;gap:6px;white-space:nowrap;font-weight:400;font-variant-numeric:tabular-nums}.pv-stamp svg{width:15px;height:15px;color:#9cb2cc;flex-shrink:0}
#sessions .pv-visit{min-width:160px;max-width:320px}#sessions .pv-path{max-width:290px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8d9fb5;font-size:10px;margin:1px 0 0 21px}.pv-date-short{display:none}
#sessions .pv-duration{white-space:nowrap;font-variant-numeric:tabular-nums;width:78px}.pv-duration svg{width:16px;height:16px;vertical-align:middle;color:#9cb2cc;margin-right:5px}
#sessions .pv-tech{white-space:nowrap;width:95px}.pv-symbol{display:inline-flex;align-items:center;justify-content:center;width:22px;height:24px;vertical-align:middle;color:#8fa9c6;margin-right:3px}.pv-symbol svg,.pv-symbol img{width:18px;height:18px;object-fit:contain}.pv-windows,.pv-edge{color:#8fa9c6}.pv-unknown{color:#bac5d2}
#sessions .pv-location{white-space:nowrap;min-width:100px}.pv-flag{border-radius:50%;object-fit:cover;vertical-align:middle;margin-right:7px;width:20px;height:20px;box-shadow:0 0 0 1px #152c4d12}#sessions .pv-unavailable{color:#adb9c8;font-size:12px}.pv-test{display:inline-block;font-size:9px;color:#9c730a;background:#fff4d5;padding:1px 5px;border-radius:4px;margin-left:5px}
#sessions .session-actions{min-width:36px;width:36px;padding:0 4px}#sessions .pv-actions{position:relative;border:0;padding:0;margin:0}#sessions .pv-actions summary{display:grid;place-items:center;list-style:none;width:32px;height:44px;font-size:21px;color:#94a7bd;cursor:pointer}#sessions .pv-actions summary::-webkit-details-marker{display:none}#sessions .pv-action-menu{position:absolute;right:0;top:38px;z-index:6;min-width:130px;padding:5px;background:white;box-shadow:0 4px 18px #23375525;border:1px solid #e1e9f4;border-radius:8px}#sessions .pv-action-menu button{display:block;width:100%;text-align:left;min-height:40px;margin:0;font-size:12px}
#sessions .replay-row>td{white-space:normal!important}
@media(max-width:700px){
 .pv-session-table,.pv-session-table #sessions{display:block;width:100%;min-width:0;max-width:100%}
 .pv-session-table>thead{display:none}
 #sessions .pv-recording{display:grid;grid-template-columns:32px minmax(0,1fr) 47px 65px 23px 28px;align-items:center;width:100%;min-height:52px;border-bottom:1px solid #e1e9f4;padding:2px 5px;gap:2px;background:white}
 #sessions .pv-recording:hover,#sessions .pv-recording:has([aria-expanded=true]){background:#eaf3ff}
 #sessions .pv-recording td{display:block;width:auto;min-width:0;max-width:none;border:0;padding:0;background:transparent!important;font-size:11px}
 #sessions .pv-recording .pv-play-cell{width:32px;padding:0!important}#sessions .pv-play{width:32px;height:44px;padding:6px}
 #sessions .pv-recording .pv-visit{min-width:0}#sessions .pv-stamp{gap:3px}#sessions .pv-stamp>svg{display:none}.pv-date-long{display:none}.pv-date-short{display:inline}
 #sessions .pv-path{display:none}#sessions .pv-duration svg{width:13px;height:13px;margin-right:3px}
 #sessions .pv-tech .pv-symbol{width:19px;margin-right:1px}.pv-symbol svg,.pv-symbol img{width:17px;height:17px}
 #sessions .pv-location{min-width:0;text-align:center}#sessions .pv-location>span{display:none}.pv-flag{width:18px;height:18px;margin:0}
 #sessions .session-actions{min-width:0}#sessions .pv-actions summary{width:28px}#sessions .pv-test{display:none}
 #sessions .replay-row,#sessions .replay-row>td{display:block;width:100%;min-width:0;max-width:100%}
 #sessions .replay-row>td{padding:6px!important;box-sizing:border-box}
 #sessions .replay-row section{width:100%;min-width:0;max-width:100%;padding:0;border:0;border-radius:0;box-sizing:border-box}
 #sessions .replay-row .replay-topbar,#sessions .replay-row .playback-heading{flex-wrap:wrap;min-width:0;padding:10px;gap:8px}
 #sessions .replay-row h2{min-width:0;overflow-wrap:anywhere}
 #sessions .replay-row #player{display:block;box-sizing:border-box;width:100%;max-width:100%;min-width:0;height:65vh;min-height:280px;max-height:650px;border:0;border-radius:0}
 @supports(height:1svh){#sessions .replay-row #player{height:65svh}}
}

@media(max-width:360px){#sessions .pv-recording{grid-template-columns:28px minmax(0,1fr) 44px 55px 20px 24px;padding-inline:3px;gap:1px}#sessions .pv-date-short{font-size:10px}#sessions .pv-tech .pv-symbol{width:17px;margin:0}#sessions .pv-tech svg,#sessions .pv-tech img{width:15px;height:15px}}

/* Stable three-column pagination on small and large screens. */
.pagination{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px!important;flex-wrap:nowrap!important}
.pagination #page-summary{text-align:center;line-height:1.4;font-variant-numeric:tabular-nums}
.pagination button{white-space:nowrap;min-height:44px;margin:0;padding:10px 12px}
@media(max-width:420px){.pagination{gap:5px!important}.pagination button{padding:10px 8px;font-size:12px}.pagination #page-summary{font-size:12px}}

/* Disclosure controls: the whole recording row toggles its inline replay. */
#sessions .pv-recording{cursor:pointer}
#sessions .pv-play svg{transition:transform .16s ease;transform-origin:center}
#sessions .pv-play[aria-expanded=true] svg{transform:rotate(90deg)}
@media(prefers-reduced-motion:reduce){#sessions .pv-play svg{transition:none}}

#sessions .pv-ip{font-size:10px;color:#73869d;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;white-space:normal;margin-top:3px}

/* Expanding content must not make the browser follow a lower recording row. */
.pv-session-table,#sessions,#sessions *{overflow-anchor:none}
/* Viewed rows stay visually distinct even while open or hovered. */
#sessions .pv-recording:not(.pv-unseen):hover td,#sessions .pv-recording:not(.pv-unseen):has([aria-expanded=true]) td{background:#fff}
#sessions .pv-company-inline{display:none}
#sessions .pv-action-menu .delete-action{color:#b42318;font-weight:600;opacity:1}
#sessions .pv-action-menu .view-state-action{background:transparent;color:#355c89;font-weight:500}
#sessions .pv-action-menu .view-state-action:hover{background:#eef3fa}
@media(max-width:700px){
 #sessions .pv-recording.pv-unseen{background:#edf4ff}
 #sessions .pv-recording:not(.pv-unseen):hover,#sessions .pv-recording:not(.pv-unseen):has([aria-expanded=true]){background:#fff}
 .pv-all-companies #sessions .pv-company{display:none}
 .pv-all-companies #sessions .pv-company-inline{display:inline;color:#355c89}
 .pv-all-companies #sessions .pv-visit{display:contents}
 .pv-all-companies #sessions .pv-stamp{grid-column:2;grid-row:1}
 .pv-all-companies #sessions .pv-path{display:none}
 .pv-all-companies #sessions .pv-ip{grid-column:2 / 6;grid-row:2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 0 3px}
 .pv-all-companies #sessions .pv-play-cell{grid-column:1;grid-row:1 / span 2}
 .pv-all-companies #sessions .pv-duration{grid-column:3;grid-row:1 / span 2;align-self:center}
 .pv-all-companies #sessions .pv-tech{grid-column:4;grid-row:1 / span 2;align-self:center}
 .pv-all-companies #sessions .pv-location{grid-column:5;grid-row:1 / span 2;align-self:center}
 .pv-all-companies #sessions .session-actions{grid-column:6;grid-row:1 / span 2}
 #sessions .pv-unseen .pv-company-inline{font-weight:650}
}

#playback{position:relative}#playback-status{position:absolute;top:12px;left:12px;right:12px;z-index:2;margin:0;padding:10px;background:#eef3fa;color:#597698;border-radius:6px;pointer-events:none}#playback-status:empty{display:none}

#replay-insights{padding:12px 16px}#replay-insights dl{display:grid;grid-template-columns:minmax(100px,1fr) 2fr;gap:6px 12px;font-size:12px}#replay-insights dt{font-weight:600}#replay-insights dd{margin:0;overflow-wrap:anywhere}

@media(max-width:700px){.pv-all-companies #sessions .pv-recording{grid-template-rows:20px 16px;row-gap:20px}.pv-all-companies #sessions .pv-ip{align-self:end;line-height:14px;margin:0}}

/* Optional visit facts: one shared disclosure presentation in panel and private links. */
.pv-insights{margin:12px 0;padding:0!important;border:1px solid #dce5f0;border-radius:12px;background:#f8faff;color:#334b69;overflow:hidden}
.pv-insights>summary{padding:14px 16px;cursor:pointer;font-size:14px;font-weight:650;color:#305d91}
.pv-insights>summary span{display:block;margin:3px 0 0 18px;font-size:11px;font-weight:400;color:#72839a}
.pv-insight-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;padding:0 12px 12px}
.pv-insight-group{min-width:0;padding:16px;background:white;border:1px solid #e5ebf3;border-radius:10px}
.pv-insight-group h3{margin:0 0 12px;font-size:12px;color:#315c8a;letter-spacing:.02em}
#replay-insights .pv-insight-group dl,.pv-insight-group dl{display:block;margin:0;font-size:12px}
.pv-insight-group dl>div{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:7px 0;border-top:1px solid #f0f3f7}
#replay-insights .pv-insight-group dt,.pv-insight-group dt{font-weight:400;color:#76869b;flex:1;min-width:0}
#replay-insights .pv-insight-group dd,.pv-insight-group dd{font-weight:550;color:#293e58;margin:0;flex:1;min-width:0;text-align:right;overflow-wrap:anywhere}
@media(max-width:540px){.pv-insight-grid{grid-template-columns:1fr}.pv-insight-group{padding:12px}}

#sessions .pv-traffic{display:block!important;font-size:9px;line-height:12px;color:#77879a;font-weight:500;text-align:center}#sessions .pv-traffic-bot{color:#a45d0b}#sessions .pv-traffic-human{color:#326fa0}.filters{flex-wrap:wrap}

@media(max-width:700px){#sessions .pv-traffic{font-size:0;line-height:12px}#sessions .pv-traffic::after{content:attr(data-symbol);font-size:10px;display:block}}

/* Visitor classification shares the technology line; it never adds a row. */
#sessions .pv-traffic{display:inline-flex!important;align-items:center;justify-content:center;font-size:0!important;line-height:1;vertical-align:middle;width:18px;height:22px;margin-right:3px}#sessions .pv-traffic::after{content:attr(data-symbol);font-size:12px;display:inline}
@media(max-width:700px){#sessions .pv-recording{grid-template-columns:30px minmax(0,1fr) 47px 84px 23px 25px}#sessions .pv-traffic{width:16px;margin-right:2px}#sessions .pv-tech{display:flex!important;align-items:center;white-space:nowrap}#sessions .pv-tech .pv-symbol{flex-shrink:0}}
@media(max-width:360px){#sessions .pv-recording{grid-template-columns:26px minmax(0,1fr) 42px 70px 20px 22px}#sessions .pv-traffic{width:14px;margin:0}#sessions .pv-traffic::after{font-size:10px}}
