/* HChat Professional UI v8
   Topic sabitleme, panel düğmelerini başlığa taşıma ve Status kolonunu kesin kapatma. */

:root {
  --h8-header-height: 72px;
  --h8-panel-gap: 10px;
  --h8-users-width: 270px;
  --h8-channels-width: 250px;
}

/* Ana alan başlığın altında başlar. Floating düğmeler için üst boşluk bırakılmaz. */
body.hchat-ui-v2 .main-content,
body.hchat-ui-v2 .main-content[style] {
  top: var(--h8-header-height) !important;
  padding: 10px !important;
}

body.hchat-ui-v2 .main-content .main-row {
  grid-template-columns: minmax(0, 1fr) var(--h8-users-width) var(--h8-channels-width) !important;
  grid-template-areas: "chat users channels" !important;
  gap: var(--h8-panel-gap) !important;
}

/* Eski yüzen Odalar/Kişiler düğmeleri artık kullanılmaz. */
body.hchat-ui-v2 .hchat-chat-controls {
  display: none !important;
}

/* Panel başlıklarındaki yeni aç/kapat düğmeleri. */
body.hchat-ui-v2 .hchat-side-head {
  position: relative !important;
  padding-right: 48px !important;
}

body.hchat-ui-v2 .hchat-inline-panel-toggle {
  position: absolute;
  top: 50%;
  right: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 29px;
  height: 29px;
  padding: 0;
  border: 1px solid #d7e5e7;
  border-radius: 9px;
  color: #6a7d84;
  background: #f7fafb;
  cursor: pointer;
  transform: translateY(-50%);
  transition: background .16s ease, color .16s ease, border-color .16s ease;
}

body.hchat-ui-v2 .hchat-inline-panel-toggle:hover {
  border-color: #a9d9d6;
  color: #0b7d79;
  background: #eaf8f6;
}

/* Topic sohbet kaydırılırken yukarı kaçmaz. */
body.hchat-ui-v2 .chat-content,
body.hchat-ui-v2 .chat-content.channel-fix2 {
  position: relative !important;
  min-height: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  scroll-padding-top: 48px;
}

body.hchat-ui-v2 .m-topic,
body.hchat-ui-v2 .m-topic.topicimiz,
body.hchat-ui-v2 .m-topic[style] {
  position: sticky !important;
  inset: auto !important;
  top: 0 !important;
  z-index: 40 !important;
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  height: 46px !important;
  min-height: 46px !important;
  max-height: 46px !important;
  margin: 0 !important;
  padding: 0 105px 0 16px !important;
  overflow: hidden !important;
  border-bottom: 1px solid #dce7e9 !important;
  color: #536970 !important;
  background: rgba(255,255,255,.985) !important;
  box-shadow: 0 4px 12px rgba(35,65,75,.055) !important;
  line-height: 46px !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  transform: none !important;
}

body.hchat-ui-v2 #sayio {
  position: sticky !important;
  top: 9px !important;
  right: 14px !important;
  float: right;
  z-index: 41 !important;
  margin-top: -38px !important;
  margin-right: 13px !important;
}

/* Status görünümünde kullanıcı paneli ve ona ait boşluk kesin olarak kaldırılır. */
body.hchat-ui-v2.hchat-status-view .main-content .main-row,
body.hchat-ui-v2.hchat-status-view.hchat-hide-users .main-content .main-row {
  grid-template-columns: minmax(0, 1fr) var(--h8-channels-width) !important;
  grid-template-areas: "chat channels" !important;
}

body.hchat-ui-v2.hchat-status-view .hchat-user-panel,
body.hchat-ui-v2.hchat-status-view #chatListUser,
body.hchat-ui-v2.hchat-status-view .user-search,
body.hchat-ui-v2.hchat-status-view .user-lists {
  display: none !important;
}

body.hchat-ui-v2.hchat-status-view.hchat-hide-channels .main-content .main-row {
  grid-template-columns: minmax(0, 1fr) 0 !important;
  grid-template-areas: "chat channels" !important;
}

body.hchat-ui-v2.hchat-hide-channels:not(.hchat-status-view) .main-content .main-row {
  grid-template-columns: minmax(0, 1fr) var(--h8-users-width) 0 !important;
}

body.hchat-ui-v2.hchat-hide-users:not(.hchat-status-view) .main-content .main-row {
  grid-template-columns: minmax(0, 1fr) 0 var(--h8-channels-width) !important;
}

body.hchat-ui-v2.hchat-hide-users.hchat-hide-channels:not(.hchat-status-view) .main-content .main-row {
  grid-template-columns: minmax(0, 1fr) 0 0 !important;
}

@media (max-width: 1450px) and (min-width: 992px) {
  :root {
    --h8-users-width: 235px;
    --h8-channels-width: 220px;
  }
}

@media (max-width: 991px) {
  :root { --h8-header-height: 54px; }

  body.hchat-ui-v2 .main-content,
  body.hchat-ui-v2 .main-content[style] {
    top: var(--h8-header-height) !important;
    padding: 0 !important;
  }

  body.hchat-ui-v2 .m-topic,
  body.hchat-ui-v2 .m-topic.topicimiz {
    display: none !important;
  }

  body.hchat-ui-v2 .main-content .main-row,
  body.hchat-ui-v2.hchat-status-view .main-content .main-row {
    display: block !important;
  }
}