/* ==========================================================================
   BHP Core — Rol panelleri (v6.0)
   Aynı stil hem yönetim panelinde hem PWA'da kullanılır.
   ========================================================================== */

.bhprp{
  --rp-line:rgba(84,66,41,.14);
  --rp-line2:rgba(84,66,41,.08);
  --rp-ink:#221c14;
  --rp-soft:#6a5a4d;
  --rp-sil:#9a8d7d;
  --rp-cream:#f3ece1;
  --rp-bronze:#8a6236;
  --rp-bronze2:#a5794a;
  --rp-gold:#c9a878;
  --rp-ok:#2c8a52;
  --rp-bad:#c0563a;
  --rp-mavi:#3d6f9e;
  --rp-ser:'Ivy Mode',Georgia,serif;
  color:var(--rp-ink);
}

/* --- selamlama --- */
.bhprp-selam{margin-bottom:16px}
.bhprp-selam h1{margin:0;font-family:var(--rp-ser);font-weight:500;font-size:26px;line-height:1.2}
.bhprp-selam h1 em{font-style:normal;color:var(--rp-bronze)}
.bhprp-selam p{margin:6px 0 0;font-size:12.8px;color:var(--rp-soft);display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.bhprp-selam .rz{background:var(--rp-cream);border:1px solid var(--rp-line);border-radius:999px;
  padding:3px 11px;font-size:11.5px;color:var(--rp-bronze)}

/* --- rakamlar --- */
.bhprp-kpi{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}
.bhprp-k{background:#fff;border:1px solid var(--rp-line);border-radius:16px;padding:15px}
.bhprp-k small{display:block;font-size:9.5px;letter-spacing:1px;text-transform:uppercase;color:var(--rp-sil)}
.bhprp-k b{display:block;font-family:var(--rp-ser);font-weight:600;font-size:23px;margin:7px 0 3px;line-height:1.05;
  word-break:break-word}
.bhprp-k b.yesil{color:var(--rp-ok)}
.bhprp-k b.kirmizi{color:var(--rp-bad)}
.bhprp-k span{display:block;font-size:10.5px;color:var(--rp-sil)}

/* --- kartlar --- */
.bhprp-kart{background:#fff;border:1px solid var(--rp-line);border-radius:18px;padding:18px 20px 12px;margin-bottom:16px}
.bhprp-kart h3{display:flex;align-items:center;gap:9px;margin:0 0 6px;font-family:var(--rp-ser);font-weight:500;
  font-size:18px}
.bhprp-kart h3 .bhpsv{margin-left:auto}
.bhprp-kart p.ac{margin:0 0 12px;font-size:12.5px;color:var(--rp-sil);line-height:1.55}
.bhprp-kart--temiz{background:#f7faf7;border-color:rgba(44,138,82,.25)}
.bhprp-kart--kapali{background:#fdf6ec;border-color:rgba(184,134,43,.28)}
.bhprp-ikili{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.bhprp-bas{margin:20px 0 9px;font-family:var(--rp-ser);font-weight:500;font-size:16px}
.bhprp-bos{margin:6px 0 12px;font-size:12.5px;color:var(--rp-sil);line-height:1.6}
.bhprp-kaynak{margin:2px 0 12px;font-size:11px;color:var(--rp-sil)}

/* --- satırlar --- */
.bhprp-sat{display:flex;align-items:center;gap:11px;padding:11px 0;border-top:1px solid var(--rp-line2)}
.bhprp-sat:first-of-type{border-top:0}
.bhprp-sat i{width:34px;height:34px;flex:none;border-radius:11px;display:grid;place-items:center;font-style:normal;
  font-size:15px;background:var(--rp-cream);color:var(--rp-bronze2)}
.bhprp-sat.acil i{background:rgba(192,86,58,.12);color:var(--rp-bad)}
.bhprp-sat .m{flex:1;min-width:0}
.bhprp-sat b{display:block;font-size:13.5px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bhprp-sat small{display:block;font-size:11.5px;color:var(--rp-sil);margin-top:2px}
.bhprp-sat .dg{flex:none;border:0;border-radius:999px;padding:7px 14px;font-size:11.5px;font-weight:600;
  text-decoration:none;color:#241a0f;background:linear-gradient(140deg,#e9cfa2,var(--rp-bronze2))}
.bhprp-sat .et{flex:none;font-size:10.5px;border-radius:999px;padding:3px 10px;background:var(--rp-cream);
  color:var(--rp-soft)}
.bhprp-sat .et--ok{background:rgba(44,138,82,.12);color:var(--rp-ok)}
.bhprp-sat .et--bad{background:rgba(192,86,58,.12);color:var(--rp-bad)}

/* --- modül kartları --- */
.bhprp-mgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:18px}
.bhprp-m{display:block;background:#fff;border:1px solid var(--rp-line);border-radius:14px;padding:14px 13px;
  text-decoration:none;color:inherit}
.bhprp-m i{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;font-style:normal;font-size:15px;
  background:var(--rp-cream);margin-bottom:9px}
.bhprp-m b{display:block;font-size:12.5px;font-weight:500}
.bhprp-m small{display:block;font-size:10.5px;color:var(--rp-sil);margin-top:2px}

/* --- grafikler --- */
.bhprp-svg{display:block;width:100%;height:auto;max-height:250px;margin:4px 0 2px}
.bhprp-lgnd{display:flex;gap:16px;flex-wrap:wrap;font-size:11.5px;color:var(--rp-soft);margin-bottom:10px}
.bhprp-lgnd span{display:flex;align-items:center;gap:7px}
.bhprp-lgnd i{width:12px;height:12px;border-radius:4px;display:block}
.bhprp-halka{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding-bottom:12px}
.bhprp-halka svg{width:140px;height:140px;flex:none}
.bhprp-hkl{flex:1;min-width:170px;display:flex;flex-direction:column;gap:2px}
.bhprp-hkl span{display:flex;align-items:center;gap:9px;padding:7px 0;border-top:1px solid var(--rp-line2);
  font-size:12.5px}
.bhprp-hkl span:first-child{border-top:0}
.bhprp-hkl i{width:11px;height:11px;border-radius:3px;flex:none}
.bhprp-hkl b{flex:1;min-width:0;font-weight:500}
.bhprp-hkl em{font-style:normal;font-size:11.5px;color:var(--rp-soft)}

/* --- PWA sürümü --- */
.bhprp--portal{padding:16px 15px 96px}
.bhprp--portal .bhprp-kpi{grid-template-columns:1fr 1fr;gap:10px}
.bhprp--portal .bhprp-selam h1{font-size:23px}
.bhprp--portal .bhprp-ikili{grid-template-columns:1fr}
.bhprp--portal .bhprp-mgrid{grid-template-columns:1fr 1fr}
.bhprp--portal .bhprp-kart{padding:16px 16px 10px}
.bhprp--portal .bhprp-halka{justify-content:center}

@media(max-width:1100px){
  .bhprp-kpi{grid-template-columns:repeat(2,1fr)}
  .bhprp-ikili{grid-template-columns:1fr}
  .bhprp-mgrid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:560px){
  .bhprp-kpi{grid-template-columns:1fr 1fr}
  .bhprp-sat b{white-space:normal}
}

/* düzeltme: iki sütunlu bloklar üstten hizalansın */
.bhprp-ikili{align-items:start}

/* grafik yazıları: dar ekranda küçülmesin */
.bhprp-svg text{font-size:11px;font-family:inherit}
.bhprp--portal .bhprp-svg text{font-size:15px}
.bhprp-halka text{font-family:var(--rp-ser)}