/* Align both sound controls to their buttons after the server rail was removed. */
.ws-skin-root[data-ws-skin="instance.ankap-minimal"] [data-ws-part="voice.audio-dock.microphone-panel"],
.ws-skin-root[data-ws-skin="instance.ankap-minimal"] [data-ws-part="voice.audio-dock.output-panel"] {
  left: 0 !important;
  right: auto !important;
  transform: none !important;
  max-width: calc(100vw - 24px) !important;
}
.ws-skin-root[data-ws-skin="instance.ankap-minimal"] [data-ws-part="voice.audio-dock.microphone-panel"]::after,
.ws-skin-root[data-ws-skin="instance.ankap-minimal"] [data-ws-part="voice.audio-dock.output-panel"]::after {
  left: 17px !important;
}

.ws-skin-root[data-ws-skin="instance.ankap-minimal"] .desktop-audio-dock .accompaniment-toggle {
  display: none !important;
}

.ws-skin-root[data-ws-skin="instance.ankap-minimal"] [data-ws-part="voice.chat.message"][data-ws-state="mine"] > [data-ws-part="voice.chat.message-avatar"] {
  display: none !important;
}

@media (max-width: 740px) {
  .ws-skin-root[data-ws-skin="instance.ankap-minimal"] .mobile-member-leave,
  .ws-skin-root[data-ws-skin="instance.ankap-minimal"] .mobile-voice-leave {
    display: grid !important;
    box-sizing: border-box !important;
    place-items: center !important;
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    flex: 0 0 42px !important;
    padding: 0 !important;
    line-height: 0 !important;
  }
}

/* Camera and screen sharing controls */
.screen-share-start-actions:has(.ankap-camera-button) { display:grid!important; grid-template-columns:minmax(0,1fr) 32px; gap:6px; width:100%; }
.screen-share-start-actions:has(.ankap-camera-button) > .screen-share-card-button:first-child { min-width:0; width:100%; justify-content:center; }
.screen-share-start-actions > .ankap-camera-button { grid-column:1 / -1; grid-row:2; width:100%; justify-content:center; min-height:32px; }
.screen-share-start-actions:has(.ankap-camera-button) > .screen-share-settings-button { grid-column:2; grid-row:1; }

@media (max-width:740px) { .instance.ankap-minimal .screen-share-start-actions > .ankap-camera-button { min-height:40px !important; } }

@media (max-width:740px) { .instance.ankap-minimal .screen-share-start-actions > .ankap-camera-button { min-height:40px !important; } }

@media (max-width:740px) { .screen-share-start-actions > button.ankap-camera-button { min-height:40px !important; height:40px !important; } }

/* Full-viewport player for browsers without the Fullscreen API. */
.screen-share-player.ankap-player-expanded {
 position:fixed!important; inset:0!important; z-index:2147483646!important;
 width:100vw!important; height:100vh!important; height:100dvh!important;
 max-width:none!important; max-height:none!important; margin:0!important;
 border:0!important; border-radius:0!important; background:#000!important;
}
.screen-share-player.ankap-player-expanded .screen-share-player-stage {
 width:100%!important; height:100%!important; min-height:0!important;
 max-height:none!important; aspect-ratio:auto!important;
}
.screen-share-player.ankap-player-expanded .screen-share-player-exit { top:max(10px,env(safe-area-inset-top))!important; left:max(10px,env(safe-area-inset-left))!important; }
.screen-share-player.ankap-player-expanded .screen-share-player-viewers { top:max(10px,env(safe-area-inset-top))!important; right:max(10px,env(safe-area-inset-right))!important; }
.screen-share-player.ankap-player-expanded .screen-share-player-live { top:calc(max(10px,env(safe-area-inset-top)) + 9px)!important; }
.screen-share-player.ankap-player-expanded .screen-share-player-source { bottom:max(12px,env(safe-area-inset-bottom))!important; left:max(12px,env(safe-area-inset-left))!important; }
.screen-share-player.ankap-player-expanded .screen-share-player-controls { bottom:max(10px,env(safe-area-inset-bottom))!important; right:max(10px,env(safe-area-inset-right))!important; }
body.ankap-player-fullscreen .workspace-header, body.ankap-player-fullscreen .mobile-nav { visibility:hidden!important; }
