/* =========================================
   GLOBAL BASE
========================================= */

html, body {
  margin: 0;
  height: 100%;
  background: #1f2430;
}

#conversejs {
  width: 100%;
  height: 100%;
}

/* =========================================
   LOGIN: прячем лишнее
========================================= */

#conversejs converse-brand-logo { display: none !important; }
#conversejs converse-controlbox-navbar { display: none !important; }
#conversejs converse-footer { display: none !important; }
#conversejs converse-bg { display: none !important; }
#conversejs .box-flyout > converse-controlbox-buttons { display: none !important; }
#conversejs converse-register-link { display: none !important; }
#conversejs converse-login-form converse-popover { display: none !important; }

/* Чекбокс — выровнять галку и текст */
#conversejs .login-trusted {
  display: flex !important;
  align-items: center !important;
  gap: 6px;
  padding-left: 0 !important;
}

#conversejs .login-trusted .form-check-input {
  position: static !important;
  float: none !important;
  margin: 0 !important;
}

#conversejs .login-trusted .form-check-label {
  padding-left: 0 !important;
  margin: 0 !important;
}

/* =========================================
   LOGIN: центрирование
========================================= */

#conversejs .controlbox-pane:has(converse-login-form) {
  min-height: 100vh;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* =========================================
   CHAT: emoji picker — открывать вверх
========================================= */

#conversejs converse-emoji-dropdown {
  position: static !important;
}

#conversejs converse-emoji-dropdown .dropdown-menu {
  inset: auto auto 100% 0 !important;
  transform: none !important;
  width: 340px;
  overflow: hidden;
  display: none;
}

#conversejs converse-emoji-dropdown .dropdown-menu.show {
  display: block !important;
}

#conversejs converse-emoji-dropdown .emoji-picker__lists {
  max-height: 300px;
  overflow-y: auto;
}

/* Скрыть выбор skin tone */
#conversejs .emoji-skintone-picker {
  display: none !important;
}

/* Скрыть поля Email и URL в профиле */
#conversejs #vcard-email,
#conversejs label[for="vcard-email"],
#conversejs #vcard-url,
#conversejs label[for="vcard-url"] {
  display: none !important;
}