/* =========================================================
   MoveDone Update 080
   Restore auth header + compact Business slider
   ========================================================= */

:root {
  --md-supplier-blue: #2f6fed;
  --md-supplier-blue-dark: #1f56c5;
  --md-supplier-blue-soft: #eef4ff;
  --md-supplier-blue-line: #cfdcff;
}

/* ---------------------------------------------------------
   HEADER — restore the original left/right layout
   --------------------------------------------------------- */

.site-header .header-inner {
  display: flex !important;
  align-items: center !important;
}

.site-header .auth-back {
  margin-left: auto !important;
}

/* Remove Update 079's header Business button/wrapper entirely. */
.auth-header-actions,
.auth-business-switch {
  display: none !important;
}

/* ---------------------------------------------------------
   AUTH CARD — compact Business slider
   --------------------------------------------------------- */

.auth-mode-slider-row {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;

  margin: 14px 2px 22px;
}

.auth-mode-slider-label {
  color: #72777b;

  font-size: .72rem;
  font-weight: 850;
  line-height: 1;
}

.auth-mode-slider {
  position: relative;

  width: 42px;
  height: 24px;

  flex: 0 0 auto;

  border: 0;
  border-radius: 999px;

  background: #ddd9d5;

  cursor: pointer;

  transition:
    background .18s ease,
    box-shadow .18s ease;
}

.auth-mode-slider::after {
  content: "";

  position: absolute;
  top: 3px;
  left: 3px;

  width: 18px;
  height: 18px;

  border-radius: 50%;

  background: #fff;

  box-shadow:
    0 1px 5px rgba(31, 35, 39, .18);

  transition:
    transform .18s ease;
}

.auth-mode-slider[aria-checked="true"] {
  background: var(--md-supplier-blue);

  box-shadow:
    0 0 0 3px rgba(47,111,237,.10);
}

.auth-mode-slider[aria-checked="true"]::after {
  transform: translateX(18px);
}

/* ---------------------------------------------------------
   BUSINESS AUTH — keep the Supplier Blue identity
   --------------------------------------------------------- */

body.business-auth-page {
  --md-coral: var(--md-supplier-blue);
  --md-coral-dark: var(--md-supplier-blue-dark);
  --md-coral-soft: var(--md-supplier-blue-soft);

  --md-green: var(--md-supplier-blue);
  --md-green-soft: var(--md-supplier-blue-soft);
}

body.business-auth-page .auth-card {
  border-color: #dce5fa;
}

body.business-auth-page .auth-eyebrow {
  background: var(--md-supplier-blue-soft) !important;
  color: var(--md-supplier-blue-dark) !important;
}

body.business-auth-page .auth-intro h1 span {
  color: var(--md-supplier-blue) !important;
}

body.business-auth-page .auth-benefit > span {
  background: var(--md-supplier-blue-soft) !important;
  color: var(--md-supplier-blue) !important;
}

body.business-auth-page .auth-submit {
  background: var(--md-supplier-blue) !important;
  border-color: var(--md-supplier-blue) !important;

  box-shadow:
    0 10px 24px rgba(47, 111, 237, .18) !important;
}

body.business-auth-page .auth-submit:hover {
  background: var(--md-supplier-blue-dark) !important;
  border-color: var(--md-supplier-blue-dark) !important;
}

body.business-auth-page .auth-switch-copy button {
  color: var(--md-supplier-blue-dark) !important;
}

body.business-auth-page .brand-mark {
  background: var(--md-supplier-blue) !important;
}

body.business-auth-page .auth-mode-slider-label {
  color: var(--md-supplier-blue-dark);
}

/* ---------------------------------------------------------
   Supplier portal remains blue
   --------------------------------------------------------- */

body.partner-page,
body.partner-dashboard-page,
body.partner-settings-page,
body.partner-messages-page,
body.partner-payments-page,
body.invoice-page {
  --md-coral: var(--md-supplier-blue);
  --md-coral-dark: var(--md-supplier-blue-dark);
  --md-coral-soft: var(--md-supplier-blue-soft);

  --md-green: var(--md-supplier-blue);
  --md-green-soft: var(--md-supplier-blue-soft);
}

body.partner-page .brand-mark,
body.partner-dashboard-page .brand-mark,
body.partner-settings-page .brand-mark,
body.partner-messages-page .brand-mark,
body.partner-payments-page .brand-mark,
body.invoice-page .brand-mark {
  background: var(--md-supplier-blue) !important;
}

@media (max-width: 720px) {
  .auth-mode-slider-row {
    margin: 12px 0 18px;
  }

  .auth-mode-slider-label {
    font-size: .69rem;
  }
}