/* media-viewer.css - the shared MediaViewer's own rules (server/dashboard/shared/media-viewer.js, STYLE),
   shipped as a stylesheet because the customer application's style-src admits no injected style. Generated;
   a pin in testing/fleet-platform/desktop-chats-ui.test.js keeps it identical to the module. */
.mv-backdrop{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(4,6,22,.78);}
.mv-backdrop[hidden]{display:none;}
.mv-panel{display:flex;flex-direction:column;gap:12px;width:min(92vw,1400px);max-height:min(88vh,1040px);overflow:auto;padding:18px;border:1px solid var(--border,#272c58);border-radius:var(--radius-lg,16px);background:var(--bg-raised,#12163a);box-shadow:0 24px 64px rgba(0,0,0,.45);}
.mv-panel>*{flex:0 0 auto;}
.mv-head{display:flex;align-items:center;justify-content:space-between;gap:12px;}
.mv-head h2{margin:0;color:var(--heading,#c3befd);font-size:1.05rem;}
.mv-head button{margin:0;}
.mv-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.mv-actions button{margin:0;}
.mv-actions[hidden]{display:none;}
.mv-stage{display:grid;place-items:center;min-height:min(52vh,420px);overflow:hidden;border:1px solid var(--border,#272c58);border-radius:var(--radius,10px);background:var(--bg-inset,#070a1e);}
.mv-stage img,.mv-stage video{display:block;max-width:100%;max-height:clamp(180px,calc(88vh - 190px),780px);}
.mv-stage audio{width:min(100%,520px);}
.mv-facts{margin:0;color:var(--text-muted,#a0a5cf);font-size:.82rem;}
.mv-status{min-height:1.4em;margin:0;color:var(--text-muted,#a0a5cf);font-size:.9rem;}
.mv-status.ok{color:var(--ok,#3fb950);}
.mv-status.warn{color:var(--warn,#f0a24e);}
.mv-status.error{color:var(--danger,#f38aa1);}
.mv-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.mv-controls[hidden]{display:none;}
.mv-controls label{margin:0;color:var(--text-muted,#a0a5cf);font-size:.85rem;}
.mv-controls select,.mv-controls button{margin:0;}
.mv-filmstrip{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;}
.mv-filmstrip[hidden]{display:none;}
.mv-frame{flex:0 0 auto;margin:0;padding:0;overflow:hidden;border:1px solid var(--border,#272c58);border-radius:var(--radius,10px);background:var(--bg-inset,#070a1e);}
.mv-frame img{display:block;width:84px;height:120px;object-fit:contain;}
.mv-frame[aria-current="true"]{border-color:var(--accent,#8b85d6);}
.mv-transcript{max-height:min(26vh,200px);overflow:auto;padding:10px 12px;border:1px solid var(--border,#272c58);border-radius:var(--radius,10px);background:var(--bg-inset,#070a1e);}
.mv-transcript[hidden]{display:none;}
.mv-transcript h3{margin:0 0 6px;color:var(--heading,#c3befd);font-size:.85rem;}
.mv-transcript p{margin:0;color:var(--text,#e8e9f4);font-size:.85rem;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere;}
.mv-transcript p.mv-transcript-note{color:var(--text-muted,#a0a5cf);}
@media (max-width:640px){.mv-panel{width:96vw;padding:12px;}
.mv-stage img,.mv-stage video{max-height:clamp(180px,calc(88vh - 260px),780px);}
.mv-frame img{width:64px;height:92px;}
}
.mv-dock{display:flex;min-width:0;}
.mv-dock[hidden]{display:none;}
.mv-dock>*{flex:1 1 auto;min-width:0;}
.mv-backdrop.mv-docked{gap:12px;}
.mv-backdrop.mv-docked>.mv-panel{width:min(58vw,940px);}
.mv-backdrop.mv-docked>.mv-dock{width:min(34vw,420px);max-height:min(88vh,1040px);}
@media (max-width:640px){.mv-backdrop.mv-docked{flex-direction:column;justify-content:flex-start;overflow:auto;}
.mv-backdrop.mv-docked>.mv-panel,.mv-backdrop.mv-docked>.mv-dock{flex:none;width:96vw;max-height:none;}
}