/* ============================================================
   Managed Backup Console (MSP guide) — product tokens and
   product-only rules
   Header:   Astronaut #223672  (brand primary, brand book §10)
   Tab bar:  Slate Grey #464e52 (MBC product color, brand book
             §11) — Option 7 in reports/mbc-header-options.html,
             tab text 8.50:1, inactive 6.17:1
   Accent:   Apricot Orange #f78f1e
   Font:     Inter (chosen in the font trial, 2026-09-29)

   Every structural rule lives in the shared base
   (profiles/shared/ba-base.css, loaded before this file). MBC is
   the first product whose header and product colors differ:
   Astronaut is the primary voice (header, links, headings,
   buttons, icons — MBC uplift decision 2), Slate Grey the
   secondary (tab bar, chips, card tint), as brand book §4 words
   it. Identical to mbc-dist's stylesheet except the third icon
   slot — the portals share one MBC look.
   ============================================================ */

/* ── Astronaut (§10) and Slate Grey (§11) scales ───────────── */
:root {
  --ba-astronaut:           #223672;
  --ba-astronaut-800:       #101935;
  --ba-astronaut-600:       #1C2C5E;
  --ba-astronaut-400:       #4E5E8E;
  --ba-astronaut-100:       #D3D7E3;
  --ba-slate:               #464e52;
  --ba-slate-100:           #DADCDC;

  /* Role tokens consumed by ba-base.css */
  --ba-primary:             var(--ba-astronaut);
  --ba-primary-light:       var(--ba-astronaut-400);
  --ba-primary-dark:        var(--ba-astronaut-800);
  --ba-header-shadow:       rgba(10, 16, 33, 0.35);
  --ba-tabs-bg:             var(--ba-slate);
  --ba-link:                var(--ba-astronaut);
  --ba-link-hover:          var(--ba-astronaut-400);
  --ba-accent:              var(--ba-astronaut-400);
  --ba-accent-tint:         rgba(78, 94, 142, 0.1);
  --ba-heading:             var(--ba-astronaut);
  --ba-heading-sub:         var(--ba-astronaut-600);
  --ba-tint:                var(--ba-astronaut-100);
  --ba-header-tint:         var(--ba-astronaut-100);
  --ba-line:                var(--ba-slate-100);
  --ba-mark:                rgba(34, 54, 114, 0.2);
  --ba-hero-sub:            var(--ba-astronaut-400);
  --ba-card-face:           #f2f4f5;
  --ba-card-shadow:         rgba(34, 54, 114, 0.18);
  --ba-card-hover-border:   var(--ba-astronaut);
}

/* ── Three category cards, not five ────────────────────────── */
@media screen and (min-width: 70em) {
  .md-typeset .ba-landing .grid.cards {
    grid-template-columns: repeat(3, 1fr);
    max-width: 46rem;
    margin-left: auto;
    margin-right: auto;
  }
}

/* Icon slots for this portal's three cards: Getting started /
   Managing clients / Monitoring clients. Slot 1 keeps the base's
   getting-started icon; monitoring wears the backing-up icon —
   monitoring here is watching backups. */
.md-typeset .ba-landing .grid.cards > ul > li:nth-child(2)::before {
  background-image: url("../assets/brand/management.svg");
}
.md-typeset .ba-landing .grid.cards > ul > li:nth-child(3)::before {
  background-image: url("../assets/brand/backing-up-restoring.svg");
}

/* Left-menu icon slots, matching the cards above: Getting started keeps
   the base's icon; Managing clients wears management / Monitoring clients wears backing-up. Slots 5 and 6 are the console links,
   which line up with the sections but have no icon of their own. */
@media screen and (min-width: 76.25em) {
  .md-nav--primary > .md-nav__list > .md-nav__item:nth-child(3) > .md-nav__link {
    background-image: url("../assets/brand/management.svg");
  }
  .md-nav--primary > .md-nav__list > .md-nav__item:nth-child(4) > .md-nav__link {
    background-image: url("../assets/brand/backing-up-restoring.svg");
  }
  .md-nav--primary > .md-nav__list > .md-nav__item:nth-child(3) > .md-nav__link:hover {
    background-image: url("../assets/brand/management-white.svg");
  }
  .md-nav--primary > .md-nav__list > .md-nav__item:nth-child(4) > .md-nav__link:hover {
    background-image: url("../assets/brand/backing-up-restoring-white.svg");
  }
  .md-nav--primary > .md-nav__list > .md-nav__item:nth-child(5) > .md-nav__link,
  .md-nav--primary > .md-nav__list > .md-nav__item:nth-child(6) > .md-nav__link,
  .md-nav--primary > .md-nav__list > .md-nav__item:nth-child(5) > .md-nav__link:hover,
  .md-nav--primary > .md-nav__list > .md-nav__item:nth-child(6) > .md-nav__link:hover {
    background-image: none;
  }
}

/* ── Action buttons wear Astronaut (MBC uplift decision 2);
      the two console buttons and Contact Support use the base's
      three-column grid ─────────────────────────────────────── */
.md-typeset .ba-landing .ba-buttons a {
  background-color: var(--ba-astronaut);
}