/* Viewer-only layout: all existing board, media, and call controls stay in place. */
.board-presentation-toolbar {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;
  gap: 8px; padding: 10px 14px; grid-column: 1 / -1;
  background: var(--white, #fff); color: var(--ink, #192b39); border-bottom: 1px solid var(--line, #d8dee9);
}
.board-presentation-toolbar .button,
.board-people-toolbar .button,
.board-people-resize-bar .button { min-height: 44px; min-width: 44px; white-space: normal; overflow-wrap: anywhere; }
.board-presentation-hint { font-size: .8125rem; line-height: 1.5; }
#office-workspace.board-presentation-expanded {
  border: 1px solid var(--line, #d8dee9); border-radius: 12px;
  background: var(--white, #fff); color: var(--ink, #192b39);
  box-shadow: 0 14px 60px #10182740; overscroll-behavior: contain; scrollbar-gutter: stable;
  align-content: start;
}
#office-workspace.board-presentation-expanded > .board-presentation-toolbar {
  position: sticky; top: 0; z-index: 5; align-self: start;
}
#office-workspace.board-presentation-expanded .panel-head { gap: 12px; }
#office-workspace.board-presentation-expanded :is(button, input, select, textarea, summary, a[href]) { scroll-margin-block-start: 90px; }
#office-workspace.board-presentation-expanded .office-presentation-video { max-height: calc(100dvh - 200px); object-fit: contain; }
#native-video-stage.board-people-floating {
  display: block; padding: 0 10px 10px; border: 2px solid var(--line, #d8dee9); border-radius: 12px;
  background: var(--white, #fff); color: var(--ink, #192b39);
  box-shadow: 0 8px 32px #10182740; overscroll-behavior: contain; scrollbar-gutter: stable;
}
#native-video-stage.board-people-floating > .board-people-toolbar {
  display: flex; flex-wrap: nowrap; gap: 6px; position: sticky; top: 0; z-index: 7;
  padding: 6px 10px; margin: 0 -10px 10px; border-bottom: 1px solid var(--line, #d8dee9);
  background: var(--white, #fff); color: var(--ink, #192b39);
}
#native-video-stage.board-people-floating [data-board-people-move] { flex: 1 1 auto; min-width: 44px; padding: 6px; cursor: move; touch-action: none; user-select: none; }
#native-video-stage.board-people-floating [data-board-people-restore] { flex: 0 1 auto; min-width: 44px; min-height: 44px; padding: 6px; }
#native-video-stage.board-people-floating :is(button, input, select, textarea, summary, a[href]) { scroll-margin-block: 70px; }
#native-video-stage.board-people-floating > .native-video-grid {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 150px), 1fr)); align-items: start; gap: 8px; min-width: 0;
}
#native-video-stage.board-people-floating .native-video-tile { min-width: 0; max-width: 100%; }
#native-video-stage.board-people-floating .native-video-tile[data-self="true"] { width: 100%; max-width: 100%; }
#native-video-stage.board-people-floating .native-video-tile video { max-width: 100%; object-fit: contain; }
#native-video-stage.board-people-floating .native-call-layout { min-width: 0; }
#native-video-stage.board-people-floating .participant-grid { grid-template-columns: minmax(0, 1fr); }
#native-video-stage.board-people-floating .board-people-resize-bar {
  display: flex; flex-wrap: wrap; gap: 4px; position: var(--board-people-resize-position, sticky); bottom: -10px; z-index: 6;
  padding: 6px; margin: 10px -10px -10px; border-top: 1px solid var(--line, #d8dee9);
  background: var(--white, #fff); color: var(--ink, #192b39);
}
#native-video-stage.board-people-floating .board-people-resize-bar .button { flex: 1 1 0; padding: 6px; font-size: .75rem; }
#native-video-stage.board-people-floating [data-board-people-resize] { cursor: nwse-resize; touch-action: none; user-select: none; }
.board-layout-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
@media (forced-colors: active) {
  #office-workspace.board-presentation-expanded,
  #native-video-stage.board-people-floating,
  .board-presentation-toolbar,
  #native-video-stage.board-people-floating > .board-people-toolbar,
  #native-video-stage.board-people-floating .board-people-resize-bar { background: Canvas; color: CanvasText; border-color: CanvasText; }
}