/* session-replay.css — Session Replay page-specific styles */
.session-replay .topnav a{min-height:44px;display:inline-flex;align-items:center;}
.session-replay .back-link{min-height:44px;display:inline-flex;align-items:center;gap:6px;color:var(--cy);text-decoration:none;font:600 .85rem var(--font-body);margin-bottom:20px;}
.session-replay .back-link:hover{text-decoration:underline;}
.session-replay .back-link:focus-visible{outline:2px solid var(--cy);outline-offset:3px;}
.session-replay .field-label{display:block;font:600 .72rem var(--font-mono);color:var(--dim);margin-bottom:8px;letter-spacing:.06em;text-transform:uppercase;}
.session-replay #sr-select{width:100%;padding:12px 14px;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-sm);color:var(--ink);font:400 .95rem var(--font-body);cursor:pointer;min-height:44px;}
.session-replay .sr-timeline-wrap{margin-top:20px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r);padding:12px;overflow-x:auto;}
.session-replay #sr-canvas{display:block;width:100%;max-width:780px;height:auto;cursor:pointer;}
.session-replay .sr-controls{display:flex;align-items:center;gap:16px;margin-top:16px;}
.session-replay .sr-btn{padding:12px 24px;border-radius:var(--r-sm);font:700 .9rem var(--font-display);cursor:pointer;min-height:44px;transition:transform .1s;}
.session-replay .sr-btn:active{transform:scale(.98);}
.session-replay .sr-btn-play{background:var(--good);color:#0d0e12;border:none;}
.session-replay .sr-speed{display:flex;align-items:center;gap:8px;}
.session-replay .sr-speed label{font:600 .72rem var(--font-mono);color:var(--dim);}
.session-replay .sr-speed select{padding:8px;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-sm);color:var(--ink);font:400 .85rem var(--font-body);min-height:44px;}
.session-replay .sr-readout{margin-top:16px;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);font-family:var(--font-mono);}
.session-replay .sr-readout .sr-set-num{font:700 1.2rem var(--font-display);color:var(--cy);}
.session-replay .sr-readout .sr-set-detail{color:var(--dim);font-size:.9rem;margin-top:4px;}
.session-replay .sr-summary{margin-top:16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;}
.session-replay .sr-sum-item{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);padding:12px;text-align:center;}
.session-replay .sr-sum-item .num{font:700 1.3rem var(--font-display);color:var(--ink);}
.session-replay .sr-sum-item .lbl{font:400 .68rem var(--font-mono);color:var(--dim);text-transform:uppercase;}