/* ============================================================
   NMC CORPORATE SKIN
   Loaded ONLY in the NewMark Merrill / coshoppingcenters builds
   (injected into their index.html after portal.css). Matches the
   look of the Leasnote Email Generator site + Lease Approval Review:
     · Arial/Helvetica, light #F5F5F5 background
     · solid NMC-blue header bar with the logo + gold tagline
     · white cards, blue headings with teal dotted underlines
     · teal buttons
   505 Rose never loads this file, so its editorial theme is untouched.
   ============================================================ */

/* ---- Type: clean sans everywhere (kills the editorial serif) ---- */
body, body * { font-family: Arial, Helvetica, sans-serif !important; font-style: normal !important; }

/* ---- Page canvas ---- */
body, .app-shell, .app-main { background: #F5F5F5 !important; color: #333 !important; }
.grain::before { display: none !important; }

/* ---- Header bar: solid NMC blue with logo + gold tagline ---- */
.nav, .nav.light {
  position: sticky !important; top: 0; background: #004785 !important; color: #fff !important;
  backdrop-filter: none !important; padding: 14px clamp(16px,4vw,32px) !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.15); align-items: center !important;
}
.nav .brand-logo {
  height: 46px !important; background: transparent !important; padding: 0 !important;
  box-shadow: none !important; border-radius: 0 !important;
  filter: drop-shadow(0 0 3px #fff) drop-shadow(0 0 1px #fff);
}
.nav-links a { color: #fff !important; opacity: .92; font-weight: 600; }
.nav .cta-mini { background: #3AADA5 !important; border: none !important; color: #fff !important; border-radius: 4px !important; letter-spacing: 1px; text-transform: uppercase; font-size: 12px; }
.nav .cta-mini:hover { background: #2E918A !important; }
.nav-tagline { display: inline-block !important; margin-left: auto; margin-right: 20px; color: #AA975F !important; font-size: 12px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; }
@media (max-width: 720px) { .nav-tagline { display: none !important; } }

/* ---- Hero: flatten the dark editorial hero into a clean light header ---- */
.summary-hero { min-height: 0 !important; background: #fff !important; display: block !important;
  border-bottom: 1px solid #E0E0E0; padding: 44px 0 30px !important; overflow: visible !important; }
.summary-hero .hero-bg, .summary-hero .hero-scrim { display: none !important; }
.summary-hero .hero-inner { position: static !important; padding: 0 !important; }
.summary-hero .kicker { color: #6B6B6B !important; }
.summary-hero .kicker::before { background: #3AADA5 !important; }
.h-display, .summary-hero h1 {
  color: #004785 !important; font-weight: 700 !important;
  font-size: clamp(28px, 4.5vw, 44px) !important; letter-spacing: 0 !important; line-height: 1.12 !important;
}
.h-display em, .summary-hero h1 em { color: #3AADA5 !important; }   /* two-tone headline (blue + teal) */
.hero-meta { color: #6B6B6B !important; }
.hero-meta b { color: #004785 !important; }

/* ---- Stat band: light with blue numerals ---- */
.stat-band { background: #fff !important; color: #333 !important; border-top: 1px solid #E0E0E0; border-bottom: 1px solid #E0E0E0; }
.stat .v { color: #004785 !important; font-weight: 700 !important; }
.stat .l { color: #6B6B6B !important; }

/* ---- Body copy / sections ---- */
.summary-body { background: #F5F5F5 !important; }
.lede, .body-lg { color: #333 !important; }
.eyebrow { color: #6B6B6B !important; }
.eyebrow.brick, .eyebrow.no-rule { color: #004785 !important; }
.sell-list li .mk { color: #3AADA5 !important; }
.why-note { border-left-color: #3AADA5 !important; color: #555 !important; background: #fff !important; }

/* ---- Cards ---- */
.form-card, .detail-card, .repeat-block, .trust-banner, .plaid-cta, .kpi {
  background: #fff !important; border: 1px solid #E0E0E0 !important; border-radius: 6px !important;
  box-shadow: 0 2px 12px rgba(0,0,0,.06) !important;
}
.form-title, .detail-card h3, .form-head .form-title {
  color: #004785 !important; font-weight: 700 !important;
  border-bottom: 2px dotted #3AADA5; padding-bottom: 8px;
}
.form-title em { color: #3AADA5 !important; }

/* ---- Form fields ---- */
.field-label { color: #004785 !important; font-weight: 600 !important; }
.field-input, .field-select, .field-textarea {
  background: #fff !important; border: 1px solid #E0E0E0 !important; border-bottom: 1px solid #E0E0E0 !important;
  border-radius: 4px !important;
}
.field-input:focus, .field-select:focus, .field-textarea:focus { border-color: #004785 !important; box-shadow: 0 0 0 2px rgba(58,173,165,.18) !important; }
.field-check { background: #fff !important; border: 1px solid #E0E0E0 !important; border-radius: 4px; }

/* ---- Buttons: teal (NMC action color), pill ---- */
.btn { background: #3AADA5 !important; border: 1px solid #3AADA5 !important; color: #fff !important;
  border-radius: 24px !important; letter-spacing: 1.5px; }
.btn:hover:not(:disabled) { background: #2E918A !important; border-color: #2E918A !important; }
.btn.ghost { background: transparent !important; color: #004785 !important; border: 2px solid #004785 !important; }
.btn.ghost:hover:not(:disabled) { background: #004785 !important; color: #fff !important; }

/* ---- Success ---- */
.success-stage { background: #F5F5F5 !important; }
.success-mark { border-color: #3AADA5 !important; color: #3AADA5 !important; }
.s-sign { color: #6B6B6B !important; }

/* ---- Progress rail (Stage 2) ---- */
.progress-rail .pr-fill { background: #3AADA5 !important; }
.step-checklist li::before { color: #3AADA5 !important; }

/* ---- Footer: blue bar with logo (mirrors the header) ---- */
footer.foot { background: #004785 !important; }
.foot-logo { background: transparent !important; padding: 0 !important; filter: drop-shadow(0 0 3px #fff) drop-shadow(0 0 1px #fff); }
footer.foot h3 { color: #fff !important; }
footer.foot h3 em { color: #3AADA5 !important; }
footer.foot .col a:hover { color: #AA975F !important; }

/* ---- Admin (keep it on-brand too) ---- */
.admin-top { background: #004785 !important; }
.app-table th { color: #004785 !important; }