/* ============================================================================
   NM-ADMIN-COMPAT — bridges the legacy members stylesheet (style.css) onto the
   House tokens. Loaded AFTER style.css so these :root values win: every old
   component class and every screen's inline <style> recolors to House with no
   markup change. Added 07/23/26 for the House migration.

   Load order in base_v2.html:  nm-app-v2.css → style.css → THIS → nm-admin.css
   ============================================================================ */

/* ---- legacy variables re-pointed at House tokens (mode-aware automatically) */
:root {
  --dark: var(--nm-surface);      --card-bg: var(--nm-surface);   --card: var(--nm-surface);
  --ink: var(--nm-bg);            --black: var(--nm-bg);
  --input-bg: var(--nm-surface-2);--cream-2: var(--nm-surface-2);
  --cream: var(--nm-ink);         --text: var(--nm-ink);          --text-color: var(--nm-ink);
  --heading-color: var(--nm-gold);
  --gold: var(--nm-gold);         --brown: var(--nm-amber);
  --gold-soft: var(--nm-gold-soft); --gold-line: var(--nm-gold);
  --card-border: var(--nm-line);  --border: var(--nm-line);       --border-color: var(--nm-line);
  --border-soft: var(--nm-line);  --line: var(--nm-line);         --line-2: var(--nm-line);
  --text-muted: var(--nm-sub);    --muted: var(--nm-sub);         --muted-color: var(--nm-sub);
  --muted-2: var(--nm-sub);       --hue-neutral: var(--nm-sub);
  --text-dim: var(--nm-faint);
  --success: var(--nm-sage);      --green: var(--nm-sage);        --ok-text: var(--nm-sage);
  --hue-green: var(--nm-sage);    --hue-sage: var(--nm-sage);
  --danger: var(--nm-coral);      --red: var(--nm-coral);         --bad-text: var(--nm-coral);
  --warning: var(--nm-gold);      --hue-amber: var(--nm-gold);
  --info: var(--nm-slate);        --hue-slate: var(--nm-slate);
  --hue-teal: var(--nm-teal);
  --hue-tan: var(--nm-amber);     --amber: var(--nm-amber);
  --hue-orange: var(--nm-amber);  --accent: var(--nm-amber);
  --on-gold: var(--nm-on-gold);
  --row-hover: var(--nm-gold-soft);
  --radius: 10px;                 --radius-lg: 16px;
  --tier-gold: var(--nm-gold);
}

/* ---- give the legacy cards real House depth (shadow, not just a hairline) -- */
.stat, .stat-card, .panel, .card, .res-card, .visitor-card, .guest-hero,
.cal-shell, .bio-preview {
  box-shadow: var(--nm-shadow-card);
  border-color: var(--nm-line);
}

/* ---- serif on the display type so it reads as House --------------------- */
.page-title, .page-head h2, .panel-header h2, .card h3 ~ *,
.stat .value, .stat-value, .cal-nav-title, .guest-hero h1,
.empty-state, .empty, .empty-state-inline, .res-name {
  font-family: var(--nm-serif);
}
.page-title, .page-head h2, .panel-header h2, .guest-hero h1, .cal-nav-title { font-style: italic; }

/* ---- protect the kit inputs (Home/Guests) from style.css type selectors -- */
.nm .nm-input, .nm .nm-textarea, .nm .nm-select {
  border-radius: 13px; padding: 12px 14px; min-height: 46px; font-size: 15px;
  background: var(--nm-surface); border: 1px solid var(--nm-line); color: var(--nm-ink);
}
[data-mode="dark"] .nm .nm-input,
[data-mode="dark"] .nm .nm-textarea,
[data-mode="dark"] .nm .nm-select { background: var(--nm-surface-2); }
.nm .nm-search .nm-input { border-radius: var(--nm-r-pill); padding: 11px 14px 11px 40px; min-height: 44px; }
.nm .nm-input:focus, .nm .nm-textarea:focus, .nm .nm-select:focus {
  border-color: var(--nm-gold); box-shadow: 0 0 0 3px var(--nm-gold-soft); outline: none;
}

/* ---- spacing tuned for .nm-page instead of the old .content wrapper ------ */
.page-header { margin-bottom: 18px; }
.section-head { margin: 22px 0 12px; }
.stat-grid, .grid-cards { margin-bottom: 18px; }