/* Active cyan-black palette: login and left navigation only. */

.login-page {
  color-scheme: dark;
  --mb-bg: #0b0f12;
  --mb-surface: #000000;
  --mb-surface-raised: #433940;
  --mb-line: #433940;
  --mb-line-strong: #726d80;
  --mb-ink: #d0d7ea;
  --mb-muted: #a9aac3;
  --mb-accent: #1df2ff;
  --mb-accent-strong: #00cbd8;
  --mb-on-accent: #0b0f12;
  --mb-danger: #ff667a;
  --login-green: var(--mb-accent-strong);
  --login-green-strong: var(--mb-accent);
  color: var(--mb-ink);
  background: var(--mb-bg);
}

.login-page ::selection {
  color: var(--mb-on-accent);
  background: var(--mb-accent);
}

.login-page input,
.login-page button {
  color-scheme: dark;
}

.login-page .login-shell {
  background-color: #141b25;
}

.login-page .login-shell::before {
  background:
    linear-gradient(#777777, #777777),
    url("/img/ru.marketbi.mdl.login.background.jpg?v=20260727a") center 46% / cover no-repeat;
  background-blend-mode: color;
  filter: contrast(0.86) brightness(0.7) blur(10px);
}

.login-page .login-shell::after {
  background:
    radial-gradient(circle at center, rgba(0, 0, 0, 0.12) 20%, rgba(11, 15, 18, 0.48) 72%, rgba(11, 15, 18, 0.82) 100%),
    linear-gradient(90deg, rgba(0, 0, 0, 0.46), rgba(11, 15, 18, 0.06) 28%, rgba(11, 15, 18, 0.06) 72%, rgba(0, 0, 0, 0.5));
}

.login-page .mdl.login .login__panel {
  border-color: rgba(29, 242, 255, 0.22);
  color: var(--mb-ink);
  background: rgba(0, 0, 0, 0.965);
  box-shadow: 0 26px 72px rgba(0, 0, 0, 0.5);
}

.login-page .mdl.login .login__eyebrow,
.login-page .mdl.login .login__field {
  color: var(--mb-accent-strong);
}

.login-page .mdl.login h1 {
  color: var(--mb-ink);
}

.login-page .mdl.login input {
  border-color: var(--mb-line-strong);
  color: var(--mb-ink);
  background: var(--mb-bg);
}

.login-page .mdl.login input::placeholder {
  color: #726d80;
  opacity: 1;
}

.login-page .mdl.login input:focus {
  border-color: var(--mb-accent);
  outline-color: rgba(29, 242, 255, 0.18);
}

.login-page .mdl.login .login__submit {
  color: var(--mb-on-accent);
  background: var(--mb-accent);
}

.login-page .mdl.login .login__submit:hover,
.login-page .mdl.login .login__submit:focus-visible {
  color: var(--mb-on-accent);
  background: #55f7ff;
  outline-color: rgba(29, 242, 255, 0.2);
}

.login-page .mdl.login .login__note {
  color: var(--mb-muted);
}

.login-page .mdl.login .login__note--error {
  color: var(--mb-danger);
}

.mdl.leftnav,
.mdl.leftnav .leftnav__compact,
.mdl.leftnav .leftnav__opened,
.mdl.leftnav .leftnav__hover-labels,
.mdl.leftnav .leftnav__columns-nav {
  color: #a9aac3;
  background: #000000;
}

.mdl.leftnav .leftnav__brand,
.mdl.leftnav .leftnav__hover-labels strong,
.mdl.leftnav .leftnav__opened strong {
  color: #d0d7ea;
}

.mdl.leftnav .leftnav__account {
  color: #d0d7ea;
  background: #141b25;
}

.mdl.leftnav .leftnav__account-copy small {
  color: rgba(169, 170, 195, 0.72);
}

.mdl.leftnav .leftnav__item:hover,
.mdl.leftnav .leftnav__item:focus-visible,
.mdl.leftnav .leftnav__more:hover,
.mdl.leftnav .leftnav__more:focus-visible,
.mdl.leftnav .leftnav__hover-link:hover,
.mdl.leftnav .leftnav__hover-link:focus-visible,
.mdl.leftnav .leftnav__opened a:hover,
.mdl.leftnav .leftnav__opened a:focus-visible {
  color: #1df2ff;
  background: rgba(29, 242, 255, 0.065);
}

.mdl.leftnav .leftnav__item.is-current,
.mdl.leftnav .leftnav__hover-link.is-current,
.mdl.leftnav .leftnav__opened a.is-current {
  color: #1df2ff;
  background: #0b0f12;
  box-shadow: inset 5px 0 0 #1df2ff, inset 0 2px 8px rgba(0, 0, 0, 0.55);
}

.mdl.leftnav.is-open .leftnav__opened-pane {
  border-color: #433940;
  background: rgba(29, 242, 255, 0.025);
}

.mdl.leftnav.is-open .leftnav__opened-viewport {
  scrollbar-color: rgba(29, 242, 255, 0.32) transparent;
}

.mdl.leftnav.is-open .leftnav__opened-viewport::-webkit-scrollbar-thumb {
  background: rgba(29, 242, 255, 0.28);
}