body { font-family: system-ui, sans-serif; max-width: 900px; margin: 2em auto; padding: 0 1em; }
h1 { color: #2c3e50; }
.status { padding: 1em; border-radius: 4px; margin: 1em 0; }
.ready { background: #d4edda; border-left: 4px solid #28a745; }
.not-ready { background: #f8d7da; border-left: 4px solid #dc3545; }
.meta { margin-top: .5rem; color: #333; }
.pill { display: inline-block; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: .9em; background: #f1f3f5; border: 1px solid #e1e5ea; border-radius: 999px; padding: .15rem .5rem; margin-right: .5rem; }
.btn { display: inline-block; font-size: .85em; padding: .2rem .5rem; border: 1px solid #d0d7de; border-radius: 6px; background: #fff; color: #24292f; text-decoration: none; cursor: pointer; }
.btn:hover { background: #f6f8fa; }
.links a { margin-right: .5rem; }

/* Reference Map — status pill + placeholder */
:root {
  --border: #d0d7de;
  --muted: #57606a;
  --green: #2e7d32;
  --yellow: #8a6d3b;
}
.refmap-header { display:flex; align-items:center; gap:8px; margin-bottom:6px; }
.refmap-placeholder { border:1px dashed var(--border); border-radius:8px; padding:12px; font-size:13px; color:var(--muted); }
.pill.ok { background: rgba(76,175,80,.12); border-color: rgba(76,175,80,.35); color: var(--green); }
.pill.warn { background: rgba(255,193,7,.12); border-color: rgba(255,193,7,.35); color: var(--yellow); }

/* ICFX - Rollup staleness hint */
#icf-rollup[data-stale="true"] { opacity: .65; filter: saturate(.6); }
#icf-rollup .stale-hint { margin-left: .5rem; font-variant-numeric: tabular-nums; color: var(--muted); }