/* Raporlar — yeni sayfa (raporlar-yeni.js). Renkler tema.css değişkenlerinden (--vr-*). */
#viewRaporlar.rp-yeni > .page-title, #viewRaporlar.rp-yeni > .section { display: none !important; }
.rp-root { --rp-k: var(--vr-kart, #fff); --rp-c: var(--vr-kart-cizgi, #ece7de); --rp-m: var(--vr-metin, #141414); --rp-i: var(--vr-ikincil, #6b665d);
  --rp-v: var(--vr-vurgu, #8b5e34); --rp-h: var(--vr-hover, rgba(20,20,20,.04));
  color: var(--rp-m); font-family: var(--vr-font, 'Avenir Next', Avenir, 'Segoe UI', sans-serif); font-size: 14px; }
.rp-root *, .rp-root *::before, .rp-root *::after { box-sizing: border-box; }
.rp-ust { display: flex; align-items: flex-end; gap: 12px; margin-bottom: 14px; flex-wrap: wrap; }
.rp-ust h1 { margin: 0; font-size: 26px; font-weight: 600; letter-spacing: -.01em; }
.rp-alt { color: var(--rp-i); font-size: 12.5px; }
.rp-sag { margin-left: auto; display: flex; gap: 8px; }
.rp-btn { height: 36px; padding: 0 14px; border-radius: 10px; border: 1px solid var(--vr-btn-ikincil-cizgi, #e2dcd1); background: var(--vr-btn-ikincil-bg, #fff);
  color: var(--rp-m); font: inherit; font-size: 13px; font-weight: 600; cursor: pointer; white-space: nowrap; }
.rp-btn:hover { background: var(--rp-h); }
.rp-btn.rp-ana { background: var(--vr-btn-birincil-bg, #141414); color: var(--vr-btn-birincil-metin, #f1eee4); border-color: transparent; }
.rp-filtre { display: flex; gap: 10px; align-items: center; margin-bottom: 12px; flex-wrap: wrap; }
.rp-seg { display: inline-flex; border: 1px solid var(--vr-btn-ikincil-cizgi, #e2dcd1); border-radius: 10px; overflow: hidden; background: var(--vr-btn-ikincil-bg, #fff); }
.rp-seg button { height: 34px; padding: 0 14px; border: 0; background: transparent; color: var(--rp-i); font: inherit; font-size: 13px; font-weight: 600; cursor: pointer; }
.rp-seg button.on { background: var(--vr-btn-birincil-bg, #141414); color: var(--vr-btn-birincil-metin, #f1eee4); }
.rp-sec { height: 36px; border-radius: 10px; border: 1px solid var(--vr-input-cizgi, #e2dcd1); background: var(--vr-input-bg, #fff); color: var(--rp-m); padding: 0 10px; font: inherit; font-size: 13px; max-width: 260px; }
.rp-sec:focus { outline: none; border-color: var(--rp-v); }
.rp-link { margin-left: auto; border: 0; background: transparent; color: var(--rp-v); font: inherit; font-size: 13px; font-weight: 600; cursor: pointer; padding: 6px 4px; }
.rp-link:hover { text-decoration: underline; }
.rp-kart { background: var(--rp-k); border: 1px solid var(--rp-c); border-radius: 16px; }
.rp-bos { padding: 28px; text-align: center; color: var(--rp-i); }
.rp-yaz-baslik { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; padding: 14px 18px; border-bottom: 1px solid var(--rp-c); flex-wrap: wrap; }
.rp-yaz-baslik b { font-size: 15px; font-weight: 600; }
.rp-yaz-baslik span { color: var(--rp-i); font-size: 12.5px; }
.rp-tablo-kap { overflow-x: auto; }
.rp-tablo { width: 100%; border-collapse: collapse; font-size: 13.5px; }
.rp-tablo th { text-align: left; font-weight: 500; color: var(--rp-i); font-size: 12.5px; padding: 10px 14px; border-bottom: 1px solid var(--rp-c); white-space: nowrap; }
.rp-tablo td { padding: 10px 14px; border-bottom: 1px solid var(--rp-c); vertical-align: top; }
.rp-tablo tr:last-child td { border-bottom: 0; }
.rp-tablo .rp-sayi { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.rp-tablo tr.rp-tikla { cursor: pointer; }
.rp-tablo tr.rp-tikla:hover { background: var(--rp-h); }
.rp-kotu { color: #cf4a3c; font-weight: 600; }
.rp-uyari { color: #d98b1e; font-weight: 600; }
.rp-et { display: inline-block; font-size: 11.5px; font-weight: 600; padding: 2px 9px; border-radius: 999px; white-space: nowrap; }
.rp-et-devam { background: color-mix(in srgb, #2f6fb3 14%, transparent); color: #2f6fb3; }
.rp-et-planlama { background: color-mix(in srgb, #d98b1e 16%, transparent); color: #b8731a; }
.rp-et-bitti { background: color-mix(in srgb, #2e9e5b 16%, transparent); color: #2e9e5b; }
@media (max-width: 720px) { .rp-link { margin-left: 0; } .rp-sag { margin-left: 0; width: 100%; } }
@media print {
  body * { visibility: hidden !important; }
  #rpRoot, #rpRoot .rp-yaz, #rpRoot .rp-yaz * { visibility: visible !important; }
  #rpRoot { position: absolute; left: 0; top: 0; width: 100%; }
  #rpRoot .rp-ust, #rpRoot .rp-filtre { display: none !important; }
  #rpRoot .rp-kart { border: 0; }
  .rp-tablo { font-size: 11px; }
  .rp-tablo tr { break-inside: avoid; }
}