html, :root {
  background: #f4f7f5 !important;
  background-image: none !important;
  min-height: 100%;
  color: #173440 !important;
}
body {
  background: #f4f7f5 !important;
  background-image: none !important;
  color: #173440 !important;
  min-height: 100vh;
}

/* Keep page titles and loose top-level text readable on the light canvas. */
body > h1,
body > .top h1,
body > .wrap > .top h1,
body > .wrap > h1 {
  color: #12262d !important;
  text-shadow: none !important;
}
body > p,
body > .top p,
body > .wrap > p,
body > p.muted,
body > .top .muted,
body > .wrap > .top .muted,
body > .wrap > .eyebrow,
body > .top .eyebrow,
body > .wrap > .top .eyebrow {
  color: #60747b !important;
}

/*
Only truly bare top-level links receive the shared accent color. Never recolor a
classed action link here: page templates intentionally set contrast for .btn,
nav pills, cards, launch controls, and other interactive surfaces.
*/
body > a:not([class]),
body > .wrap > a:not([class]) {
  color: #245f77;
}

/* Light operational surfaces remain distinct without a dark shell. */
.card,
.panel,
.tool,
.group,
.assembly,
.era,
.job,
.help,
.admin-panel,
.site,
.status:not(.pill),
.jobber-note {
  box-shadow: 0 6px 20px rgba(18, 38, 45, .08);
}
.card,
.panel,
.tool,
.group,
.assembly,
.era,
.job,
.help,
.site {
  border-color: rgba(24, 52, 64, .16) !important;
}

.grouphead {
  background: #f2f6f7 !important;
  color: #173440 !important;
}

/* New 1.2.36 Site relationship roles retained. */
.role-active_service_partner {
  background: #dff1f8 !important;
  color: #245f77 !important;
}
.role-duplicate_history {
  background: #f1e9f5 !important;
  color: #664678 !important;
}

.brandbar {
  box-shadow: 0 8px 24px rgba(18, 38, 45, .10) !important;
  border: 1px solid rgba(24,52,64,.10);
}

/* Tables and forms remain deliberately light/readable. */
input, select, textarea {
  background-color: #fff !important;
  color: #102b3a !important;
}

/* Guard common loose table/list text against inherited dark-theme colors. */
table, th, td, label, summary, details, li {
  color: inherit;
}

@media print {
  html, :root, body { background: #fff !important; background-image: none !important; }
  body > h1, body > .top h1, body > .wrap > .top h1, body > .wrap > h1 { color: #111 !important; }
  .card,.panel,.tool,.group,.assembly,.era,.job,.help,.admin-panel,.site,.status,.jobber-note,.brandbar { box-shadow:none !important; }
}