/* Shared menu treatment, derived from Video Library's searchable filters. */
:root{--workspace-selection:#dce8f8;--workspace-selection-ink:#10265f}
html[data-visual="classic"]{--workspace-selection:#dcebe2;--workspace-selection-ink:#183d32}
::selection{background:var(--workspace-selection);color:var(--workspace-selection-ink);text-shadow:none}
.workspace-select{display:block;position:relative;min-width:0;max-width:100%;font-weight:400}
select.workspace-select-native{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;clip-path:inset(50%);overflow:hidden;white-space:nowrap;pointer-events:none;opacity:0}
.workspace-select .workspace-select-trigger,.video-filter-menu>summary{display:flex;align-items:center;gap:10px;min-height:40px;width:100%;padding:9px 12px;border:1px solid var(--line);border-radius:6px;background:var(--paper,#fff);color:var(--ink);font:inherit;font-size:13px;font-weight:400;text-align:left;cursor:pointer;box-shadow:none}
.workspace-select-trigger>svg{margin-left:auto;flex:none;color:var(--muted)}
.workspace-select-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}
.workspace-select .workspace-select-trigger:hover,.video-filter-menu>summary:hover{border-color:var(--accent);background:var(--paper,#fff)}
.workspace-select .workspace-select-trigger[aria-expanded=true],.video-filter-menu[open]>summary{border-color:var(--accent);background:var(--accent-soft);color:var(--ink)}
.workspace-select .workspace-select-trigger:focus-visible,.video-filter-menu>summary:focus-visible{outline:1px solid var(--accent);outline-offset:1px}
.video-filter-menu>summary [data-filter-count]{color:var(--accent);background:transparent}
.workspace-select .workspace-select-trigger:disabled{cursor:not-allowed;background:var(--canvas);color:var(--muted);opacity:.65;border-color:var(--line)}
.workspace-select-popover{position:fixed;inset:auto;margin:0;z-index:1100;display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--paper,#fff);color:var(--ink);box-shadow:0 8px 24px #10265f12;overflow:auto;box-sizing:border-box;font-size:13px;font-weight:400}
.workspace-select-popover[hidden],.workspace-select-popover[popover]:not(:popover-open){display:none}
.workspace-select .workspace-select-search,.video-filter-popover>.search-input{width:100%;min-width:0;min-height:36px;flex:none;padding:8px 10px;border:1px solid var(--line);border-radius:4px;background:var(--paper,#fff);font-size:12px;color:var(--ink)}
:root .workspace-select input.workspace-select-search:focus-visible,:root .video-filter-popover>.search-input:focus-visible{outline:1px solid var(--accent);outline-offset:1px}
.workspace-select-options{display:block;min-height:0;overflow:auto;overscroll-behavior:contain}
.workspace-select .workspace-select-option{display:flex;align-items:center;gap:9px;width:100%;min-height:38px;margin:0;padding:7px 6px;border:0;border-radius:4px;background:transparent;color:var(--ink);text-align:left;font:inherit;font-size:12px;line-height:1.5;cursor:pointer}
.workspace-select-option>span:last-child{min-width:0;overflow-wrap:anywhere}
.workspace-select .workspace-select-option:hover,.workspace-select .workspace-select-option:focus-visible,.video-filter-options label:hover{background:var(--accent-soft);color:var(--ink)}
.workspace-select .workspace-select-option:focus-visible{outline:1px solid var(--accent);outline-offset:-1px}
.workspace-select .workspace-select-option[aria-selected=true],.video-filter-options label:has(input:checked){background:var(--accent-soft);color:var(--ink)}
.workspace-option-mark{display:flex;flex:none;color:var(--accent);width:16px}.workspace-select-option[aria-selected=false] .workspace-option-mark>svg{visibility:hidden}
.workspace-select .workspace-select-option:disabled{opacity:.55;cursor:not-allowed}
.workspace-select-empty,.workspace-select-error{display:block;padding:8px 2px;color:var(--muted);font-size:12px;line-height:1.5}
.workspace-select-error{color:#a13636}.workspace-select [hidden]{display:none!important}
.toolbar>.workspace-select{min-width:160px;max-width:280px}.role-switch>.workspace-select{margin-top:8px}.ql-pdf-toolbar .workspace-select{min-width:90px}
.video-filter-popover{background:var(--paper,#fff);border-color:var(--line);color:var(--ink);box-shadow:0 8px 24px #10265f12}
.video-filter-options input{accent-color:var(--accent)}
.video-filter-chip{background:var(--accent-soft);color:var(--ink)}.video-filter-chip>span:first-child{color:var(--muted)}
/* One canvas for the video workspace, without nested white surfaces. */
.main-content .live-video-library,.main-content .video-detail,.main-content .video-records{background:transparent;box-shadow:none}
.main-content .video-records{border:0;border-radius:0}
.video-records .video-catalog-count{background:transparent;padding:0 0 14px;border-bottom:1px solid var(--line)}
.live-video-library .library-item{background:transparent;border-bottom-color:var(--line);padding-inline:12px}
.live-video-library .library-item:hover{background:var(--accent-soft)}
.live-video-library .library-item[aria-pressed=true]{background:var(--accent-soft);border-color:var(--line)}
.live-video-library .library-item strong,.video-detail .video-title{color:var(--ink)}
.live-video-library .library-item small{color:var(--muted)}
.video-selection-mark{color:var(--accent)}
.live-video-library .video-selection-mark{display:grid;place-items:center;width:24px;height:24px;flex:0 0 24px;color:var(--accent)}
.live-video-library .library-item[aria-pressed=false] .video-selection-mark{color:var(--muted)}
.video-selection-mark svg{display:block}
.video-state-label{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.library-item[aria-pressed=false] .video-current-glyph,.library-item[aria-pressed=true] .video-next-glyph,.video-selection-mark .video-wave-glyph{display:none}
.video-selection-mark[data-playback-state=playing] .video-play-glyph{display:none}
.video-selection-mark[data-playback-state=playing] .video-wave-glyph{display:block}
.video-wave-bar{transform-box:fill-box;transform-origin:center}
.video-selection-mark[data-playback-state=playing][data-motion-visible=true] .video-wave-bar{animation:video-wave 850ms ease-in-out infinite alternate}
.video-selection-mark[data-playback-state=playing][data-motion-visible=true] .video-wave-bar:nth-child(2){animation-delay:-420ms}
.video-selection-mark[data-playback-state=playing][data-motion-visible=true] .video-wave-bar:nth-child(3){animation-delay:-210ms}
@keyframes video-wave{from{transform:scaleY(.35)}to{transform:scaleY(1)}}
@media(prefers-reduced-motion:reduce){.video-selection-mark[data-playback-state=playing][data-motion-visible=true] .video-wave-bar{animation:none}}
.video-type-tag{background:transparent;color:var(--muted);border:1px solid var(--line)}
.video-detail>.video-player{display:block;border:0;border-radius:8px;background:#101b30;width:100%;aspect-ratio:16/9}
.video-detail>.video-poster{aspect-ratio:16/9}
@media(max-width:700px){.workspace-select .workspace-select-trigger,.video-filter-menu>summary,.workspace-select .workspace-select-option{min-height:44px}.workspace-select .workspace-select-search,.video-filter-popover>.search-input{min-height:44px;font-size:16px}.toolbar>.workspace-select{flex:1;min-width:140px;max-width:none}}