/* style-riport.css — 📊 Terhelés-riport (owner + admin). A ranglista vizuális nyelvét
   folytatja (sávok, avatar-sorok), de itt a sáv MÉRCÉHEZ viszonyít: a félúton lévő jel a
   műszakokból következő várható érték, nem a maximum. */

.rp-reszleges { margin:8px 0 2px; padding:8px 10px; border-radius:var(--r-sm);
  background:var(--amber-dim); color:var(--amber); font-family:var(--body); font-size:12.5px; font-weight:600; }

/* Címlapszám */
.rp-hero { margin-top:10px; border-left:3px solid var(--gold); }
.rp-hero.rp-hero-ok { border-left-color:var(--green); }
.rp-hero-row { display:flex; align-items:center; gap:12px; margin-top:4px; }
.avatar.rp-hero-av { width:46px; height:46px; font-size:16px; flex:0 0 auto; }
.rp-hero-num { font-family:var(--display); font-size:26px; font-weight:900; color:var(--ink); line-height:1.05; }
.rp-hero-sub { font-family:var(--body); font-size:12.5px; color:var(--ink-2); margin-top:3px; }
.rp-hero-foot { margin-top:10px; padding-top:8px; border-top:1px solid var(--line);
  font-family:var(--body); font-size:12px; color:var(--ink-3); }

/* AI-blokk */
.rp-ai { margin-top:10px; }
.rp-ai-txt { font-family:var(--body); font-size:13px; line-height:1.5; color:var(--ink); white-space:pre-wrap; margin-top:6px; }
.rp-ai-cim { font-family:var(--display); font-size:13px; font-weight:800; color:var(--ink-2);
  text-transform:uppercase; letter-spacing:.04em; margin-top:12px; }
.rp-ai-jav { padding-left:2px; }

/* Magyarázó sor a panelek fölött — megmondja, mit néz az olvasó */
.rp-magyarazat { font-family:var(--body); font-size:12px; color:var(--ink-3); line-height:1.45; padding:8px 2px 4px; }

/* Sorok */
.rp-list { display:flex; flex-direction:column; margin-top:2px; }
.rp-row { display:grid; grid-template-columns:32px 1fr 52px; align-items:center; gap:10px;
  padding:10px 2px; border-bottom:1px solid var(--line); }
.rp-row:last-child { border-bottom:0; }
.rp-who { min-width:0; }
.rp-name { display:flex; align-items:center; gap:6px; font-family:var(--body); font-size:13.5px; font-weight:600; color:var(--ink); }
.rp-sub { font-family:var(--body); font-size:11.5px; color:var(--ink-3); margin-top:2px; }
.rp-sub.ok { color:var(--green); }
.rp-val { font-family:var(--display); font-variant-numeric:tabular-nums; font-size:16px; font-weight:800;
  color:var(--ink); text-align:right; }

/* Sáv: a fele = a várható érték (rp-bar-mark), a kitöltés ehhez képest olvasandó */
.rp-bar { position:relative; height:6px; margin-top:6px; border-radius:999px; background:var(--cream-dk); overflow:hidden; }
.rp-bar-fill { height:100%; border-radius:999px; background:var(--ink-3); }
.rp-bar-fill.hot { background:var(--gold); }
.rp-bar-fill.cold { background:var(--red); opacity:.55; }
.rp-bar-mark { position:absolute; top:-2px; bottom:-2px; left:50%; width:2px; background:var(--line-2); }

/* Lefedettség */
.rp-warn { margin-top:10px; border-left:3px solid var(--amber); }
.rp-mini { font-family:var(--body); font-size:12.5px; color:var(--ink-2); margin-top:6px; line-height:1.45; }
.rp-row-cov .rp-bar { display:none; }
.rp-chips { display:flex; flex-wrap:wrap; gap:4px; margin-top:5px; }
.rp-chip-miss { font-family:var(--body); font-size:11px; padding:2px 7px; border-radius:999px;
  background:var(--red-dim); color:var(--red); white-space:nowrap; }
.rp-chip-miss.muted { background:var(--cream-dk); color:var(--ink-3); }