/* Sovryk — recolorare accent Compound: verde Element -> teal Sovryk */
:root,
.cpd-theme-light, .cpd-theme-light-hc,
.cpd-theme-dark, .cpd-theme-dark-hc,
[class*="cpd-theme"] {
  --cpd-color-green-100: #ecfbf7 !important;
  --cpd-color-green-200: #d2f5ec !important;
  --cpd-color-green-300: #a9ece0 !important;
  --cpd-color-green-400: #79e2d0 !important;
  --cpd-color-green-500: #52d8c2 !important;
  --cpd-color-green-600: #3ed4bd !important;
  --cpd-color-green-700: #34d3be !important;
  --cpd-color-green-800: #2ac6b0 !important;
  --cpd-color-green-900: #34d3be !important;
  --cpd-color-green-1000: #1fae99 !important;
  --cpd-color-green-1100: #178f7e !important;
  --cpd-color-green-1200: #0f6f62 !important;
  --cpd-color-green-1300: #0a5147 !important;
  --cpd-color-green-1400: #063b34 !important;

  --cpd-color-bg-accent-rest: #34d3be !important;
  --cpd-color-bg-accent-hovered: #2bc3b0 !important;
  --cpd-color-bg-accent-pressed: #23a693 !important;
  --cpd-color-text-action-accent: #34d3be !important;
  --cpd-color-icon-accent-primary: #34d3be !important;
  --cpd-color-icon-accent-tertiary: #34d3be !important;
  --cpd-color-text-on-solid-primary: #052b25 !important;
}

/* Mobil: opreste taierea pe orizontala (paliativ - clientul real de mobil = nativ) */
@media (max-width: 767px) {
  html, body, #matrixchat { max-width: 100vw !important; overflow-x: hidden !important; }
  .mx_AuthPage_modal, .mx_AuthBody, .mx_Welcome, .mx_AuthHeader, .mx_AuthFooter,
  .mx_Welcome_body, .mx_ButtonRow, .mx_Login_submit {
    max-width: 100% !important; width: 100% !important; box-sizing: border-box !important;
  }
  .mx_AuthPage_modal { margin: 0 auto !important; }
}