/* report-frame.css — shared framed-card display.
   13-08-2026, IW-378: extracted from IW_235_relDashb.css's
   .reldashb-frame / .reldashb-frame-chrome / .reldashb-frame-chrome
   span / .reldashb-frame-content rules (Tech Spec §3) and renamed to
   .report-frame / .report-frame-chrome / .report-frame-content so the
   component is page-agnostic. Self-contained: declares its own
   --rf-* variables rather than depending on IW_235_relDashb.css's
   --rd-* variables, so this file can be linked into any page without
   also linking that one.
   14-08-2026, IW-379: wired into EN_relDashb.html / FR_relDashb.html,
   replacing their inline copy of these rules. Story 10 wires it into
   Report 02's standalone pages next. */

.report-frame {
  --rf-paper: #fbfaf6;
  --rf-line: #d8d1c4;
  --rf-cream: #f3f0e8;

  flex: 1;
  min-width: 0;
  background: var(--rf-paper);
  border: 0.5px solid var(--rf-line);
  border-radius: 10px;
  overflow: hidden;
}

.report-frame-chrome {
  display: flex;
  gap: 6px;
  padding: 10px 14px;
  background: var(--rf-cream);
  border-bottom: 0.5px solid var(--rf-line);
}

.report-frame-chrome span {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--rf-line);
}

.report-frame-content {
  min-height: 200px;
}

/* ===== Outer sizing container =====
   Lightweight wrapper for the new standalone page's own layout.
   No color dependency — sizing/spacing only. */

.report-wrap {
  width: min(1400px, calc(100% - 40px));
  margin: 2rem auto 3rem;
}