/* RPMTrades Element skin + hard-disable crypto/identity verification UI */

:root {
  --cpd-color-bg-canvas-default: #070707;
  --cpd-color-bg-subtle-primary: #101010;
  --cpd-color-bg-subtle-secondary: #161616;
  --cpd-color-bg-subtle-tertiary: #1d1d1d;
  --cpd-color-text-primary: #f3f3f3;
  --cpd-color-text-secondary: #b9b9b9;

  --cpd-color-bg-action-primary-rest: #b31217;
  --cpd-color-bg-action-primary-hover: #cc171d;
  --cpd-color-bg-action-primary-pressed: #8f0d12;
  --cpd-color-text-on-solid-primary: #ffffff;

  --cpd-color-border-interactive-primary: #b31217;
  --cpd-color-border-interactive-secondary: #5c1c1f;
  --cpd-color-icon-accent-primary: #d42027;
}

body {
  background: radial-gradient(1200px 800px at 20% -10%, #2a0d10 0%, #090909 45%, #050505 100%) fixed;
}

.mx_RoomHeader,
.mx_LeftPanel,
.mx_MatrixChat {
  background-color: transparent;
}

/* Hide all crypto / verification UI surfaces so users never see "verify identity". */
.mx_CompleteSecurity,
.mx_CompleteSecurityBody,
.mx_VerificationRequestToast,
.mx_DeviceVerificationStatusCard,
.mx_EncryptionUserSettingsTab,
.mx_SetUpEncryptionPanel,
.mx_IdentityNeedsResetNoticePanel,
.mx_KeyStoragePanel,
.mx_RecoveryPanel,
.mx_RecoveryPanelOutOfSync,
.mx_ResetIdentityPanel {
  display: none !important;
}

/* Auth/login background override (RPMTrades). */
.mx_AuthPage {
  background-image: url("https://files.rpmws.com/r-p-m/dc7f75c543cc722767a61d65bbad67b5.jpg") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-attachment: fixed !important;
}

/* Make sure the overlay blur doesn't wash out the image too much. */
.mx_AuthPage_modal,
.mx_AuthPage_modal_withBlur {
  backdrop-filter: blur(10px) saturate(1.2);
}

/* Splash-only "Click to Load" button injected by custom JS */
#rpm_click_to_load {
  position: fixed;
  z-index: 99999;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

#rpm_click_to_load button {
  appearance: none;
  border: 2px solid rgba(255, 255, 255, 0.22);
  background: rgba(0, 0, 0, 0.72);
  color: #fff;
  padding: 42px 70px;
  border-radius: 22px;
  font: 900 44px/1 ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial;
  cursor: pointer;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  box-shadow:
    0 20px 60px rgba(0, 0, 0, 0.55),
    0 0 0 6px rgba(180, 18, 23, 0.20);
}

#rpm_click_to_load button:hover {
  background: rgba(10, 10, 10, 0.82);
  border-color: rgba(255, 255, 255, 0.34);
  box-shadow:
    0 24px 70px rgba(0, 0, 0, 0.60),
    0 0 0 7px rgba(180, 18, 23, 0.28);
}