/* ───────────────────────────────────────────────────────────────────────
   Candlemount global overrides for Element auth/login/register screens.
   Injected via a <link> added to index.html (see docker-compose element mount).
   Tweak freely — served live via the element-assets mount; just hard-refresh.
   ─────────────────────────────────────────────────────────────────────── */

/* full-page dark base */
.mx_AuthPage { background: #050806 !important; }

/* The Compound "glass" auth panel (rounded, blurred, outlined box):
   kill the blur, the translucent glow, the outline/border, and the rounding. */
[class*="_glass"] {
  background: #0c120e !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  border-radius: 0 !important;
  outline: none !important;
  box-shadow: none !important;
}
[class*="_glass"] > :first-child { border-radius: 0 !important; }

/* recolour Element's white primary button -> parchment, dark text */
:root,
[class*="cpd-theme"],
.cpd-theme-dark {
  --cpd-color-bg-action-primary-rest: #e8dcc8 !important;
  --cpd-color-bg-action-primary-hovered: #ffffff !important;
  --cpd-color-bg-action-primary-pressed: #d8cbb0 !important;
  --cpd-color-text-on-solid-primary: #0c120e !important;
}

/* self-hosted brand fonts, available app-wide */
@font-face { font-family:'IBM Plex Mono'; font-style:normal; font-weight:300; font-display:swap;
  src:url(/assets/fonts/-F6qfjptAgt5VM-kVkqdyU8n3oQIwlBFgg.woff2) format('woff2'); }
@font-face { font-family:'IM Fell Double Pica'; font-style:normal; font-weight:400; font-display:swap;
  src:url(/assets/fonts/3XF2EqMq_94s9PeKF7Fg4gOKINyMtZ8rf0O_UQ.woff2) format('woff2'); }

/* "Powered by Matrix" footer -> mono, faint, uppercase to match */
.mx_AuthFooter, .mx_AuthFooter a {
  font-family: 'IBM Plex Mono', monospace !important;
  font-weight: 300 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.14em !important;
  font-size: 0.68rem !important;
  color: rgba(232, 220, 200, 0.62) !important;
}
.mx_AuthFooter a:hover { color: #e8dcc8 !important; }

/* square the buttons & inputs on auth screens to match the sharp panels */
.mx_AuthPage button,
.mx_AuthPage select,
.mx_AuthPage input,
.mx_AuthPage [class*="_button"],
.mx_AuthPage [class*="_input"],
.mx_AuthPage [class*="_Field"],
.mx_AuthPage [class*="_container"] {
  border-radius: 0 !important;
}

/* square the login/register form panel (it's rounded on the right edge) */
.mx_AuthBody { border-radius: 0 !important; }

/* hide the homeserver line (server is locked; the ugly elestio host stays hidden) */
.mx_ServerPicker { display: none !important; }