/* ── BLOCK 13: B/EBS Standard Reports (w87a) ────────────────────────────────
   The report engine's screen and the Conversations List. Leans on the design
   system in block02-base.css (:root tokens; the dark theme is the inline
   adeThemeCss override layer) — every rule uses var() tokens with light
   fallbacks so both themes hold (the block10 / block11 / block12 rule). The
   charts are hand-built SVG coloured by CLASS (never an inline colour), so a
   theme change recolours them and the print keeps them. */

.br2-switch { display:flex; gap:6px; margin:0 0 12px; flex-wrap:wrap; }
.br2-pill { padding:6px 13px; border:1px solid var(--gray-m,#e2e2e4); border-radius:999px; background:var(--surface,#fff);
  font:inherit; font-size:12.5px; color:var(--muted,#6b6b6e); cursor:pointer; }
.br2-pill.on { border-color:var(--blue,#1865b0); color:var(--blue,#1865b0); font-weight:700; background:var(--blue-l,#e8f0fa); }

.br2-bar { display:flex; gap:8px; align-items:flex-end; flex-wrap:wrap; background:var(--surface,#fff);
  border:1px solid var(--gray-m,#e2e2e4); border-radius:8px; padding:10px 12px; margin-bottom:10px; }
.br2-bar .um-mini[disabled] { opacity:.45; cursor:not-allowed; }
.br2-sp { flex:1; }
.br2-lbl { display:flex; flex-direction:column; gap:2px; font-size:10px; font-weight:700; text-transform:uppercase; color:var(--muted,#6b6b6e); }
.br2-lbl select, .br2-lbl input, .br2-lbl textarea { padding:6px 9px; border:1px solid var(--gray-m,#d5d5d8); border-radius:6px;
  font:inherit; font-size:12px; text-transform:none; font-weight:400; color:var(--text,#2c2c2e); background:var(--surface,#fff); }
.br2-block { margin:0 0 10px; }
.br2-block input, .br2-block textarea { width:100%; box-sizing:border-box; }
.br2-chk { display:flex; gap:6px; align-items:center; font-size:12px; margin:0 0 8px; }

.br2-filters { background:var(--surface,#fff); border:1px solid var(--gray-m,#e2e2e4); border-radius:8px; padding:12px; margin-bottom:10px; }
.br2-fgrid { display:grid; grid-template-columns:repeat(auto-fill, minmax(210px, 1fr)); gap:10px 12px; }
.br2-fgrid > label { display:flex; flex-direction:column; gap:3px; font-size:10.5px; font-weight:700; color:var(--muted,#6b6b6e); min-width:0; }
.br2-fgrid input[type="date"], .br2-fgrid select { padding:6px 8px; border:1px solid var(--gray-m,#d5d5d8); border-radius:6px; font:inherit;
  font-size:12px; font-weight:400; color:var(--text,#2c2c2e); background:var(--surface,#fff); }
.br2-fgrid > label.br2-chk { flex-direction:row; align-self:end; font-weight:400; color:var(--text,#2c2c2e); }
.br2-v3 { display:inline-block; margin-left:4px; padding:0 5px; border-radius:4px; font-size:9.5px; font-weight:700;
  background:var(--amber-l,#fef3e0); color:var(--amber-t,#854f0b); text-transform:none; }
.br2-factions { display:flex; gap:8px; align-items:center; margin-top:12px; flex-wrap:wrap; }
.br2-hint { font-size:11px; font-weight:400; color:var(--muted,#6b6b6e); text-transform:none; }

.br2-out { min-height:60px; }
.br2-loading, .br2-empty { padding:30px; text-align:center; color:var(--muted,#6b6b6e); font-size:12.5px; }
.br2-empty i { font-size:30px; display:block; margin-bottom:6px; }
.br2-err { padding:12px 14px; color:var(--red-t,#a32d2d); background:var(--red-l,#fdeaea); border-radius:8px; font-size:12.5px; }
.br2-notice { padding:8px 12px; margin:0 0 8px; border-radius:8px; font-size:12px; background:var(--amber-l,#fef3e0); color:var(--amber-t,#854f0b); }
.br2-sum { font-size:12px; color:var(--text,#2c2c2e); margin:0 0 8px; }

.br2-kpis { display:grid; grid-template-columns:repeat(5, minmax(0, 1fr)); gap:10px; margin-bottom:10px; }
@media (max-width: 1000px) { .br2-kpis { grid-template-columns:repeat(3, minmax(0, 1fr)); } }
@media (max-width: 560px) { .br2-kpis { grid-template-columns:repeat(2, minmax(0, 1fr)); } }
.br2-kpi { background:var(--surface,#fff); border:1px solid var(--gray-m,#e2e2e4); border-top:3px solid var(--blue,#1865b0);
  border-radius:8px; padding:11px 13px; min-width:0; }
.br2-kpi.br2-t-green { border-top-color:var(--green,#399845); }
.br2-kpi.br2-t-red { border-top-color:var(--red-t,#a32d2d); }
.br2-kpi.br2-t-amber { border-top-color:#e0a100; }
.br2-kpi-n { font-size:24px; font-weight:800; line-height:1.1; color:var(--text,#2c2c2e); }
.br2-kpi-l { font-size:11.5px; font-weight:700; }
.br2-kpi-l span { display:block; font-weight:400; font-size:10.5px; color:var(--muted,#6b6b6e); }
.br2-click { cursor:pointer; }
.br2-kpi.br2-click:hover, .br2-kpi.br2-click:focus { box-shadow:var(--shadow-1,0 1px 8px rgba(16,34,53,.08)); border-color:var(--blue,#1865b0); outline:none; }

.br2-charts { display:grid; grid-template-columns:300px minmax(0, 1fr); gap:10px; margin-bottom:10px; }
@media (max-width: 860px) { .br2-charts { grid-template-columns:1fr; } }
.br2-card { background:var(--surface,#fff); border:1px solid var(--gray-m,#e2e2e4); border-radius:8px; padding:10px 12px; min-width:0; }
.br2-card-h { font-size:12px; font-weight:700; margin-bottom:6px; }
.br2-svg { width:100%; height:auto; max-height:220px; display:block; }   /* R1 B-R1-11: the aspect ratio holds (labels never stretch) */
.br2-empty-chart { padding:30px 10px; text-align:center; font-size:11.5px; color:var(--muted,#6b6b6e); }
.br2-donut { display:flex; gap:12px; align-items:center; flex-wrap:wrap; }
.br2-donut-t { font-size:17px; font-weight:800; fill:var(--text,#2c2c2e); }
.br2-legend { display:flex; flex-direction:column; gap:4px; font-size:11.5px; }
.br2-leg { display:flex; align-items:center; gap:6px; }
.br2-sw { display:inline-block; width:10px; height:10px; border-radius:2px; }
.br2-seg.br2-click:hover, .br2-col.br2-click:hover, .br2-dot.br2-click:hover,
.br2-seg.br2-click:focus, .br2-col.br2-click:focus, .br2-dot.br2-click:focus { opacity:.78; outline:none; }   /* R1 B-R1-12: focus shows like hover */
.br2-col { fill:var(--blue,#1865b0); }   /* R1 B-R1-9: the SVG bars' own class (the toolbar is .br2-bar — its print rule hid them) */
.br2-ax { font-size:9px; fill:var(--muted,#6b6b6e); }
@media (max-width: 560px) { .br2-ax { font-size:16px; } }   /* R2 B-R2-2: the viewBox shrinks on a phone — the labels don't */
.br2-axl { stroke:var(--gray-m,#e2e2e4); stroke-width:1; }
.br2-line { fill:none; stroke-width:2; }
.br2-spark path { fill:none; stroke:var(--blue,#1865b0); stroke-width:1.5; }
/* the categorical palette — fills (.br2-cN) and strokes (.br2-sN) */
.br2-c0 { fill:var(--blue,#1865b0); background:var(--blue,#1865b0); }
.br2-c1 { fill:#e0a100; background:#e0a100; }
.br2-c2 { fill:var(--green,#399845); background:var(--green,#399845); }
.br2-c3 { fill:#c0392b; background:#c0392b; }
.br2-c4 { fill:#7d5ba6; background:#7d5ba6; }
.br2-c5 { fill:#2a7a7a; background:#2a7a7a; }
.br2-c6 { fill:#8a97a6; background:#8a97a6; }
.br2-c7 { fill:#d35400; background:#d35400; }
.br2-s0 { stroke:var(--blue,#1865b0); fill:var(--blue,#1865b0); } .br2-s1 { stroke:#e0a100; fill:#e0a100; } .br2-s2 { stroke:var(--green,#399845); fill:var(--green,#399845); }
.br2-s3 { stroke:#c0392b; fill:#c0392b; } .br2-s4 { stroke:#7d5ba6; fill:#7d5ba6; } .br2-s5 { stroke:#2a7a7a; fill:#2a7a7a; } .br2-s6 { stroke:#8a97a6; fill:#8a97a6; } .br2-s7 { stroke:#d35400; fill:#d35400; }
path.br2-line.br2-s0, path.br2-line.br2-s1, path.br2-line.br2-s2, path.br2-line.br2-s3, path.br2-line.br2-s4, path.br2-line.br2-s5, path.br2-line.br2-s6, path.br2-line.br2-s7 { fill:none; }
.br2-hbars { display:flex; flex-direction:column; gap:4px; }
.br2-hbar { display:grid; grid-template-columns:minmax(90px, 34%) 1fr auto; gap:8px; align-items:center; font-size:11.5px; }
.br2-hbar-l { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.br2-hbar-t { background:var(--gray-l,#f4f4f5); border-radius:3px; height:10px; overflow:hidden; }
.br2-hbar-t i { display:block; height:100%; background:var(--blue,#1865b0); }
.br2-heat { border-collapse:collapse; font-size:11px; }
.br2-heat th, .br2-heat td { padding:4px 7px; border:1px solid var(--gray-m,#e2e2e4); text-align:center; }
.br2-heat tbody th { text-align:left; font-weight:600; }

.br2-tablecard { padding:0; overflow:hidden; }
.br2-pager { display:flex; gap:8px; align-items:center; padding:8px 12px; font-size:11.5px; color:var(--muted,#6b6b6e); flex-wrap:wrap; }
.br2-scroll { overflow:auto; max-height:64vh; }
.br2-table { border-collapse:collapse; width:100%; font-size:11.5px; }
.br2-table th { position:sticky; top:0; background:var(--gray-l,#f4f4f5); padding:6px 8px; text-align:left; white-space:nowrap;
  border-bottom:1px solid var(--gray-m,#e2e2e4); z-index:1; }
.br2-table td { padding:5px 8px; border-bottom:1px solid var(--gray-l,#f4f4f6); vertical-align:top; }
.br2-row { cursor:pointer; }
.br2-row:hover td, .br2-row:focus td { background:var(--blue-l,#f0f6fd); outline:none; }
.br2-grp td { background:var(--surface-2,#f4f4f5); cursor:pointer; font-size:12px; }
.br2-grp.open td { background:var(--blue-l,#e8f0fa); }
.br2-sub { font-weight:400; color:var(--muted,#6b6b6e); margin-left:6px; }
.br2-loading-row { text-align:center; padding:10px; }
.br2-dim { color:var(--muted,#6b6b6e); opacity:.7; }
.br2-badge { display:inline-block; padding:0 6px; border-radius:4px; font-size:10px; font-weight:700; }
.br2-src-v3 { background:var(--green-l,#eaf4eb); color:var(--green-d,#2a7434); }
.br2-src-dekra { background:var(--blue-l,#e8f0fa); color:var(--blue-d,#0f4d8a); }
.br2-crit { background:var(--red-l,#fdeaea); color:var(--red-t,#a32d2d); }
.br2-drillbar { display:flex; gap:8px; align-items:center; padding:8px 12px; margin-bottom:8px; border-radius:8px; font-size:12.5px;
  background:var(--blue-l,#e8f0fa); color:var(--blue-d,#0f4d8a); flex-wrap:wrap; }

.br2-kvs { display:grid; grid-template-columns:repeat(auto-fill, minmax(220px, 1fr)); gap:6px 14px; margin:10px 0 12px; }
.br2-kv { display:flex; flex-direction:column; font-size:12px; }
.br2-kv span { font-size:10.5px; color:var(--muted,#6b6b6e); text-transform:uppercase; font-weight:700; }
.br2-warn { color:var(--amber-t,#854f0b); }
.br2-mark { display:inline-block; padding:0 6px; border-radius:4px; font-size:11px; font-weight:700; }
.br2-m-safe { background:var(--green-l,#eaf4eb); color:var(--green-d,#2a7434); }
.br2-m-atrisk { background:var(--amber-l,#fef3e0); color:var(--amber-t,#854f0b); }
.br2-m-sif { background:var(--red-l,#fdeaea); color:var(--red-t,#a32d2d); }
.br2-m-na { background:var(--gray-l,#f4f4f5); color:var(--gray,#58585b); }
.br2-cols { display:flex; flex-direction:column; gap:4px; }
.br2-colrow { display:flex; gap:6px; align-items:center; font-size:12.5px; }
.br2-colrow label { flex:1; display:flex; gap:6px; align-items:center; }
.br2-menu { display:flex; gap:8px; flex-wrap:wrap; margin-top:10px; }
.br2-danger { color:var(--red-t,#a32d2d); border-color:var(--red-t,#a32d2d); }

/* ── W87b: the report switcher · Exposure Stats · Trends · Observation Metrics ── */
.br2-kinds { display:flex; gap:0; margin:0 0 10px; border-bottom:1px solid var(--gray-m,#e2e2e4); overflow-x:auto; }
.br2-kind { padding:8px 14px; border:0; border-bottom:3px solid transparent; background:none; font:inherit; font-size:12.5px;
  font-weight:600; color:var(--muted,#6b6b6e); cursor:pointer; white-space:nowrap; }
.br2-kind:hover, .br2-kind:focus { color:var(--text,#2c2c2e); outline:none; }
.br2-kind.on { color:var(--blue,#1865b0); border-bottom-color:var(--blue,#1865b0); }
.br2-mb { margin-bottom:10px; }
.br2-kpis.br2-kpis3 { grid-template-columns:repeat(3, minmax(0, 1fr)); }
@media (max-width: 560px) { .br2-kpis.br2-kpis3 { grid-template-columns:repeat(2, minmax(0, 1fr)); } }   /* R1 B-R1-9 */
.br2-grp.br2-grp-static td { cursor:default; }
.br2-legend-row { flex-direction:row; flex-wrap:wrap; gap:12px; margin-top:4px; }
.br2-n { text-align:right; white-space:nowrap; }
.br2-table th.br2-n { text-align:right; }
.br2-num { color:var(--blue,#1865b0); font-weight:600; border-bottom:1px dotted currentColor; }
.br2-num:hover, .br2-num:focus, .br2-link:hover, .br2-link:focus { color:var(--blue-d,#0f4d8a); outline:none; background:var(--blue-l,#f0f6fd); border-radius:3px; }
.br2-link { color:var(--blue,#1865b0); font-weight:600; }
.br2-td-item { min-width:180px; }
.br2-heatcell { font-weight:700; }
.br2-td-spark { padding-top:2px; padding-bottom:2px; }
.br2-sdot { fill:var(--blue,#1865b0); }
.br2-sdot.br2-click:hover, .br2-sdot.br2-click:focus { fill:var(--blue-d,#0f4d8a); outline:none; }
.br2-tr-worse .br2-spark path { stroke:#c0392b; }
.br2-tr-worse .br2-sdot { fill:#c0392b; }
.br2-worse { color:var(--red-t,#a32d2d); font-weight:700; }
.br2-better { color:var(--green-d,#2a7434); font-weight:700; }
.br2-chips { display:flex; gap:8px; align-items:center; flex-wrap:wrap; margin:0 0 10px; }
.br2-chip { padding:4px 10px; border-radius:999px; font-size:12px; background:var(--gray-l,#f4f4f5); color:var(--text,#2c2c2e); }
.br2-chip.br2-worse { background:var(--red-l,#fdeaea); }
.br2-chip.br2-better { background:var(--green-l,#eaf4eb); }
.br2-table td.br2-on, .br2-table th.br2-on { background:var(--blue-l,#f0f6fd); font-weight:700; }
html[data-theme="dark"] .br2-num:hover, html[data-theme="dark"] .br2-link:hover, html[data-theme="dark"] .br2-table td.br2-on,
html[data-theme="dark"] .br2-table th.br2-on { background:rgba(24,101,176,.22); }
html[data-theme="dark"] .br2-chip.br2-worse { background:rgba(192,57,43,.22); }
html[data-theme="dark"] .br2-chip.br2-better { background:rgba(57,152,69,.22); }

html[data-theme="dark"] .br2-row:hover td, html[data-theme="dark"] .br2-grp.open td, html[data-theme="dark"] .br2-pill.on { background:rgba(24,101,176,.22); }
html[data-theme="dark"] .br2-notice { background:rgba(224,161,0,.14); }

@media print {
  .br2-switch, .br2-bar, .br2-filters, .br2-pager button, .br2-kinds { display:none !important; }   /* W87b: + the report switcher */
  .br2-scroll { max-height:none; overflow:visible; }
}

/* ── W87b2 (E27-27 · E27-23): phone (≤ 560 px) and tablet (≤ 1024 px); the DEKRA note's X; the phone's More menu ──
   Desktop is unchanged except the note's X. The page fits the screen; wide tables scroll inside their own card with the
   first column held; KPI tiles 2-up on a phone; tap targets ≥ 40 px on a phone or tablet. */
.br2-exp { display:contents; }
.br2-morewrap { display:none; position:relative; }
.br2-moremenu { position:absolute; right:0; top:calc(100% + 4px); z-index:30; min-width:180px; display:flex; flex-direction:column; padding:4px;
  background:var(--surface,#fff); border:1px solid var(--gray-m,#e2e2e4); border-radius:8px; box-shadow:0 6px 22px rgba(16,34,53,.18); }
.br2-moremenu[hidden] { display:none; }
.br2-moremenu { max-width:calc(100vw - 32px); }
.br2-moremenu.br2-moremenu-left { left:0; right:auto; }   /* R1 B-LOW-4 */
.br2-moremenu button { display:flex; gap:8px; align-items:center; min-height:44px; padding:0 12px; border:0; background:none; font:inherit; font-size:13px;
  color:var(--text,#2c2c2e); text-align:left; border-radius:6px; cursor:pointer; }
.br2-moremenu button:hover, .br2-moremenu button:focus { background:var(--blue-l,#f0f6fd); outline:none; }
.br2-notice-x { display:flex; align-items:flex-start; gap:6px; }
.br2-notice-x > i { margin-top:2px; }
.br2-notice-x > span { flex:1; min-width:0; }
.br2-x { flex:0 0 auto; margin:-4px -6px -4px 0; padding:2px 6px; border:0; background:none; color:inherit; cursor:pointer; font-size:14px; line-height:1;
  border-radius:4px; opacity:.7; }
.br2-x:hover, .br2-x:focus { opacity:1; background:rgba(0,0,0,.07); outline:none; }

@media (max-width: 1024px) {
  #module-bebs > .content-area > div { min-width:0; flex:1 1 auto; }   /* a flex item no longer grows to its widest table */
  .br2-table th:first-child, .br2-table td:first-child { position:sticky; left:0; z-index:1; background:var(--surface,#fff); }
  .br2-table th:first-child { z-index:2; background:var(--gray-l,#f4f4f5); }
  .br2-row:hover td:first-child, .br2-row:focus td:first-child { background:linear-gradient(var(--blue-l,#f0f6fd), var(--blue-l,#f0f6fd)), var(--surface,#fff); }
  .br2-grp td:first-child { background:var(--surface-2,#f4f4f5); }
  .br2-grp.open td:first-child { background:linear-gradient(var(--blue-l,#e8f0fa), var(--blue-l,#e8f0fa)), var(--surface,#fff); }
  html[data-theme="dark"] .br2-row:hover td:first-child, html[data-theme="dark"] .br2-row:focus td:first-child,
  html[data-theme="dark"] .br2-grp.open td:first-child { background:linear-gradient(rgba(24,101,176,.22), rgba(24,101,176,.22)), var(--surface,#fff); }   /* R1 B-LOW-1: never see-through */
  .br2-table td { padding:9px 8px; }
  .br2-bar .um-mini, .br2-bar select, .br2-pager .um-mini, .br2-drillbar .um-mini, .br2-pill, .br2-kind, .br2-factions .btn, .br2-factions .um-mini,
  .br2-menu .um-mini, .br2-colrow .um-mini, .br2-lbl input, .br2-fgrid select, .br2-fgrid input[type="date"], .modal-overlay[id^="br2"] .pp-ctrl { min-height:40px; }
  .br2-colrow .um-mini, .modal-overlay[id^="br2"] .pp-ctrl { min-width:40px; }
  .br2-x { min-width:40px; min-height:40px; margin:-10px -10px -10px 0; }
  .br2-num { display:inline-block; min-width:40px; min-height:40px; line-height:40px; text-align:center; }
  .br2-link { display:inline-block; min-height:40px; padding:11px 0; box-sizing:border-box; }
  .br2-hbar { min-height:40px; }
}
@media (max-width: 560px) {
  .br2-bar { padding:10px; }
  .br2-bar .br2-lbl { flex:1 1 calc(50% - 8px); min-width:0; }
  .br2-bar .br2-lbl-saved { flex-basis:100%; }
  .br2-bar .br2-lbl select { width:100%; min-width:0; }
  .br2-sp, .br2-exp { display:none; }
  .br2-morewrap { display:inline-block; }
  .br2-ax { font-size:20px; }   /* E27-23: fewer, larger period labels (the viewBox shrinks ~half on a phone) */
  .br2-kpi { padding:10px 11px; }
  .br2-kpi-n { font-size:21px; }
  .br2-hbar { grid-template-columns:minmax(80px, 40%) 1fr auto; }
  .br2-switch .br2-pill { flex:1 1 auto; }
  .br2-table td:first-child { max-width:46vw; min-width:0; white-space:normal; overflow-wrap:break-word; }   /* the held column never covers the screen */
  .br2-table td.br2-td-obs { white-space:nowrap; }
}

@media print { .br2-x, .br2-morewrap { display:none !important; } }

/* ── W87c (E27-09 · E27-12 · E27-13): Exposure Analysis + Pareto · Observer Stats · Coaching Stats ──
   The heat-map is an ordinary .br2-table (it scrolls inside its card with the first column held, like every other); the
   cell's colour is the one inline style the kit allows (a computed opacity, as W87b's % at risk column). */
.br2-charts.br2-charts2 { grid-template-columns:minmax(0, 1fr) minmax(0, 1fr); }
@media (max-width: 860px) { .br2-charts.br2-charts2 { grid-template-columns:1fr; } }
.br2-pcol { fill:#c0392b; }
.br2-pareto { display:grid; grid-template-columns:minmax(0, 1.5fr) minmax(0, 1fr); gap:12px; align-items:start; }
@media (max-width: 860px) { .br2-pareto { grid-template-columns:1fr; } }
.br2-plist { margin:0; padding-left:22px; font-size:11.5px; display:flex; flex-direction:column; gap:3px; }
.br2-plist .br2-phint { margin-left:4px; white-space:nowrap; }
@media (max-width: 560px) { .br2-plist .br2-phint { display:block; margin-left:0; } }
.br2-an th.br2-anc { max-width:120px; min-width:80px; white-space:normal; overflow-wrap:break-word; vertical-align:bottom; }   /* R1 B-R1-2: a long name wraps, never a stub */
.br2-ancell { min-width:44px; }
.br2-table td.br2-ancell { vertical-align:middle; }   /* R1 B-R1-6 */
/* R1 B-R1-1: at EVERY width the three tables scroll inside their card with the first column held (the page never grows to the heat-map) */
#module-bebs > .content-area > div:has(.br2-an, .br2-ob, .br2-co) { min-width:0; flex:1 1 auto; }
.br2-an th:first-child, .br2-an td:first-child, .br2-ob th:first-child, .br2-ob td:first-child, .br2-co th:first-child, .br2-co td:first-child {
  position:sticky; left:0; z-index:1; background:var(--surface,#fff); }
.br2-an th:first-child, .br2-ob th:first-child, .br2-co th:first-child { z-index:2; background:var(--gray-l,#f4f4f5); }
.br2-an .br2-antot td:first-child { background:var(--blue-l,#f0f6fd); }   /* R2 B-R2-2: the held Total cell wears its row's tint */
html[data-theme="dark"] .br2-an .br2-antot td:first-child { background:linear-gradient(rgba(24,101,176,.22), rgba(24,101,176,.22)), var(--surface,#fff); }
.br2-an td.br2-td-item, .br2-ob td:nth-child(2) { white-space:normal; overflow-wrap:break-word; max-width:300px; }
.br2-antot td { border-top:2px solid var(--gray-m,#e2e2e4); font-weight:700; }
.br2-zero td { color:var(--muted,#6b6b6e); }
.br2-st-inactive, .br2-st-former { background:var(--gray-l,#f4f4f5); color:var(--gray,#58585b); }
.br2-st-dekra { background:var(--blue-l,#e8f0fa); color:var(--blue-d,#0f4d8a); }
.br2-chk-bar { margin:0; align-self:flex-end; min-height:30px; }
.br2-range { margin-left:8px; vertical-align:baseline; }
@media (max-width: 1024px) { .br2-range { min-height:40px; } }
@media print { .br2-range { display:none !important; } }
@media (max-width: 1024px) {
  .br2-chk-bar { min-height:40px; }
  .br2-chk-bar input { width:20px; height:20px; }
  .br2-plist li { min-height:40px; }
}
@media (max-width: 560px) { .br2-bar .br2-chk-bar { flex:1 1 100%; } }
@media (max-width: 560px) { .br2-svg { overflow:visible; } }   /* R1 B-R1-5: the scale label's top is not clipped (the labels are larger on a phone) */