/* ════════════════════════════════════════════════════════════════
   NRP Navy-led overrides
   Applied on top of nrp-app.css to flip emphasis surfaces from
   orange-tint backgrounds to navy-headed cards. Per-file mocks
   keep their custom classnames (.req-panel, .rail-card--accent,
   .admin-panel) — these rules just re-skin them.

     <link rel="stylesheet" href="static/nrp-app.css">
     <link rel="stylesheet" href="static/nrp-navy-overrides.css">
   ════════════════════════════════════════════════════════════════ */

/* ── Tenant hero: avatar + breadcrumb + meta links ──────────── */
/* The avatar and the secondary links in the hero block were on
   --nrp-orange-tint / --nrp-orange in the original theme. Navy-led
   makes the avatar a navy chip and the secondary links navy-soft so
   orange is reserved for true CTAs only. */
.tenant-avatar,
.tenant-hero__avatar {
  background: var(--nrp-side-bg) !important;
  color: var(--nrp-side-text) !important;
  border-color: var(--nrp-side-bg) !important;
}
.nrp-page-crumbs a,
.crumbs a { color: var(--nrp-text-mid) !important; }
.nrp-page-crumbs a:hover,
.crumbs a:hover { color: var(--nrp-text) !important; }
.tenant-hero__meta a,
.hero__meta a {
  color: var(--nrp-text) !important;
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-color: var(--nrp-row-border);
}
.tenant-hero__meta a:hover,
.hero__meta a:hover { text-decoration-color: var(--nrp-text-mid); }

/* ── Application Detail decision banner (.c-banner) hero ─────────
   This hero is the .c-banner avatar-STACK component, not the single
   .tenant-hero__avatar chip, so it can't adopt the canonical hero
   classes without breaking the stack layout (sizing / overlap / +N).
   Re-skin its real classes here — same pattern this sheet uses for
   .req-panel / .admin-main .panel — so the navy treatment reaches it:
   the big stacked avatar(s) become navy chips with cream serif initials
   (the serif + weight already come from .avstack .av in nrp-app.css)
   plus a cream hairline ring for navy-on-navy separation, and the
   breadcrumb link drops to soft cream. Orange stays on the Approve CTA
   and the small "· primary" roster chip (.c-banner__chip .av-solo),
   which are intentionally left untouched. */
.c-banner .avstack .av {
  background: var(--nrp-side-bg) !important;
  color: var(--nrp-side-text) !important;
  border-color: var(--nrp-side-bg) !important;
  box-shadow: inset 0 0 0 1.5px rgba(245,241,232,0.45);
}
.c-banner__crumb a { color: rgba(245,241,232,0.62) !important; }
.c-banner__crumb a:hover { color: var(--nrp-side-text) !important; }

/* ── Status callout (Tenant Detail "Waiting on tenant" panel) ── */
.req-panel {
  background: var(--nrp-card) !important;
  border-color: var(--nrp-card-border) !important;
}
.req-panel__head {
  background: var(--nrp-side-bg);
  color: var(--nrp-side-text);
  padding: 14px 20px !important;
  border-bottom: 0;
}
.req-panel__title { color: var(--nrp-side-text) !important; }
.req-panel__sub   { color: rgba(245,241,232,0.65) !important; }
.req-panel__icon {
  background: rgba(245,241,232,0.10) !important;
  border-color: rgba(245,241,232,0.22) !important;
  color: var(--nrp-side-text) !important;
}
/* Docked head actions on navy: flat cream count label + the blocked finalize
   chip (ghost-on-navy). The enabled orange CTA is theme-independent and stays
   in nrp-tenant-detail.css via .finalize-head:not(:disabled). */
.head-count { color: rgba(245,241,232,0.65) !important; }
.finalize-head:disabled {
  background: rgba(245,241,232,0.10) !important;
  color: rgba(245,241,232,0.45) !important;
  border-color: rgba(245,241,232,0.18) !important;
}
.req-panel__progress { margin: 0 !important; height: 3px; background: rgba(47,59,70,0.10); }
.req-panel__progress-bar { background: var(--nrp-orange); }

.req-item { background: var(--nrp-strip-bg) !important; border-color: var(--nrp-card-border) !important; }
.req-status--pending {
  background: transparent !important;
  border: 1.5px dashed var(--nrp-text-mid) !important;
  color: var(--nrp-text-mid) !important;
}
.req-cta { color: var(--nrp-text) !important; text-decoration: underline; text-underline-offset: 2px; }

.req-panel__foot {
  background: var(--nrp-strip-bg) !important;
  border-top-color: var(--nrp-row-border) !important;
}
.req-panel__foot a { color: var(--nrp-orange) !important; }

/* ── Right-rail Active Lease card (Tenant + Unit detail) ──────
   Softer treatment that mirrors the Application page's "Quick
   Summary" hero card: cream strip head with a 3px orange left
   accent rule instead of a full navy bar. Reads as a featured
   card without competing with the page content visually. */
.rail-card--accent {
  background: var(--nrp-card) !important;
  border-color: var(--nrp-card-border) !important;
  padding: 0 !important;
  overflow: hidden;
}
.rail-card--accent .rail-card__head {
  background: var(--nrp-strip-bg);
  color: var(--nrp-text);
  padding: 14px 18px;
  margin-bottom: 0 !important;
  align-items: center;
  border-left: 3px solid var(--nrp-orange);
  border-bottom: 1px solid var(--nrp-row-border);
}
.rail-card--accent .rail-card__title { color: var(--nrp-text) !important; }
.rail-card--accent .rail-card__sub,
.rail-card--accent .rail-card__title-sub { color: var(--nrp-text-mid) !important; }
.rail-card--accent .rail-card__head .rail-link { color: var(--nrp-orange) !important; }
.rail-card--accent .rail-card__head .rail-link:hover { color: var(--nrp-orange) !important; text-decoration: underline; }
.rail-card--accent .rail-card__edit {
  color: var(--nrp-orange) !important;
  background: transparent;
  padding: 0;
  border-radius: 0;
}
/* Inset every direct-child block (and the trailing note + actions) to match
   the head's 18px horizontal padding. The live template wraps rows in
   .rail-block, so margins on .rail-row would be no-ops. */
.rail-card--accent > .rail-co,
.rail-card--accent > .rail-block,
.rail-card--accent > .rail-note,
.rail-card--accent > .rail-actions {
  margin-left: 18px; margin-right: 18px;
}
.rail-card--accent > .rail-block:first-of-type { margin-top: 12px; }
.rail-card--accent > .rail-co:first-of-type { margin-top: 12px; }
.rail-card--accent > .rail-actions { margin-bottom: 16px; }
/* Drop the amber-tint background on the rent-due note inside the navy
   card — orange-tint surfaces are reserved for icons/badges per the
   navy-led rules. Neutral inset card with a left accent rule reads as
   "informational" without competing with the navy head. */
.rail-card--accent > .rail-note {
  background: var(--nrp-strip-bg) !important;
  border-left: 2px solid var(--nrp-orange);
  border-radius: 0 var(--nrp-r-sm) var(--nrp-r-sm) 0;
  color: var(--nrp-text-mid) !important;
}

/* ── Status pill warn = amber, not orange ───────────────────── */
.nrp-pill--warn {
  background: var(--nrp-warn-tint) !important;
  color: var(--nrp-warn) !important;
  border: 1px solid color-mix(in srgb, var(--nrp-warn) 30%, transparent);
}

/* ── Section eyebrow "01" — keep orange (the brand spark) ──── */
/* No override needed; .sec__num already uses var(--nrp-orange).   */

/* ── Admin Redesign panel heads ─────────────────────────────── */
/* Admin uses .panel / .panel__head custom classes. Flip to navy. */
.admin-main .panel { overflow: hidden; }
.admin-main .panel__head {
  background: var(--nrp-side-bg) !important;
  color: var(--nrp-side-text) !important;
  border-bottom: 0 !important;
  padding: 13px 18px !important;
}
.admin-main .panel__head .panel__title { color: var(--nrp-side-text) !important; }
.admin-main .panel__head .panel__sub   { color: rgba(245,241,232,0.65) !important; }
.admin-main .panel__head .panel__count {
  background: rgba(245,241,232,0.10) !important;
  border: 1px solid rgba(245,241,232,0.22) !important;
  color: var(--nrp-side-text) !important;
}
.admin-main .panel__head a { color: var(--nrp-side-text) !important; }
.admin-main .panel__head .panel__search {
  background: rgba(245,241,232,0.08) !important;
  border-color: rgba(245,241,232,0.22) !important;
  color: var(--nrp-side-text) !important;
}
.admin-main .panel__head .panel__search input { color: var(--nrp-side-text) !important; }
.admin-main .panel__head .panel__search input::placeholder { color: rgba(245,241,232,0.50) !important; }
.admin-main .panel__head .panel__search svg { color: rgba(245,241,232,0.65); }
.admin-main .panel__head .nrp-btn--ghost {
  background: rgba(245,241,232,0.06) !important;
  border-color: rgba(245,241,232,0.22) !important;
  color: var(--nrp-side-text) !important;
}
.admin-main .panel__head .nrp-pill {
  background: rgba(245,241,232,0.10) !important;
  border-color: rgba(245,241,232,0.22) !important;
  color: var(--nrp-side-text) !important;
}

/* ── Anywhere else using orange-tint as a panel background ── */
/* If a per-file rule still paints orange-tint as a background of a
   primary surface, bump it to neutral. Per-file CSS that uses
   --nrp-orange-tint only for icons/badges remains correct. */
.nrp-orange-bg-callout {
  background: var(--nrp-card) !important;
  border-color: var(--nrp-card-border) !important;
}