/* HChat V10 - Özel mesaj ve Status görünümünde boş nick kolonu kaldırılır. */

/* Normal kanallar: sohbet + kişiler + odalar */
body.hchat-ui-v2:not(.hchat-status-view):not(.hchat-private-view) .main-content .main-row {
  grid-template-columns: minmax(0, 1fr) 250px 230px !important;
  grid-template-areas: "chat users channels" !important;
  gap: 10px !important;
}

/* Özel mesaj / Status: sohbet alanı genişler, sadece odalar sağda kalır. */
body.hchat-ui-v2.hchat-private-view .main-content .main-row,
body.hchat-ui-v2.hchat-status-view .main-content .main-row {
  grid-template-columns: minmax(0, 1fr) 230px !important;
  grid-template-areas: "chat channels" !important;
  gap: 10px !important;
}

body.hchat-ui-v2.hchat-private-view .main-row > .main-col:nth-child(2),
body.hchat-ui-v2.hchat-status-view .main-row > .main-col:nth-child(2) {
  display: none !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

body.hchat-ui-v2.hchat-private-view #chatPanel,
body.hchat-ui-v2.hchat-status-view #chatPanel {
  grid-area: chat !important;
  width: 100% !important;
  min-width: 0 !important;
}

body.hchat-ui-v2.hchat-private-view .main-row > .channel-lister,
body.hchat-ui-v2.hchat-status-view .main-row > .channel-lister {
  grid-area: channels !important;
  display: flex !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Özel mesajda kanal topic satırı anlamsızdır. */
body.hchat-ui-v2.hchat-private-view #topic,
body.hchat-ui-v2.hchat-private-view #sayio {
  display: none !important;
}

body.hchat-ui-v2.hchat-private-view .chat-content.channel-fix2 {
  padding-top: 0 !important;
}

@media (max-width: 900px) {
  body.hchat-ui-v2.hchat-private-view .main-content .main-row,
  body.hchat-ui-v2.hchat-status-view .main-content .main-row,
  body.hchat-ui-v2:not(.hchat-status-view):not(.hchat-private-view) .main-content .main-row {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas: "chat" !important;
    gap: 0 !important;
  }
}