/* ==== apps/modules/web/0100/70_istatistikler.php dosyasindan tasindi ==== */
#ist-wrap { min-height: 100%; background: #fff; padding-bottom: 2rem; }

/* Toolbar */
#ist-toolbar { display:flex; flex-wrap:wrap; gap:14px; align-items:center; justify-content:space-between; margin-bottom:.3rem; }
#ist-presetler { display:flex; gap:6px; flex-wrap:wrap; }
.ist-preset { padding:7px 13px; border:1px solid #e5e7eb; border-radius:20px; font-size:12px; font-weight:600; background:#fff; color:#374151; cursor:pointer; }
.ist-preset:hover { background:#f9fafb; }
.ist-preset.active { background:#eef2ff; border-color:#4f46e5; color:#4f46e5; }
.ist-preset-ayrac { width:1px; align-self:stretch; background:#e5e7eb; margin:2px 4px; }

#ist-ozel-tarih { display:flex; gap:10px; align-items:flex-end; }
#ist-ozel-tarih label { display:flex; flex-direction:column; gap:3px; font-size:11px; color:#6b7280; font-weight:600; }
#ist-ozel-tarih input { padding:6px 8px; border:1px solid #e5e7eb; border-radius:6px; font-size:12.5px; }

.ist-btn { background:none; border:1px solid #e5e7eb; border-radius:6px; padding:.45rem 1rem; font-size:12.5px; color:#374151; cursor:pointer; }
.ist-btn.primary { background:#4f46e5; border-color:#4f46e5; color:#fff; font-weight:600; }
.ist-btn.primary:hover { background:#4338ca; }

#ist-granularity-bilgi { font-size:11px; color:#9ca3af; margin:.5rem 0 1rem; }

/* KPI kartları */
#ist-kpi-grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(190px, 1fr)); gap:.7rem; margin-bottom:1.4rem; }
.ist-kpi-card { display:flex; gap:.7rem; align-items:flex-start; background:#fff; border:1px solid #e5e7eb; border-radius:10px; padding:.85rem .9rem; }
.ist-kpi-icon { width:38px; height:38px; border-radius:9px; display:flex; align-items:center; justify-content:center; font-size:15px; flex-shrink:0; }
.ist-kpi-body { min-width:0; }
.ist-kpi-num { font-size:19px; font-weight:800; color:#111827; line-height:1.15; font-variant-numeric:tabular-nums; }
.ist-kpi-lbl { font-size:11px; color:#6b7280; font-weight:600; margin-top:1px; }
.ist-kpi-alt { font-size:10.5px; color:#9ca3af; margin-top:3px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

/* Grafik kartları */
#ist-chart-grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(420px, 1fr)); gap:1rem; }
.ist-chart-card { background:#fff; border:1px solid #e5e7eb; border-radius:10px; padding:1rem 1.1rem .6rem; }
.ist-chart-baslik { font-size:12.5px; font-weight:700; color:#374151; margin-bottom:.6rem; }
.ist-chart-not { font-weight:500; font-size:10.5px; color:#9ca3af; margin-left:.35rem; }
.ist-chart-canvas-wrap { position:relative; height:230px; }

#ist-empty { text-align:center; padding:3rem 1rem; color:#9ca3af; font-size:14px; }

/* ── YZ Üretim Yük İzleme (2026-09) ────────────────────────────────────
   Bilerek .ist-preset'i YENİDEN KULLANMIYOR — o sınıfa bağlı global click
   handler (bkz. 70_istatistikler.php) tıklanınca $('.ist-preset')'in TÜMÜNÜ
   'active' sınıfından arındırıyor; aynı sınıfı paylaşsaydık bu bölümün
   preset'i ana araç çubuğununkiyle görsel olarak birbirini geçersiz kılardı. */
#ist-yuk-section { margin-bottom:1.6rem; padding-bottom:1.4rem; border-bottom:1px solid #f0f0f0; }
#ist-yuk-baslik-row { display:flex; flex-wrap:wrap; gap:12px; align-items:center; margin-bottom:.7rem; }
#ist-yuk-baslik { font-size:13.5px; font-weight:700; color:#111827; }
#ist-yuk-rozet { font-size:12px; font-weight:600; padding:4px 10px; border-radius:20px; background:#f3f4f6; color:#6b7280; }
#ist-yuk-presetler { display:flex; gap:6px; flex-wrap:wrap; margin-left:auto; }
.ist-yuk-preset { padding:6px 12px; border:1px solid #e5e7eb; border-radius:20px; font-size:11.5px; font-weight:600; background:#fff; color:#374151; cursor:pointer; }
.ist-yuk-preset:hover { background:#f9fafb; }
.ist-yuk-preset.active { background:#eef2ff; border-color:#4f46e5; color:#4f46e5; }
#ist-yuk-chart-grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(420px, 1fr)); gap:1rem; }

#ist-yuk-aciklama { font-size:11px; color:#9ca3af; margin:0 0 .8rem; line-height:1.5; }

/* Aksiyon düğmesi — sadece takılan_slot_sayisi>0 iken görünür (bkz. JS
   istYukRozetGuncelle). Üretim sürecini sonlandıran riskli bir işlem
   olduğu için kırmızı ve tek tıkla ÇALIŞMAZ — onay şeridi açar. */
#ist-yuk-temizle-btn { padding:6px 12px; border:1px solid #fca5a5; border-radius:20px; font-size:11.5px; font-weight:700; background:#fef2f2; color:#dc2626; cursor:pointer; }
#ist-yuk-temizle-btn:hover { background:#fee2e2; }
#ist-yuk-temizle-btn:disabled { opacity:.6; cursor:not-allowed; }
#ist-yuk-temizle-onay { display:flex; align-items:center; gap:10px; margin:-.3rem 0 .8rem; padding:8px 12px; background:#fef2f2; border:1px solid #fca5a5; border-radius:8px; font-size:12px; color:#991b1b; }
#ist-yuk-temizle-onay button { padding:5px 12px; border-radius:6px; font-size:11.5px; font-weight:700; cursor:pointer; border:1px solid transparent; }
#ist-yuk-temizle-onay .ist-yuk-onay-evet { background:#dc2626; color:#fff; }
#ist-yuk-temizle-onay .ist-yuk-onay-evet:hover { background:#b91c1c; }
#ist-yuk-temizle-onay .ist-yuk-onay-vazgec { background:#fff; border-color:#e5e7eb; color:#374151; }