.session-videos {
  display: grid;
  gap: 16px;
  min-width: 0;
  padding: 20px;
  margin-block: 24px;
  border: 1px solid var(--fliq-border-subtle);
  border-radius: 20px;
  background: var(--fliq-surface);
  color: var(--fliq-text-primary);
  font: 400 1rem/1.5 var(--fliq-font-ui);
  overflow-wrap: anywhere;
}
.session-videos[hidden], .session-videos [hidden] { display: none; }
.session-videos h3 { margin: 0; font: 600 1.25rem/1.4 var(--fliq-font-display); }
.session-videos p { margin: 0; color: var(--fliq-text-secondary); }
.session-videos label, .video-upload, .session-video-list, .session-video-card { display: grid; gap: 12px; min-width: 0; }
.session-videos input, .session-videos select, .session-videos button, .session-videos summary {
  box-sizing: border-box;
  min-height: 56px;
  min-width: 56px;
  max-width: 100%;
  font: inherit;
  border-radius: 12px;
}
.session-videos input, .session-videos select { width: 100%; padding: 12px; color: var(--fliq-text-primary); background: var(--fliq-surface); border: 1px solid var(--fliq-border-control); }
.session-videos input::file-selector-button { min-height: 44px; font: inherit; color: var(--fliq-text-primary); background: var(--fliq-surface-muted); border: 1px solid var(--fliq-border-control); border-radius: 12px; margin-inline-end: 8px; }
.session-videos button { white-space: normal; padding: 12px 16px; }
.session-videos .button { border-color: var(--fliq-border-control); background: var(--fliq-surface); color: var(--fliq-text-primary); }
.session-videos summary { padding: 16px; cursor: pointer; border: 1px solid var(--fliq-border-control); }
.session-videos :is(button,input,select,summary):focus-visible { outline: 3px solid var(--fliq-focus); outline-offset: 2px; }
.session-video-card { padding: 16px; border: 1px solid var(--fliq-border-subtle); border-radius: 20px; }
.session-video-card video { display: block; width: 100%; max-height: 480px; margin-block-start: 12px; background: var(--fliq-ink-surface); }
.session-videos .video-consent { margin-block: 0; }
.session-videos .video-consent-check { display: flex; align-items: start; gap: 12px; }
.session-videos .video-consent-check input { flex: 0 0 44px; width: 44px; min-width: 44px; min-height: 44px; margin: 0; }
.session-videos .video-consent-text { margin-block: 16px; white-space: pre-line; }
.session-videos.video-consent details > a { display: flex; align-items: center; box-sizing: border-box; min-height: 44px; padding-block: 8px; }
.session-videos .video-delete { justify-self: start; color: var(--fliq-status-danger-fg); margin-block-start: 12px; }
.session-videos .video-error { color: var(--fliq-status-danger-fg); }
.session-videos :disabled { cursor: not-allowed; }
.session-videos time { font-variant-numeric: tabular-nums; }
.session-videos-compact { gap: 12px; margin-block: 0; padding: 12px; }
.video-picker-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.video-picker-action { position: relative; display: inline-flex!important; width: fit-content; min-width: 44px!important; min-height: 44px; align-items: center; justify-content: center; gap: 8px!important; margin: 0; padding: 8px 12px; border: 1px solid var(--fliq-border-control); border-radius: 12px; background: var(--fliq-surface); color: var(--fliq-text-primary); font-weight: 800; cursor: pointer; overflow: hidden; }
.video-picker-action:hover { background: var(--fliq-surface-muted); }
.video-picker-action:has(input:focus-visible) { outline: 3px solid var(--fliq-focus); outline-offset: 2px; }
.video-picker-action:has(input:disabled) { opacity: .55; cursor: not-allowed; }
.video-picker-action input[type="file"] { position: absolute; inset: 0; width: 100%; height: 100%; min-width: 0; min-height: 0; margin: 0; padding: 0; border: 0; opacity: 0; cursor: pointer; }
.video-record-action { display: none!important; }
.video-auto-save-hint { font-size: .875rem; }
.video-consent-compact { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; min-height: 44px; }
.video-consent-compact>a { color: var(--fliq-text-primary); font-weight: 800; }
@media (max-width: 760px), (pointer: coarse) { .video-record-action { display: inline-flex!important; } }
@media (max-width: 480px) { .session-videos { padding: 12px; } .session-video-card { padding: 12px; } .video-picker-actions { display: grid; grid-template-columns:repeat(2,minmax(0,1fr)); } .video-picker-action { width: 100%; } }
.documentation-video-workspace .session-videos-compact { margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; }