/* One bounded workspace. Only the directory, participants and excess media scroll. */
body #tab-voz.voice-workspace-view{--voice-card-width:244px;--voice-card-height:350px;--voice-avatar-size:76px;min-height:0;height:100%;flex:1;overflow:hidden;padding:0;gap:10px;container:voice-view / inline-size;}
body #tab-voz.voice-workspace-view>.studio-hero{min-height:0;padding:10px 18px;margin:0;flex:0 0 auto;gap:12px;}
#tab-voz.voice-workspace-view .studio-copy>.eyebrow,#tab-voz.voice-workspace-view .studio-copy>p{display:none;}
#tab-voz.voice-workspace-view .studio-copy>h1{font-size:22px;}
#tab-voz.voice-workspace-view .studio-actions{margin:4px 0 0;}
#tab-voz.voice-workspace-view .studio-art{width:70px;height:52px;flex-basis:70px;--object-scale:.28;}
body.topbar-layout #tab-voz.voice-workspace-view .voice-layout{display:grid;flex:1 1 0!important;min-height:0;height:auto;overflow:hidden;gap:12px;grid-template-columns:minmax(180px,220px) minmax(0,1fr);}
#tab-voz.voice-workspace-view .voice-layout>.panel-glass{min-height:0;overflow:hidden;display:flex;flex-direction:column;}
#tab-voz.voice-workspace-view .panel-head{flex:none;padding:12px 16px;gap:10px;min-height:48px;}
body.topbar-layout #tab-voz.voice-workspace-view .rooms-container{padding:12px;overflow:auto;min-height:0;flex:1;}
#tab-voz.voice-workspace-view .room-card{padding:12px;margin-bottom:10px;}
body.topbar-layout #tab-voz.voice-workspace-view .stage-body{display:flex;flex-direction:column;flex:1 1 0;min-height:0;overflow:hidden;padding:12px;gap:12px;}
.voice-workspace-toolbar{display:flex;flex:none;align-items:center;gap:8px;flex-wrap:wrap;}
.voice-workspace-toolbar>button{width:auto!important;margin:0!important;min-height:42px;padding:9px 12px;font-size:12px;}
.voice-workspace{position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);min-height:0;min-width:0;flex:1;overflow:hidden;container:voice-stage / inline-size;}
.voice-participants{min-height:0;min-width:0;display:flex;flex-direction:column;overflow:hidden;}
.voice-participants-heading{margin-left:auto;padding:0 4px;font-size:12px;color:var(--text-dim);flex:none;}
body #tab-voz.voice-workspace-view #stage-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--voice-card-width)),var(--voice-card-width)));grid-auto-rows:max-content;align-content:start;justify-content:start;gap:18px;padding:18px;margin:0;overflow:auto;min-height:0;min-width:0;flex:1;}
#tab-voz.voice-workspace-view .speaker-tile{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:12px;min-height:var(--voice-card-height);height:auto;padding:26px 18px 18px;min-width:0;width:100%;position:relative;isolation:isolate;overflow:visible;}
#tab-voz.voice-workspace-view .speaker-tile>*{min-width:0;max-width:100%;}
#tab-voz.voice-workspace-view .speaker-tile>:not(.voice-card-art){position:relative;z-index:1;}
#tab-voz.voice-workspace-view .speaker-tile>.voice-card-art{position:absolute;inset:0;z-index:0;border-radius:inherit;overflow:hidden;pointer-events:none;}
#tab-voz.voice-workspace-view .speaker-tile .avatar-art{width:var(--voice-avatar-size);height:var(--voice-avatar-size);margin:0;flex:none;}
#tab-voz.voice-workspace-view .speaker-tile .avatar-portrait{width:100%;height:100%;}
#tab-voz.voice-workspace-view .speaker-tile .pet-avatar-pair{display:flex;align-items:flex-end;justify-content:center;gap:22px;min-height:var(--voice-avatar-size);flex:none;margin-bottom:10px;}
#tab-voz.voice-workspace-view .speaker-tile .pet-small{position:static;width:44px;height:44px;flex:none;}
#tab-voz.voice-workspace-view .speaker-name{display:flex;justify-content:center;align-items:center;gap:6px;flex-wrap:wrap;font-size:13px;line-height:1.6;text-align:center;width:100%;}
#tab-voz.voice-workspace-view .speaker-name>span:first-child{max-width:100%;min-width:0;overflow-wrap:anywhere;white-space:normal;}
.voice-person-roles{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;width:100%;}.voice-person-roles .role-badge{max-width:100%;margin:0;white-space:normal;overflow-wrap:anywhere;line-height:1.5;}
.voice-person-status{font-size:12px;color:var(--text-dim);}
#tab-voz.voice-workspace-view .speaker-tile>.pill-btn{min-height:36px;}
.voice-person-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;width:100%;margin-top:auto;}
.voice-person-actions>.pill-btn{min-height:40px;margin:0;padding:9px 12px;font-size:12px;}
#tab-voz.voice-workspace-view .mini-chip [data-name-effect]{min-width:0;white-space:normal;overflow-wrap:anywhere;line-height:1.5;}
#tab-voz.voice-workspace-view .room-avatars{max-height:140px;overflow:auto;padding:12px 8px;}
#tab-voz.voice-workspace-view .speaker-name{justify-content:center;flex-wrap:wrap;}
.voice-workspace .stage-placeholder{grid-area:1/1;min-height:0;align-self:center;padding:20px;max-width:650px;justify-self:center;}
.voice-workspace.has-media{grid-template-columns:minmax(0,1fr) 280px;gap:12px;}
.voice-workspace.has-media:not(.has-people){grid-template-columns:minmax(0,1fr);}
.voice-workspace.has-media .voice-participants{grid-column:2;border-left:1px solid var(--border-subtle);}
body #tab-voz.voice-workspace-view .has-media #stage-grid{grid-template-columns:minmax(0,244px);padding:18px 12px;}
.voice-media-grid{min-width:0;min-height:0;display:grid;gap:12px;grid-template-columns:repeat(var(--media-columns,1),minmax(0,1fr));grid-auto-rows:var(--media-row-height,minmax(145px,1fr));overflow:auto;align-content:start;}
#voice-media-grid #camera-gallery{display:contents;}
#voice-media-grid :is(.camera-card,.voice-local-camera,#screen-viewer,#screen-preview-panel){position:relative;display:grid;grid-template-rows:34px minmax(0,1fr);gap:0;min-width:0;min-height:0;max-height:none;margin:0;padding:0;border:1px solid var(--border-subtle);border-radius:14px;overflow:hidden;background:#080810;}
#voice-media-grid :is(.camera-card,.voice-local-camera)>strong{padding:8px 12px;font-size:12px;color:#f5f0ff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#voice-media-grid .camera-card>strong{padding-right:85px;}
#voice-media-grid .camera-card>button{position:absolute;right:5px;top:3px;min-height:28px;padding:4px 10px;margin:0;font-size:11px;}
#voice-media-grid video{display:block;grid-row:2;width:100%!important;height:100%!important;max-width:none;max-height:none!important;min-height:0;aspect-ratio:auto;object-fit:contain;background:#080810;margin:0!important;border-radius:0;}
#voice-media-grid #screen-viewer{grid-template-rows:minmax(0,1fr);}
#voice-media-grid #screen-video{grid-row:1;}
.voice-tile-tools{position:absolute;top:8px;right:8px;max-width:calc(100% - 16px);z-index:2;color:#f5f0ff;}
.voice-tile-tools>summary{min-height:36px!important;padding:9px 36px 9px 12px!important;border:1px solid #ffffff30;border-radius:10px;background:#171322eb;font-size:12px;cursor:pointer;}
.voice-tile-tools-body{display:flex;flex-wrap:wrap;gap:8px;background:#171322f5;padding:12px;border-radius:12px;max-width:400px;max-height:calc(100dvh - 250px);overflow:auto;}
.voice-tile-tools-body>button{width:auto!important;min-height:36px;margin:0;font-size:12px;}
.voice-tile-tools-body label{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;}
.voice-tile-tools-body #screen-receive-state{width:100%;font-size:12px;}
#voice-media-grid #screen-preview-panel>summary{min-height:34px!important;padding:8px 36px 8px 12px!important;font-size:12px;color:#f5f0ff;}
.voice-workspace-settings{width:min(800px,calc(100vw - 24px));max-height:85dvh;overflow:auto;}
.voice-workspace-settings>header{margin:0 0 18px;}
.voice-workspace-settings :is(.camera-panel,.screen-panel){margin:12px 0;padding:16px;border:1px solid var(--border-subtle);border-radius:14px;}
.voice-workspace-settings .camera-panel>.feature-heading{margin-top:0;}
.voice-stream-picker{position:fixed;inset:auto;margin:0;padding:18px;width:min(380px,calc(100vw - 24px));max-height:65dvh;overflow:auto;border:1px solid var(--border-bright);border-radius:16px;background:var(--layout-surface,#171321);color:var(--text-primary);}
.voice-stream-picker h3{font-size:13px;margin:6px 0 12px;}
.voice-stream-picker #camera-list:empty::after,.voice-stream-picker #screen-list:empty::after{content:'Todavía no hay directos disponibles.';display:block;color:var(--text-dim);font-size:12px;margin:12px 0 20px;}
#voice-participants-toggle{display:block;}
.voice-workspace.has-media.compact-stage{grid-template-columns:minmax(0,1fr);}
.voice-workspace.has-media.compact-stage>.voice-participants{display:none;}
.voice-workspace.has-media.compact-stage.people-open>.voice-participants{display:flex;position:absolute;inset:0 0 0 auto;width:min(280px,100%);z-index:4;background:var(--layout-surface,#171321);border:1px solid var(--border-bright);border-radius:14px;}
/* The ResizeObserver uses the actual stage width for both the drawer and its button. */
/* The server already supplies its channel directory. */
body .guild-content #guild-voice-mount{display:flex;flex-direction:column;min-height:0;overflow:hidden;flex:1;}
body .guild-content #tab-voz.voice-workspace-view{height:100%;min-height:0;overflow:hidden;padding:0;}
body.topbar-layout .guild-content #tab-voz.voice-workspace-view .voice-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);}
body .guild-content #tab-voz.voice-workspace-view .voice-layout>.panel-glass:not(.stage-panel){display:none;}
body .guild-content:has(#guild-voice-mount:not([hidden])){overflow:hidden;min-height:0;}
@container voice-view (max-width:820px){
 body #tab-voz.voice-workspace-view>.studio-hero{display:none;}
 body.topbar-layout #tab-voz.voice-workspace-view .voice-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:8px;}
 body.topbar-layout #tab-voz.voice-workspace-view .stage-body{padding:8px;gap:8px;}
 #tab-voz.voice-workspace-view .stage-panel>.panel-head{padding:8px 12px;min-height:38px;font-size:12px;}
 .voice-workspace-toolbar{gap:6px;}.voice-workspace-toolbar>button{flex:1 1 auto;font-size:11px;padding:8px;}
 .voice-workspace-settings{padding:16px;}
}
@media(max-height:680px){#tab-voz.voice-workspace-view>.studio-hero{display:none!important;}#tab-voz.voice-workspace-view .panel-head{min-height:36px;padding-block:8px;}}


/* The participant count shares the controls row instead of taking another track. */
body.orbit-design #tab-voz .voice-workspace-toolbar{padding:0 0 8px;min-height:0}
body.orbit-design.reformed-workspaces #tab-voz .section-banner{padding:10px 18px!important;margin-bottom:0!important;min-height:0}
body #tab-voz.voice-workspace-view .section-banner-art.object-scene{width:70px;height:52px;flex-basis:70px;--object-scale:.28}
/* Short stages rearrange the card, preserving avatar, text and control sizes. */
.voice-workspace{container-type:size}
@container voice-stage (max-height:390px){
 body #tab-voz.voice-workspace-view #stage-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),320px));grid-auto-rows:max-content;gap:16px;padding:14px}
 #tab-voz.voice-workspace-view .speaker-tile{display:grid;grid-template-columns:76px minmax(0,1fr);grid-template-rows:auto auto auto auto;min-height:230px;height:auto;gap:10px 18px;padding:24px 18px;align-content:start;align-items:center}
 #tab-voz.voice-workspace-view .speaker-tile>.pet-avatar-pair{grid-column:1;grid-row:1/4;margin:0;align-self:start;flex-wrap:wrap;gap:14px}
 #tab-voz.voice-workspace-view .speaker-name{grid-column:2;grid-row:1;justify-content:flex-start;text-align:left}
 #tab-voz.voice-workspace-view .voice-person-roles{grid-column:2;grid-row:2;justify-content:flex-start}
 #tab-voz.voice-workspace-view .voice-person-status{grid-column:2;grid-row:3}
 #tab-voz.voice-workspace-view .speaker-tile>.eq-bars{grid-column:1;grid-row:4;justify-self:center}
 #tab-voz.voice-workspace-view .voice-person-actions{grid-column:2;grid-row:4;justify-content:flex-start;margin:0}
}
@media(max-height:820px){body.orbit-design.reformed-workspaces #tab-voz.voice-workspace-view>.studio-hero{display:none!important}}

.voice-directory-toggle,.voice-directory-close{display:none}
@container voice-view (max-width:820px){
 body.topbar-layout #tab-voz.voice-workspace-view .voice-layout{position:relative;grid-template-rows:minmax(0,1fr)}
 #tab-voz.voice-workspace-view .voice-directory-toggle,#tab-voz.voice-workspace-view .voice-directory-close{display:inline-flex;min-height:40px;align-items:center;justify-content:center;flex:none}
 #tab-voz.voice-workspace-view .voice-layout>.panel-glass:not(.stage-panel){display:none}
 body.topbar-layout #tab-voz.voice-workspace-view.directory-open .voice-layout>.panel-glass:not(.stage-panel){display:flex;position:absolute;inset:0 auto 0 0;width:min(320px,100%);max-height:none;z-index:var(--tay-z-panel,6);background:var(--bg-island);border:1px solid var(--border-bright);border-radius:14px;box-shadow:0 16px 38px #0005}
 #tab-voz.voice-workspace-view.directory-open .voice-layout>.panel-glass:not(.stage-panel)>.panel-head{display:flex;flex-wrap:wrap;padding:12px;gap:8px}
 body.topbar-layout #tab-voz.voice-workspace-view.directory-open #channels-list{display:block;padding:12px}
 #tab-voz.voice-workspace-view.directory-open .room-card{margin-bottom:10px;padding:12px}
 #tab-voz.voice-workspace-view.directory-open .room-card :is(.room-avatars,.social-room-controls){display:flex}
}
/* Server channels already have their own navigation. */
.guild-content .voice-directory-toggle,.guild-content .voice-directory-close{display:none!important}