#collaboration-dialog{width:650px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:0;background:var(--panel);color:var(--text);border:1px solid var(--line);color-scheme:dark}
.collaboration-tools{display:flex;flex:none;flex-wrap:wrap;gap:5px;padding:7px 10px;border-bottom:1px solid var(--line)}
.collaboration-tools:has(>[hidden]:only-child){display:none}
.collaboration-tools .button{font-size:10px;padding:6px 8px}
.collaboration-content{padding:22px;width:100%;max-height:calc(100dvh - 30px);overflow:auto;overflow-wrap:anywhere;box-sizing:border-box}
.collaboration-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.collaboration-heading h2{margin:0 0 14px}
.collaboration-content p{line-height:1.65;color:var(--muted)}.collaboration-toolbar,.person-actions{display:flex;flex-wrap:wrap;gap:7px}
.people-list{display:grid;gap:10px;margin:16px 0}.person-row{display:flex;gap:12px;align-items:center;justify-content:space-between;border:1px solid var(--line);padding:12px;border-radius:10px}.person-row strong{overflow-wrap:anywhere}.person-row small{display:block;margin-top:5px;color:var(--muted)}
.conference-grid{position:absolute;inset:62% 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));grid-auto-rows:minmax(95px,1fr);gap:5px;padding:5px;background:var(--bg);overflow:auto;z-index:2}.conference-grid[hidden]{display:none}.conference-active>video{height:62%!important;inset:0 0 auto!important}.conference-tile{position:relative;min-width:0;min-height:95px;overflow:hidden;background:#111827;border-radius:8px}.conference-tile video{display:block!important;position:absolute!important;width:100%!important;height:100%!important;inset:0!important;object-fit:contain!important}.conference-tile strong{position:absolute;bottom:0;left:0;right:0;z-index:1;background:#000b;padding:4px 7px;font-size:10px;color:white;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conference-empty{margin:auto;padding:10px;font-size:11px;grid-column:1/-1;color:var(--muted)}
.chat-file{display:block;margin-top:7px;padding:10px;border:1px solid var(--line);border-radius:8px;overflow-wrap:anywhere}.chat-file small{display:block;color:var(--muted);margin-top:4px}
@media(max-width:700px){.conference-grid{grid-template-columns:repeat(auto-fit,minmax(85px,1fr));grid-auto-rows:minmax(62px,1fr)}.conference-tile{min-height:62px}.conference-empty{font-size:9px;padding:3px}.person-row{align-items:flex-start;flex-direction:column}.collaboration-content{padding:16px}.collaboration-tools{padding:5px 8px;gap:4px}.collaboration-tools .button{padding:7px 9px;font-size:11px;min-height:36px}.collaboration-tools>[data-action="conference-invitation"]{width:100%;justify-content:center}}

.conference-mode-form{margin:16px 0}


/* Conferencias: tocar cualquier video lo destaca; anfitrión queda como miniatura recuperable. */
.conference-tile:has(video){cursor:pointer;outline-offset:-2px}
.conference-tile:has(video):hover,.conference-tile:has(video):focus-visible{outline:2px solid var(--brand,#74a7ff)}
.conference-host-restore{display:none}
.conference-active.conference-guest-primary >video{
 position:absolute!important;inset:auto auto 6px 6px!important;
 width:calc(25% - 9px)!important;height:calc(24% - 8px)!important;
 z-index:6!important;object-fit:contain!important;
 border:1px solid var(--line);border-radius:7px;background:#060c18;
}
.conference-grid.conference-guest-primary{
 inset:0;z-index:8;display:flex;align-items:flex-end;justify-content:flex-start;
 flex-wrap:nowrap;gap:5px;padding:5px 5px 5px 26%;
 overflow-x:auto;overflow-y:hidden;background:transparent;
}
.conference-grid.conference-guest-primary .conference-tile{
 flex:0 0 25%;height:24%;min-height:0;min-width:90px;
 border:1px solid var(--line);
}
.conference-grid.conference-guest-primary .conference-tile.is-primary{
 position:absolute;top:5px;right:5px;left:5px;bottom:27%;
 width:auto;height:auto;min-height:0;z-index:2;
 border:0;border-radius:6px;background:#050a12;
}
.conference-grid.conference-guest-primary .conference-host-restore{
 display:block;position:absolute;left:6px;bottom:6px;
 width:calc(25% - 9px);height:calc(24% - 8px);
 z-index:9;overflow:hidden;padding:4px;
 border:1px solid #afcbf4aa;border-radius:7px;
 color:#fff;background:linear-gradient(transparent 45%,#000a);
 font-size:11px;font-weight:600;text-align:center;cursor:pointer;
 display:flex;align-items:flex-end;justify-content:center;
}
.conference-grid.conference-guest-primary .conference-host-restore:focus-visible{
 outline:3px solid var(--brand,#74a7ff);
}
@media(max-width:700px){
 .conference-active.conference-guest-primary >video{width:calc(36% - 8px)!important;height:calc(29% - 8px)!important}
 .conference-grid.conference-guest-primary{padding-left:36%}
 .conference-grid.conference-guest-primary .conference-tile{flex:0 0 48%;min-width:86px;height:29%}
 .conference-grid.conference-guest-primary .conference-tile.is-primary{bottom:32%}
 .conference-grid.conference-guest-primary .conference-host-restore{width:calc(36% - 8px);height:calc(29% - 8px);font-size:10px}
 .collaboration-tools>[data-action="conference-switch-camera"]{min-height:40px;flex:1 1 auto}
}