:root {
  --upo-blue-950: #06143f;
  --upo-blue-900: #0a205c;
  --upo-blue-800: #123a88;
  --upo-blue-700: #1b4aa3;
  --upo-yellow: #ffd700;
  --cpd-color-bg-canvas-default: #f4f7ff;
  --cpd-color-bg-subtle-secondary: #eaf0ff;
  --cpd-color-text-action-accent: #17499d;
  --cpd-color-icon-accent-primary: #17499d;
  --cpd-color-bg-action-primary-rest: #123a88;
  --cpd-color-bg-action-primary-hovered: #0a2b6c;
  --cpd-color-border-interactive-primary: #123a88;
}
html, body, #matrixchat { font-family: Inter, "Segoe UI", Arial, sans-serif !important; }
.mx_AuthPage { background-color: var(--upo-blue-950) !important; }
.mx_AuthPage_modal, .mx_AuthBody {
  border-radius: 18px !important;
  border-top: 5px solid var(--upo-yellow) !important;
  box-shadow: 0 24px 70px rgba(1, 9, 37, 0.45) !important;
}
.mx_AuthHeader_logo {
  max-height: 190px !important;
  max-width: 260px !important;
  width: auto !important;
  border-radius: 12px;
  filter: drop-shadow(0 10px 18px rgba(0,0,0,.28));
}
.mx_AuthHeader { margin-bottom: 20px !important; }
.mx_AccessibleButton_kind_primary, button[type="submit"] {
  background: linear-gradient(135deg, var(--upo-blue-800), var(--upo-blue-700)) !important;
  border-color: var(--upo-blue-800) !important;
}
.mx_AccessibleButton_kind_primary:hover, button[type="submit"]:hover { background: var(--upo-blue-900) !important; }
.mx_AuthBody a, .mx_AuthFooter a { color: #17499d !important; }
.mx_LeftPanel, .mx_SpacePanel { background: var(--upo-blue-950) !important; }
.mx_RoomList, .mx_LeftPanel_wrapper { background: var(--upo-blue-900) !important; }
.mx_RoomTile, .mx_RoomTile_name, .mx_LeftPanel .mx_AccessibleButton { color: #f7f9ff !important; }
.mx_RoomTile_selected { background: rgba(255, 215, 0, .16) !important; border-inline-start: 3px solid var(--upo-yellow) !important; }
.mx_RoomTile_badge { background: var(--upo-yellow) !important; color: var(--upo-blue-950) !important; }
.mx_Registration .mx_AuthBody h2::after {
  content: "Реєстрація доступна за українським номером у форматі 380XXXXXXXXX (без знака +).";
  display: block;
  margin-top: 12px;
  padding: 10px 12px;
  border-left: 4px solid var(--upo-yellow);
  border-radius: 6px;
  background: #eef3ff;
  color: var(--upo-blue-900);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.45;
}