.session-recording{display:grid;grid-template-columns:1fr auto;gap:8px 14px;align-items:center;margin:10px 14px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--paper-2);font-size:var(--t-xs)}
.session-recording strong,.session-recording small{display:block}.session-recording small{color:var(--ink-3);margin-top:2px}.session-recording label{font-weight:600}.session-recording p,.session-recording-actions,.session-recording video{grid-column:1/-1;margin:0}.session-recording-actions{display:flex;gap:8px;flex-wrap:wrap}.session-recording video{width:100%;max-height:280px;background:#111;border-radius:8px}@media(max-width:700px){.session-recording{grid-template-columns:1fr}.session-recording label{grid-row:2}}
.recording-archive{margin-top:20px}.recording-archive>p{font-size:var(--t-sm);color:var(--ink-3)}.recording-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-top:1px solid var(--line)}.recording-row small{display:block;color:var(--ink-3);margin-top:4px}.recording-row>div:last-child,.recording-archive-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.recording-archive video{width:100%;max-height:320px;background:#111;border-radius:8px;margin:12px 0}.recording-archive-actions{margin-top:16px}@media(max-width:520px){.recording-row{align-items:flex-start;flex-direction:column}}