/* новая кнопка входа Element */
.mx_AuthBody .mx_Login_submit,
.mx_AuthBody ._button_13vu4_8.mx_Login_submit,
.mx_AuthBody button[data-kind="primary"] {
  background: linear-gradient(135deg, #00518D, #0A6BB5) !important;
  color: #BCF4FF !important;
  -webkit-text-fill-color: #BCF4FF !important;
  border: 1px solid rgba(188, 244, 255, 0.25) !important;
  box-shadow: 0 8px 24px rgba(0, 81, 141, 0.25) !important;
}

/* текст внутри кнопки */
.mx_AuthBody .mx_Login_submit *,
.mx_AuthBody ._button_13vu4_8.mx_Login_submit *,
.mx_AuthBody button[data-kind="primary"] * {
  color: #BCF4FF !important;
  fill: #BCF4FF !important;
  stroke: #BCF4FF !important;
  -webkit-text-fill-color: #BCF4FF !important;
}

/* на случай disabled */
.mx_AuthBody .mx_Login_submit[disabled],
.mx_AuthBody ._button_13vu4_8.mx_Login_submit[disabled],
.mx_AuthBody button[data-kind="primary"][disabled],
.mx_AuthBody .mx_Login_submit[aria-disabled="true"],
.mx_AuthBody ._button_13vu4_8.mx_Login_submit[aria-disabled="true"],
.mx_AuthBody button[data-kind="primary"][aria-disabled="true"] {
  background: linear-gradient(135deg, #00518D, #0A6BB5) !important;
  color: #BCF4FF !important;
  -webkit-text-fill-color: #BCF4FF !important;
  opacity: 1 !important;
}

/* ещё надёжнее — переопределяем сами переменные новой дизайн-системы */
:root {
  --cpd-color-bg-action-primary-rest: #00518D !important;
  --cpd-color-bg-action-primary-hover: #0A6BB5 !important;
  --cpd-color-bg-action-primary-pressed: #004474 !important;
  --cpd-color-text-on-solid-primary: #BCF4FF !important;
}

/* тёмное стекло всей карточки */
.mx_AuthPage_modal,
.mx_AuthPage_modalContent,
.mx_AuthPage_container {
  background: rgba(5, 12, 22, 0.5) !important;
  backdrop-filter: blur(7px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(188, 244, 255, 0.08) !important;
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.58) !important;
}

/* левая часть ещё темнее */
.mx_AuthPage_panel,
.mx_AuthPage_leftPanel {
  background: rgba(0, 20, 38, 0.52) !important;
}

/* правая часть тоже затемняем, если она отдельным слоем */
.mx_AuthBody,
.mx_AuthBody_container {
  background: rgba(5, 12, 22, 0.22) !important;
}

/* hover-эффект кнопки входа */
.mx_AuthBody .mx_Login_submit,
.mx_AuthBody ._button_13vu4_8.mx_Login_submit,
.mx_AuthBody button[data-kind="primary"] {
  transition:
    transform 0.18s ease,
    box-shadow 0.18s ease,
    background 0.18s ease,
    filter 0.18s ease !important;
  cursor: pointer !important;
}

.mx_AuthBody .mx_Login_submit:hover,
.mx_AuthBody ._button_13vu4_8.mx_Login_submit:hover,
.mx_AuthBody button[data-kind="primary"]:hover {
  background: linear-gradient(135deg, #0A6BB5, #1583D8) !important;
  box-shadow:
    0 10px 28px rgba(0, 81, 141, 0.42),
    0 0 18px rgba(188, 244, 255, 0.18) !important;
  transform: translateY(-1px) scale(1.01) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.mx_AuthBody .mx_Login_submit:hover *,
.mx_AuthBody ._button_13vu4_8.mx_Login_submit:hover *,
.mx_AuthBody button[data-kind="primary"]:hover * {
  color: #ffffff !important;
  fill: #ffffff !important;
  stroke: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.mx_AuthBody .mx_Login_submit:active,
.mx_AuthBody ._button_13vu4_8.mx_Login_submit:active,
.mx_AuthBody button[data-kind="primary"]:active {
  transform: translateY(0) scale(0.995) !important;
  box-shadow: 0 6px 18px rgba(0, 81, 141, 0.35) !important;
}


/* ===== HUBB: точечная замена зелёных акцентов ===== */

/* плитки на главной */
.mx_HomePage_default .mx_HomePage_default_buttons .mx_AccessibleButton {
  background-color: #00518D !important;
  color: #BCF4FF !important;
  border: 1px solid rgba(188, 244, 255, 0.18) !important;
  box-shadow: 0 10px 24px rgba(0, 81, 141, 0.18) !important;
}

.mx_HomePage_default .mx_HomePage_default_buttons .mx_AccessibleButton:hover {
  background-color: #0A6BB5 !important;
  color: #ffffff !important;
}

/* иконки внутри плиток */
.mx_HomePage_default .mx_HomePage_default_buttons .mx_AccessibleButton svg,
.mx_HomePage_default .mx_HomePage_default_buttons .mx_AccessibleButton path {
  fill: #BCF4FF !important;
  color: #BCF4FF !important;
}

/* переключатели и радио в настройках */
.mx_StyledRadioButton input[type="radio"]:checked + div,
.mx_StyledRadioButton.mx_StyledRadioButton_checked > div,
.mx_ToggleSwitch_track_checked,
.mx_ToggleSwitch_checked {
  background-color: #00518D !important;
  border-color: #00518D !important;
}

/* кружок/точка внутри */
.mx_StyledRadioButton input[type="radio"]:checked + div::before,
.mx_ToggleSwitch_handle {
  background-color: #BCF4FF !important;
}

/* активные primary-кнопки */
button[data-kind="primary"],
.mx_AccessibleButton[data-kind="primary"],
._button_13vu4_8[data-kind="primary"] {
  background-color: #00518D !important;
  color: #BCF4FF !important;
  border-color: rgba(188, 244, 255, 0.2) !important;
}

button[data-kind="primary"]:hover,
.mx_AccessibleButton[data-kind="primary"]:hover,
._button_13vu4_8[data-kind="primary"]:hover {
  background-color: #0A6BB5 !important;
  color: #ffffff !important;
}