/* WorkLoop: what Element's config cannot turn off on the sign-in screen.
   Class names are Element's (pinned by ELEMENT_VERSION); after an upgrade a
   renamed class only brings the hidden part back. */

/* The server is fixed (disable_custom_urls): no "Servidor local" block. */
.mx_AuthBody .mx_ServerPicker {
  display: none;
}

/* "Powered by Matrix" and the footer links stay even with no links set. */
.mx_AuthFooter {
  display: none;
}

.mx_AuthHeaderLogo {
  width: auto;
}

.mx_AuthHeaderLogo img {
  height: 48px;
  object-fit: contain;
  width: 96px;
}

/* The sign-in form sits on the page's own color inside a thin outline: no
   frosted glass, no blurred copy of the background, no darker card. */
.mx_AuthPage_modalBlur {
  display: none;
}

.mx_AuthPage_modal {
  background-color: transparent;
  border-radius: 8px;
  border: 1px solid var(--cpd-color-bg-subtle-primary);
  box-shadow: none;
}

.mx_AuthPage_modalContent {
  background-color: transparent;
}

/* Element paints the form, its fields and the floating field labels with the
   timeline color; the page color keeps them all in one tone. */
.mx_AuthPage .mx_AuthBody {
  --timeline-background-color: var(--sidebar-color);
  --cpd-color-bg-canvas-default: var(--sidebar-color);
}

/* Dialogs: no dimmed page behind them and no frosted ring around them, only
   the dialog body in its own color, outlined like the sign-in form. The image
   viewer (lightbox) keeps its dark backdrop; the loading spinner stays bare. */
.mx_Dialog_wrapper:not(.mx_Dialog_lightbox) .mx_Dialog_background {
  background-color: transparent;
}

.mx_Dialog_border {
  backdrop-filter: none;
  background: none;
  outline: none;
  padding: 0;
}

.mx_Dialog_wrapper:not(.mx_Dialog_lightbox):not(.mx_Dialog_spinner) .mx_Dialog,
.mx_CompleteSecurityBody {
  border: 1px solid var(--cpd-color-bg-subtle-primary);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.16);
}