/* Hubbiot Element Web customisations */

/* Force dark background on everything — prevents white flash */
html, body, #matrixchat, .mx_MatrixChat_wrapper {
  background-color: #041518 !important;
  color: #e0e0e0 !important;
}

/* Error/loading states */
.mx_MatrixChat_splash, .mx_GenericErrorPage, .mx_SoftLogout {
  background-color: #041518 !important;
  color: #e0e0e0 !important;
}

/* Hide "Create Account" button */
.mx_AuthPage .mx_SSOButtons + .mx_AuthBody_changeFlow,
.mx_Welcome .mx_ActionButton[aria-label="Create Account"],
a[href="#/register"],
.mx_AuthBody_changeFlow {
  display: none !important;
}

/* Hide "Decentralised, encrypted..." body text */
.mx_Welcome p,
.mx_Welcome .mx_AuthBody p:not(:first-child) {
  display: none !important;
}

/* Orange accent on Sign In button */
.mx_Welcome .mx_ActionButton,
.mx_Login_submit,
.mx_SSOButton,
.mx_AccessibleButton_kind_primary {
  background-color: #f17d00 !important;
  border-color: #f17d00 !important;
  color: #ffffff !important;
}

.mx_Welcome .mx_ActionButton:hover,
.mx_Login_submit:hover,
.mx_SSOButton:hover,
.mx_AccessibleButton_kind_primary:hover {
  background-color: #e06d00 !important;
  border-color: #e06d00 !important;
}

/* Darker auth panel background */
.mx_AuthPage_modal {
  background-color: #081e22 !important;
  border: 1px solid rgba(0, 135, 149, 0.2) !important;
}

/* Auth page overall background */
.mx_AuthPage {
  background-color: #041518 !important;
}

/* Welcome heading override */
.mx_Welcome h1,
.mx_Welcome h2,
.mx_AuthPage_modal h1,
.mx_AuthPage_modal h2 {
  color: #ffffff !important;
}

/* Footer links */
.mx_AuthPage_footer a {
  color: #008795 !important;
}

.mx_AuthPage_footer {
  color: #9ea3a8 !important;
}