/* All viewer content keeps its own renderer; only the reading frame is shared. */
.side-viewer{position:fixed!important;inset:0 0 0 auto!important;z-index:90;display:flex;flex-direction:column;width:var(--viewer-width,48vw)!important;min-width:0!important;max-width:100vw!important;max-height:none!important;height:100dvh;border:0;border-left:1px solid var(--line);border-radius:0!important;background:var(--surface);color:var(--text);box-shadow:var(--shadow);overflow:visible}
.artifact-preview.side-viewer,.artifact-preview.side-viewer[data-expanded="true"]{z-index:120}
.side-viewer[hidden]{display:none!important}
.side-viewer>header{display:flex;align-items:center;gap:8px;flex-shrink:0;min-height:60px;padding:8px 16px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.side-viewer>header h2{min-width:0;flex:1;font-size:14px;line-height:1.5;margin:0;overflow-wrap:anywhere}
.side-viewer>header .button{min-height:40px;padding:6px 10px;font-size:12px}
.side-viewer .rundown-body,.side-viewer .artifact-preview-body{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}
.side-viewer-resize{position:absolute;inset:0 auto 0 -5px;width:10px;z-index:2;cursor:col-resize;touch-action:none}
.side-viewer-resize::after{content:'';position:absolute;inset:0 auto 0 4px;width:2px;background:transparent}
.side-viewer-resize:hover::after,.side-viewer-resize:focus-visible::after{background:var(--focus)}
.side-viewer-resize:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}
.side-viewer-resize[hidden]{display:none}
.side-viewer[data-expanded="true"]{inset:0!important;width:100vw!important;z-index:110;border:0}
.chat-workspace[data-browser-docked="true"]:has(.side-viewer) .chat-main{min-width:480px}
.chat-workspace[data-browser-docked="true"] .chat-rundown.side-viewer:not([data-expanded="true"]){position:relative!important;inset:auto!important;height:auto;align-self:stretch;box-shadow:none;overflow:visible}
@media(max-width:719px){
 .side-viewer{inset:0!important;width:100vw!important;border:0;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);z-index:110}
 .side-viewer>header{padding:8px 12px;gap:6px}
 .side-viewer>header .button{min-height:44px}
 .side-viewer>header .artifact-preview-actions{margin-left:0}
}
.viewer-file-tabs{display:flex;gap:4px;padding:8px 16px;border-bottom:1px solid var(--line);overflow-x:auto;flex-shrink:0}
.viewer-file-tabs button{font:inherit;font-size:12px;color:var(--muted);background:transparent;border:0;border-radius:6px;min-height:40px;padding:8px 12px;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0}
.viewer-file-tabs [aria-selected="true"]{color:var(--text);background:var(--subtle)}
.viewer-file-tabs button:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}
.side-viewer>.meeting-detail,.side-viewer>.page-content{flex:1;min-height:0;overflow:auto;padding:24px;overflow-wrap:anywhere}
@media(max-width:719px){.side-viewer>.meeting-detail,.side-viewer>.page-content{padding:16px}.viewer-file-tabs button{min-height:44px}}
.side-viewer [hidden]{display:none!important}
@media(min-width:720px){body:has(.artifact-preview.side-viewer:not([data-expanded="true"]):not([data-forced-modal="true"])) #app{width:calc(100% - var(--artifact-viewer-width,48vw))}}
@media(min-width:720px){.side-viewer-page:not([data-expanded="true"]){position:relative!important;inset:auto!important;width:100%!important;height:100%;box-shadow:none;border:0}}
.side-viewer-page .side-viewer-resize{display:none}
.side-viewer .transcript-row time{white-space:nowrap;flex-shrink:0}

.viewer-file-tab{position:relative;display:flex;align-items:center;flex-shrink:0;min-width:0;border-radius:6px;background:var(--subtle)}
.viewer-file-tab [role="tab"]{max-width:180px;flex-shrink:1}
.viewer-file-tabs .viewer-file-tab-close{padding:6px;min-width:32px;font-size:16px}
@media(max-width:719px){.viewer-file-tabs .viewer-file-tab-close{min-width:44px}}

.side-viewer>header>.viewer-close,.side-viewer>header>[data-viewer-close]{order:10;flex-shrink:0}
.side-viewer>header>.viewer-close{font-size:20px;min-width:40px}

.chat-workspace[data-browser-docked="false"] .chat-rundown.side-viewer{position:fixed!important;inset:0!important;width:100vw!important;z-index:110;border:0}

.side-viewer[data-forced-modal="true"]{position:fixed!important;inset:0!important;width:100vw!important;border:0}
.viewer-file-tab:has([aria-selected="true"])::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--focus);pointer-events:none}
.rundown-header .chat-pane-tab{flex:0 1 auto}
.rundown-header .chat-pane-tabs [role="tab"]{flex:0 1 auto}

body:has(.side-viewer[aria-modal="true"]) #toast{z-index:130}

.chat-rundown[data-view="details"] .chat-activity li{justify-content:flex-start}
.side-viewer-page:has([data-action="knowledge-back"])>.page-header>h1{flex:1}