/*
 * iSweet Spaces UI guard — must load after yal-theme-native / yal-theme-light-shell.
 * Keeps live room, DJ bar, and host admin panel visible on all devices.
 */

body.yi-in-space #yi-live-dock-root,
html[data-yal-skin="spaces"] #yi-live-dock-root,
#yi-live-dock-root:not([hidden]) {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 8800 !important;
}

body.yi-in-space #yi-live-dock-root .yi-overlay.yi-overlay-live,
#yi-live-dock-root .yi-overlay.yi-overlay-live {
  display: flex !important;
  flex-direction: column !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

#yi-live-overlay .yi-live-room {
  display: flex !important;
  flex-direction: column !important;
  visibility: visible !important;
  opacity: 1 !important;
  background: #000 !important;
  color: #e7e9ea !important;
  min-height: 120px !important;
}

#yi-live-overlay .yi-live-room-body {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  flex: 1 1 auto !important;
  min-height: 80px !important;
  overflow: auto !important;
}

#yi-live-overlay .yi-host-panel {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  margin-top: 12px !important;
  padding: 12px 14px !important;
  border: 1px solid #2f3336 !important;
  border-radius: 12px !important;
  background: #0a0a0a !important;
  color: #e7e9ea !important;
}

#yi-live-overlay .yi-dj-bar {
  display: flex !important;
  flex-wrap: wrap !important;
  visibility: visible !important;
  opacity: 1 !important;
  margin: 12px 0 8px !important;
  padding: 10px 12px !important;
  border: 1px solid #2f3336 !important;
  border-radius: 12px !important;
  background: #0d1114 !important;
  color: #e7e9ea !important;
}

#yi-live-overlay .yi-live-dock,
#yi-live-overlay .yi-live-toolbar,
#yi-live-overlay .yi-live-room-head {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}

#yi-live-overlay .yi-admin-refresh-btn,
#yi-live-overlay .yi-space-settings-btn,
#yi-live-overlay .yi-invite-top-btn,
#yi-live-overlay .yi-host-bulk-btn,
#yi-live-overlay .yi-request-approve,
#yi-live-overlay .yi-request-deny,
#yi-live-overlay .yi-dj-btn,
#yi-live-overlay .yi-dj-bar button,
#yi-live-overlay .yi-dj-bar input,
#yi-live-overlay .yi-live-room-head button,
#yi-live-overlay .yi-dock-btn,
#yi-live-overlay .yi-mic-btn,
#yi-live-overlay .yi-hand-btn,
#yi-live-overlay .yi-leave-btn,
#yi-live-overlay .yi-end-space-btn {
  visibility: visible !important;
  opacity: 1 !important;
  color: #e7e9ea !important;
  -webkit-text-fill-color: currentColor !important;
  background-image: none !important;
  animation: none !important;
  filter: none !important;
}

#yi-live-overlay .yi-invite-top-btn,
#yi-live-overlay .yi-dj-btn:not(:disabled),
#yi-live-overlay .yi-request-approve {
  background: #1d9bf0 !important;
  color: #fff !important;
  border: 0 !important;
}

#yi-live-overlay .yi-admin-refresh-btn {
  background: rgba(29, 155, 240, 0.15) !important;
  border: 1px solid rgba(29, 155, 240, 0.45) !important;
  color: #1d9bf0 !important;
}

#yi-live-overlay .yi-dj-bar input {
  background: #000 !important;
  color: #e7e9ea !important;
  border: 1px solid #2f3336 !important;
}

#yi-live-overlay .yi-end-space-btn {
  background: #f4212e !important;
  color: #fff !important;
}

/* Spaces browse tab */
.yi-spaces-tab-panel,
html[data-yal-skin="spaces"] .yi-spaces-tab-panel {
  display: block !important;
  visibility: visible !important;
  background: #000 !important;
  color: #e7e9ea !important;
}

body.yi-spaces-tab-active .x-center-main > #yi-spaces-tab-panel {
  display: block !important;
}