.dp-video-launch{border:1px solid #0f766e;border-radius:10px;background:#e6f4f2;color:#115e59;padding:8px 12px;font:inherit;font-weight:700;cursor:pointer;white-space:nowrap}
.dp-video-dialog{box-sizing:border-box;width:min(1200px,96vw);max-width:96vw;max-height:94dvh;padding:0;border:0;border-radius:16px;background:#f8fafc;color:#172033;box-shadow:0 20px 80px #0005;font-family:Arial,sans-serif}
.dp-video-dialog::backdrop{background:#0f172ac9}.dp-video-head{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:14px;border-bottom:1px solid #ddd}.dp-video-head strong{flex:1}
.dp-video-info{padding:12px 16px;font-size:14px;line-height:1.6}.dp-video-info p{margin:0 0 8px}.dp-video-muted{color:#64748b;font-size:12px}
.dp-video-controls{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.dp-video-panel button{border:1px solid #cbd5e1;border-radius:8px;padding:8px 12px;font:inherit;cursor:pointer;background:white;color:#172033}.dp-video-panel button:disabled{opacity:.5;cursor:default}
#dpVideoJoin{background:#0f766e;color:white}#dpVideoLeave{color:#b91c1c}.dp-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 16px 16px}
.dp-video-tile{min-width:0;position:relative;background:#0f172a;border-radius:12px;overflow:hidden;color:white}.dp-video-tile video{width:100%;height:230px;object-fit:contain;display:block;background:#0f172a}.dp-video-tile video.dp-video-local{transform:scaleX(-1)}
.dp-video-label{padding:8px;display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:13px}.dp-video-label span{overflow-wrap:anywhere}.dp-video-label button{font-size:12px;padding:3px 7px}.dp-video-peer-state{color:#cbd5e1;font-size:12px}
@media(max-width:600px){.dp-video-launch{font-size:12px;padding:7px}.dp-video-dialog{width:98vw;max-width:98vw}.dp-video-head{padding:10px}.dp-video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 8px 8px}.dp-video-tile video{height:auto;aspect-ratio:16/9}.dp-video-controls button{font-size:13px}}

/* The call and the message list share the chat's existing flex column. */
.dp-video-inline-host[hidden]{display:none!important}
.dp-video-inline-host{display:block;box-sizing:border-box;width:100%;flex:0 0 auto;height:44vh;height:44dvh;min-height:150px;max-height:440px;overflow:auto;overscroll-behavior:contain;border-bottom:1px solid #cbd5e1;background:#f8fafc;scrollbar-gutter:stable}
.dp-video-in-chat{width:100%;min-width:0;color:#172033;font-family:inherit}
.dp-video-in-chat .dp-video-intro,.dp-video-in-chat .dp-video-muted,.dp-video-in-chat #dpVideoPreview,.dp-video-in-chat #dpVideoJoin,.dp-video-in-chat #dpVideoLeave{display:none}
.dp-video-in-chat .dp-video-head{padding:8px 12px;font-size:14px;gap:8px}
.dp-video-in-chat .dp-video-info{padding:4px 12px}
.dp-video-in-chat .dp-video-controls{margin:4px 0;gap:6px}
.dp-video-in-chat .dp-video-controls button,.dp-video-in-chat .dp-video-head button{font-size:12px;padding:5px 8px}
.dp-video-in-chat #dpVideoStatus{font-size:12px;margin:4px 0}
.dp-video-in-chat .dp-video-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:4px 12px 12px;gap:10px}
.dp-video-in-chat .dp-video-tile video{height:auto;aspect-ratio:16/9;max-height:240px}
.dp-video-in-chat .dp-video-label{padding:5px 8px;font-size:12px}
@media(max-width:600px){.dp-video-in-chat .dp-video-grid{gap:6px;padding:4px 8px 8px}.dp-video-in-chat .dp-video-label{font-size:11px;padding:4px}.dp-video-inline-host{height:44dvh;min-height:150px;max-height:440px}}

.dp-video-in-chat .dp-video-grid{min-height:100px}.dp-video-in-chat .dp-video-tile{display:block}.dp-video-in-chat .dp-video-tile video{min-height:80px}.dp-video-in-chat .dp-video-info{border-top:1px solid #e2e8f0}