/* 2026-10-10: align authentication surfaces and the desktop search capsule. */
:root {
  --hg-auth-panel: #121212;
  --hg-auth-field: #2a2a2a;
  --hg-auth-border: #3b3b3b;
  --hg-auth-yellow: #ffd21f;
}

/* Header search: never inject account/domain text into the typing field. */
.head_search_row_capsule .head_search_capsule {
  background: #171717 !important;
  border: 1px solid var(--hg-auth-yellow) !important;
  border-radius: 24px !important;
  box-shadow: none !important;
  min-height: 44px;
}
.head_search_row_capsule .head_search_capsule_hot { display: none !important; }
.head_search_row_capsule .head_search_capsule_field { padding-left: 18px; }
.head_search_row_capsule .head_search_capsule_field .mac_wd {
  color: #f4f4f4 !important;
  font-size: 15px;
}
.head_search_row_capsule .head_search_capsule_field .mac_wd::placeholder { color: #858585 !important; }
.head_search_row_capsule .head_search_capsule_submit {
  background: transparent !important;
  border: 0 !important;
  color: transparent !important;
  min-width: 46px;
  padding: 0 13px !important;
}
.head_search_row_capsule .head_search_capsule_submit span { display: none !important; }
.head_search_row_capsule .head_search_capsule_ai_ico {
  filter: grayscale(1) brightness(2.3);
  opacity: .72;
}

/* Login / registration dialog: one dark card, clear border, rounded fields. */
.mac_pop_bg.mac_pop_bg_login { background: rgba(0, 0, 0, .72) !important; }
.mac_pop.mac_pop_login {
  background: var(--hg-auth-panel) !important;
  border: 1px solid var(--hg-auth-border) !important;
  border-radius: 22px !important;
  box-shadow: 0 22px 56px rgba(0, 0, 0, .5) !important;
  overflow: hidden;
  width: 460px !important;
}
.mac_pop.mac_pop_login .pop_top {
  background: transparent !important;
  height: 82px !important;
  margin-bottom: 8px !important;
}
.mac_pop.mac_pop_login .pop_top h2 {
  color: #f7f7f7 !important;
  font-size: 23px !important;
  font-weight: 700 !important;
}
.mac_pop.mac_pop_login span.pop_close {
  border: 1px solid #444 !important;
  border-radius: 50% !important;
  height: 32px !important;
  right: 16px !important;
  top: 16px !important;
  width: 32px !important;
}
#mac-ajax-auth-root.auth-ui-popup .auth-shell { padding: 0 28px 24px !important; }
#mac-ajax-auth-root.auth-ui-popup .auth-popup-form.mac_login .auth-field-label {
  color: #f5f5f5 !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  margin: 15px 0 7px !important;
  padding-left: 0 !important;
}
#mac-ajax-auth-root.auth-ui-popup .auth-popup-form.mac_login .reg-group {
  background: var(--hg-auth-field) !important;
  border: 1px solid var(--hg-auth-border) !important;
  border-radius: 27px !important;
  height: 52px !important;
  min-height: 52px !important;
}
#mac-ajax-auth-root.auth-ui-popup .auth-popup-form.mac_login .reg-group:focus-within {
  border-color: var(--hg-auth-yellow) !important;
}
#mac-ajax-auth-root.auth-ui-popup .auth-popup-form.mac_login .reg-group .reg-control {
  color: #f5f5f5 !important;
  height: 52px !important;
  line-height: 52px !important;
}
#mac-ajax-auth-root.auth-ui-popup .auth-popup-form.mac_login .login_form_submit.auth-page-btn {
  background: var(--hg-auth-yellow) !important;
  border-radius: 27px !important;
  color: #171717 !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  height: 52px !important;
  line-height: 52px !important;
  margin-top: 18px !important;
}
#mac-ajax-auth-root.auth-ui-popup .auth-popup-form.mac_login .auth-forgot-link { color: #bababa !important; }

/* Full login / registration pages use the same card and field geometry. */
body#reg.auth-ui-page.bstem .auth-page-form .reg-w.auth-shell {
  background: var(--hg-auth-panel) !important;
  border: 1px solid var(--hg-auth-border) !important;
  border-radius: 22px !important;
  box-shadow: 0 22px 56px rgba(0, 0, 0, .45) !important;
  padding: 30px 28px !important;
}
body#reg.auth-ui-page.bstem .auth-page-form .reg-group {
  border: 1px solid var(--hg-auth-border) !important;
  border-radius: 27px !important;
  height: 50px !important;
  min-height: 50px !important;
}
body#reg.auth-ui-page.bstem .auth-page-form .reg-group:focus-within { border-color: var(--hg-auth-yellow) !important; }
body#reg.auth-ui-page.bstem .auth-page-form .reg-group .reg-control { height: 50px !important; }
body#reg.auth-ui-page.bstem .auth-page-form .btn-sub.auth-page-btn {
  background: var(--hg-auth-yellow) !important;
  border-radius: 27px !important;
  color: #171717 !important;
  font-weight: 700 !important;
  height: 50px !important;
  line-height: 50px !important;
}

body#reg.auth-ui-page .auth-page-form .reg-w.auth-shell {
  background: var(--hg-auth-panel) !important;
  border: 1px solid var(--hg-auth-border) !important;
  border-radius: 22px !important;
  box-shadow: 0 22px 56px rgba(0, 0, 0, .45) !important;
  padding: 30px 28px !important;
  width: 460px !important;
}
body#reg.auth-ui-page .auth-page-form .reg-group {
  border: 1px solid var(--hg-auth-border) !important;
  border-radius: 27px !important;
  height: 50px !important;
  min-height: 50px !important;
}
body#reg.auth-ui-page .auth-page-form .reg-group:focus-within { border-color: var(--hg-auth-yellow) !important; }
body#reg.auth-ui-page .auth-page-form .reg-group .reg-control { height: 50px !important; }
body#reg.auth-ui-page .auth-page-form .btn-sub.auth-page-btn {
  background: var(--hg-auth-yellow) !important;
  border-radius: 27px !important;
  color: #171717 !important;
  font-weight: 700 !important;
  height: 50px !important;
  line-height: 50px !important;
}

@media (max-width: 820px) {
  .mac_pop.mac_pop_login { max-width: calc(100vw - 24px) !important; width: calc(100vw - 24px) !important; }
  #mac-ajax-auth-root.auth-ui-popup .auth-shell { padding: 0 22px 22px !important; }
  .mac_pop.mac_pop_login .pop_top { height: 74px !important; }
}