/* ext_reports stilleri — panel.css degiskenleri (tema: html[data-theme="dark"] otomatik) */
.rp-wrap{max-width:1180px;margin:0 auto;display:flex;flex-direction:column;gap:14px}
.rp-sec-h{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-top:6px}
.rp-sec-h h3{font-size:15px;font-weight:700;letter-spacing:-.1px}
.rp-sec-h .txt-soft{font-size:12.5px}

/* su an seridi */
.rp-rt{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;align-items:stretch}
.rp-rt-item{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-m);padding:12px 14px;box-shadow:var(--sh-1);display:flex;flex-direction:column;gap:2px;position:relative;overflow:hidden}
.rp-rt-item::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--brand)}
.rp-rt-item.ok::before{background:var(--green)}
.rp-rt-item.warn::before{background:var(--amber)}
.rp-rt-item b{font-size:22px;font-weight:700;letter-spacing:-.4px;line-height:1.1}
.rp-rt-item small{color:var(--mut);font-size:12px}
.rp-rt-note{grid-column:1/-1;font-size:11.5px;color:var(--mut);text-align:right;margin-top:-4px}

/* KPI kartlari */
.rp-kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.rp-kpi{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-m);padding:14px 16px;box-shadow:var(--sh-1);display:flex;flex-direction:column;gap:6px;transition:box-shadow var(--t)}
.rp-kpi:hover{box-shadow:var(--sh-2)}
.rp-kpi small{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--mut);font-weight:700}
.rp-kpi b{font-size:24px;font-weight:700;letter-spacing:-.5px;line-height:1.15}
.rp-kpi-foot{display:flex;align-items:center;gap:8px;font-size:12px;flex-wrap:wrap}
.rp-delta{font-weight:700;border-radius:var(--r-p);padding:2px 8px;font-size:11.5px}
.rp-delta.up{background:var(--green-soft);color:var(--green-txt)}
.rp-delta.down{background:var(--red-soft);color:var(--red-txt)}
.rp-delta.flat{background:var(--bg-2);color:var(--mut)}
.rp-delta.new{background:var(--brand-soft);color:var(--brand-txt)}
.rp-star{color:var(--amber);font-size:.9em}

/* kartlar ve grafikler */
.rp-grid2{display:grid;grid-template-columns:2fr 1fr;gap:14px}
.rp-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-m);padding:18px 20px;box-shadow:var(--sh-1);min-width:0}
.rp-card h4{font-size:14px;font-weight:600;margin-bottom:12px;letter-spacing:-.1px;display:flex;gap:8px;align-items:baseline}
.rp-card h4 small{font-size:12px;font-weight:500}
.rp-hint{font-size:13px;color:var(--mut);margin:-6px 0 12px}
.rp-svg{width:100%;height:auto;display:block;font-family:var(--font)}
.rp-svg .rp-grid{stroke:var(--line);stroke-width:1}
.rp-svg .rp-ax{fill:var(--mut);font-size:10px}
.rp-svg .rp-b-total{fill:var(--brand);opacity:.85}
.rp-svg .rp-b-missed{fill:var(--red)}
.rp-svg .rp-bar:hover .rp-b-total{opacity:1}
.rp-svg .rp-cell{fill:var(--brand);transition:opacity var(--t)}
.rp-svg .rp-cell:hover{stroke:var(--txt);stroke-width:1}
.rp-legend{display:flex;gap:14px;align-items:center;font-size:12px;color:var(--mut);margin-top:8px}
.rp-legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.rp-legend i.rp-b-total{background:var(--brand)}
.rp-legend i.rp-b-missed{background:var(--red)}
.rp-empty{font-size:13px;padding:8px 0}

/* memnuniyet dagilimi */
.rp-rate-head{display:flex;align-items:baseline;gap:6px;margin-bottom:12px}
.rp-rate-head b{font-size:28px;font-weight:700;letter-spacing:-.5px}
.rp-rate-head small{color:var(--mut);margin-left:6px}
.rp-rate-row{display:grid;grid-template-columns:36px 1fr 74px;align-items:center;gap:10px;margin-bottom:8px;font-size:12.5px}
.rp-rate-row small{color:var(--mut);text-align:right;white-space:nowrap}
.rp-rate-bar{height:10px;background:var(--bg-2);border-radius:var(--r-p);overflow:hidden}
.rp-rate-bar.sm{height:7px;width:120px;display:inline-block;vertical-align:middle;margin-right:8px}
.rp-rate-bar i{display:block;height:100%;border-radius:var(--r-p);min-width:0}
.rp-rate-bar i.iyi{background:var(--green)}
.rp-rate-bar i.orta{background:var(--amber)}
.rp-rate-bar i.kotu{background:var(--red)}
.rp-rate-bar i.marka{background:var(--brand)}

/* tablolar */
.rp-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--r-m)}
.rp-tbl{min-width:560px}
.rp-tbl th.rp-sort{cursor:pointer;user-select:none}
.rp-tbl th.rp-sort:hover{color:var(--txt)}
.rp-tbl th.rp-sort.on{color:var(--brand-txt)}
.rp-tbl td.rp-msg{max-width:420px;white-space:normal;word-break:break-word;color:var(--mut)}
.rp-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:8px;vertical-align:-1px}

/* arac cubugu */
#rp-custom{display:inline-flex;gap:6px}
#rp-custom[hidden]{display:none}

/* duyarlilik */
@media(max-width:900px){.rp-grid2{grid-template-columns:1fr}}
@media(max-width:560px){
  .rp-kpis{grid-template-columns:1fr}
  .rp-rt{grid-template-columns:1fr 1fr}
  .rp-rt-note{text-align:left}
  .rp-card{padding:14px}
  .rp-kpi b{font-size:22px}
  .rp-tbl{min-width:480px}
  .rp-rate-row{grid-template-columns:32px 1fr 64px}
}