/* ============================================================================
   Mantis theme — overlays the masterthought Cucumber report (loaded LAST, so it
   wins over bootstrap.min.css + cucumber.css). The report stays byte-for-byte the
   same structure; only re-skinned into the Mantis "Orbital" look. cucumber-mantis.js
   sets --m-accent/--m-ink per suite (E2E teal · API blue · Contracts violet · Flow
   amber · default Mantis violet), injects the hero, and recolours the donut.
   ============================================================================ */
:root { --m-accent:#6d3df5; --m-accent2:#b799f5; --m-ink:#4a1fc7; --m-hero:#0c0e1c; }

/* ── Top navigation → Mantis dark ─────────────────────────────────────────── */
#navigation.navbar-default { background:var(--m-hero); border:none; box-shadow:0 2px 16px rgba(12,14,28,.45); }
#navigation .navbar-text { color:#fff !important; font-weight:800; letter-spacing:.3px; }
#navigation .navbar-nav > li > a { color:rgba(255,255,255,.72) !important; font-weight:700; }
#navigation .navbar-nav > li > a:hover,
#navigation .navbar-nav > li > a:focus { color:#fff !important; background:rgba(255,255,255,.07) !important; }
#navigation .navbar-nav > li.active > a,
#navigation .navbar-nav > li.active > a:hover,
#navigation .navbar-nav > li.active > a:focus { color:#fff !important; background:var(--m-accent) !important; }

/* ── Links → suite accent ─────────────────────────────────────────────────── */
a { color:var(--m-accent); }
a:hover, a:focus { color:var(--m-ink); }

/* ── Lead heading ─────────────────────────────────────────────────────────── */
#report-lead h2 { color:var(--m-ink); font-weight:800; }

/* ── Build-info (Project / Number / Date) table ───────────────────────────── */
#build-info thead th { background:var(--m-hero); color:#fff; border-color:#2a2350; }
#build-info tr.info > td { background:color-mix(in srgb, var(--m-accent) 8%, #fff); }

/* ── Stats table: recolour the #66CCEE header rows to Mantis dark ──────────── */
table.stats-table tr.header { background:var(--m-hero) !important; }
table.stats-table tr.header th,
table.stats-table tr.header td { background:var(--m-hero) !important; color:#fff !important; border-color:#2a2350 !important; }

/* ── Status cells + drill-down bars → Mantis-tinted palette ───────────────── */
.passed    { background-color:#cdeed8 !important; }
.failed    { background-color:#f7d3d3 !important; }
.skipped   { background-color:#dbe1fb !important; }
.pending   { background-color:#f6f1c6 !important; }
.undefined { background-color:#fbe3c8 !important; }
table.stats-table td.total, tfoot.total, td.total, th.total { background-color:#f1eefb !important; }

/* ── Chart carousel controls tinted to accent ─────────────────────────────── */
.carousel-indicators .active { background-color:var(--m-accent); }
.carousel-control.right, .carousel-control.left { color:var(--m-accent2); }

/* ── Footer → calm Mantis strip ───────────────────────────────────────────── */
#footer.navbar-default { background:#faf9fe; border:none; border-top:1px solid #efeaf8; }
#footer .navbar-text { color:#8a8799; }

/* ── Injected Mantis Orbital hero (added by cucumber-mantis.js) ────────────── */
#mantis-hero { background-color:var(--m-hero);
  background-image:radial-gradient(circle at 50% 30%, color-mix(in srgb, var(--m-accent) 27%, transparent), var(--m-hero) 62%);
  text-align:center; padding:30px 20px 24px; margin:0 0 10px; border-bottom:1px solid #1c1836; }
#mantis-hero .mh-orbit  { display:inline-block; border-radius:50%; padding:12px; border:1px solid color-mix(in srgb, var(--m-accent) 25%, transparent); }
#mantis-hero .mh-orbit2 { display:inline-block; border-radius:50%; padding:12px; border:1px solid color-mix(in srgb, var(--m-accent) 45%, transparent); }
#mantis-hero .mh-glyph  { width:56px; height:56px; line-height:56px; border-radius:16px; background:var(--m-accent); font-size:26px; margin:0 auto; }
#mantis-hero .mh-badge  { display:inline-block; background:var(--m-accent); color:#fff; font-size:11px; letter-spacing:3px; font-weight:700; padding:6px 15px; border-radius:20px; margin-top:12px; }
#mantis-hero .mh-title  { color:#fff; font-size:26px; font-weight:900; letter-spacing:-.3px; margin-top:12px; }
#mantis-hero .mh-sub    { color:rgba(255,255,255,.72); font-size:13px; margin-top:5px; }