/* ─────────────────────────────────────────────────────────────────────────────
   test-theme.css — Override color scheme for TEST environment.
   Injected automatically when APP_ENV != "production".
   Teal / slate scheme replaces coral / cream — unmistakable at a glance.
───────────────────────────────────────────────────────────────────────────── */

:root {
  /* ── Admin token overrides — teal replaces warm cream/coral in test/dev ── */
  --admin-bg:          #eef8f8;
  --admin-surface2:    #f0fafa;
  --admin-accent:      #0a7874;
  --admin-accent-dk:   #085f5c;
  --admin-accent-soft: #d4eeed;
  --admin-ink:         #1a3a38;
  --admin-ink-2:       #5a7a78;
  --admin-ink-3:       #8aa8a6;
  --admin-muted:       #7a9e9c;
  --admin-tint:        10,120,116;

  /* ── Capture app token overrides ── */
  --bg:          #e8f5f5;     /* light teal tint instead of cream */
  --surface:     #f0fafa;
  --surface-2:   #d4eded;
  --accent:      #0a7874;     /* teal instead of sage green */
  --accent-dk:   #085f5c;
  --accent-soft: #b5dfde;
  --border:      rgba(10, 120, 116, 0.12);
  --border-md:   rgba(10, 120, 116, 0.20);
}

/* ── Capture app topbar: solid teal background ────────────────────────────── */
.topbar {
  background: #0a7874;
}
.brand {
  filter: brightness(0) invert(1);   /* white logo on teal */
}
.topbar .date-pill {
  background: rgba(255, 255, 255, 0.18);
  border-color: rgba(255, 255, 255, 0.30);
  color: rgba(255, 255, 255, 0.92);
}
.topbar .btn-history-icon {
  background: rgba(255, 255, 255, 0.15);
  border-color: rgba(255, 255, 255, 0.25);
  color: rgba(255, 255, 255, 0.85);
}
.topbar .btn-history-icon:active {
  background: rgba(255, 255, 255, 0.28);
}
/* All slim topbars (Today's Visits, Checkout, Services) get white text on teal */
.topbar-title { color: #fff; }
.customer-chip { color: #fff; }
.btn-back {
  background: rgba(255, 255, 255, 0.15);
  border-color: rgba(255, 255, 255, 0.25);
  color: #fff;
}

/* ── × change button: white pill on teal topbar ─────────────────────────── */
.btn-change-cust {
  background: rgba(255, 255, 255, 0.18);
  color: #fff;
}

/* ── TEST badge: invert to stand out on teal topbar ──────────────────────── */
.env-badge {
  background: #fff;
  color: #0a7874;
}

/* ── Shadow indicator: coral pill — contrasts against teal topbar ─────────── */
#shadow-indicator {
  background: #e8706a;   /* coral — stands out on teal */
}