
/* v0.9.0: /LIST is a true full-sized overlay, independent of chat flex layout */
#mc-list-panel {
  position: fixed !important;
  z-index: 2500 !important;
  left: clamp(12px, 18vw, 260px) !important;
  right: 20px !important;
  top: 68px !important;
  bottom: 20px !important;
  width: auto !important;
  min-width: 0 !important;
  height: auto !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 18px !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  overflow: hidden !important;
  color: var(--mc-text, #203449) !important;
  background: var(--mc-panel, #fff) !important;
  border: 1px solid var(--mc-border, #ccd6e0) !important;
  box-shadow: 0 18px 75px #142b4760 !important;
}
#mc-list-panel[hidden] { display: none !important; }
#mc-list-panel .mc-list-head,
#mc-list-panel .mc-list-controls,
#mc-list-panel .mc-list-footer { flex: 0 0 auto !important; }
#mc-list-panel .mc-list-scroll {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  overflow: auto !important;
  background: var(--mc-panel, #fff) !important;
  border-color: var(--mc-border, #ccd6e0) !important;
}
#mc-list-panel .mc-list-scroll table { width: 100% !important; table-layout: auto !important; }
#mc-list-panel .mc-list-scroll td,
#mc-list-panel .mc-list-scroll th { overflow-wrap: anywhere; }
#mc-list-panel .mc-list-scroll th {
  background: var(--mc-side, #f0f4f8) !important;
  color: var(--mc-text, #203449) !important;
  top: 0;
}
#mc-list-panel .mc-list-scroll td {
  color: var(--mc-text, #203449) !important;
  border-color: var(--mc-border, #ccd6e0) !important;
}
#mc-list-panel .mc-list-scroll td:first-child { color: var(--mc-accent, #246aab) !important; }
#mc-list-panel .mc-list-scroll td:nth-child(3) { color: var(--mc-muted, #5b687b) !important; }
#mc-list-panel input {
  color: var(--mc-text, #203449) !important;
  background: var(--mc-bg, #f8fbff) !important;
  border-color: var(--mc-border, #ccd6e0) !important;
}
#mc-list-panel button { min-height: 32px; }
#mc-list-panel .mc-list-scroll td:last-child { white-space: nowrap; }
#mc-list-panel .mc-list-status { max-width: 100%; }

/* Navigation belongs only in the sidebar. Keep IRC top header itself. */
.mc-tabs-v089, #mc-workspace-v089 { display: none !important; }

@media(max-width: 750px) {
 #mc-list-panel {
   left: 8px !important; right: 8px !important;
   top: 60px !important; bottom: 8px !important;
   padding: 10px !important;
 }
 #mc-list-panel .mc-list-scroll td:nth-child(3),
 #mc-list-panel .mc-list-scroll th:nth-child(3) { display: none !important; }
}
