/* KPI */
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:14px;}
.kpi{background:linear-gradient(180deg,#eef3f8,#e5edf5);border:1px solid #d8e2ee;border-radius:12px;padding:14px;box-shadow:0 8px 18px rgba(15,23,42,.05);}
.kpi.main{min-height:84px;display:flex;flex-direction:column;justify-content:space-between;}
.kpi-l{font-size:10px;color:var(--t3);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;}
.kpi-v{font-family:var(--mono);font-size:24px;font-weight:700;line-height:1.1;}
.kpi-s{font-size:11px;color:var(--t2);margin-top:8px;}
.kpi-v.er{color:var(--er);}.kpi-v.wr{color:var(--wr);}.kpi-v.ok{color:var(--ok);}.kpi-v.pur{color:var(--pur);}.kpi-v.acc{color:var(--acc);}
.kpi.clickable,.kpi-mini.clickable{position:relative;cursor:pointer;transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease, background .16s ease;}
.kpi.clickable:hover,.kpi-mini.clickable:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(31,41,55,.08);border-color:rgba(93,135,255,.42);}
.kpi.clickable:active,.kpi-mini.clickable:active{transform:translateY(0);}
.kpi.clickable::after,.kpi-mini.clickable::after{content:'Detay';position:absolute;top:10px;right:10px;font-size:10px;font-weight:700;color:var(--acc);background:rgba(107,143,179,.10);border:1px solid rgba(126,160,191,.24);padding:3px 7px;border-radius:999px;letter-spacing:.3px;}
.kpi-mini-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin-bottom:18px;}
.kpi-mini{background:#edf3f8;border:1px solid #dde6f0;border-radius:10px;padding:10px 12px;min-height:62px;display:flex;flex-direction:column;justify-content:center;}
.kpi-mini-l{font-size:10px;color:var(--t3);text-transform:uppercase;letter-spacing:.8px;margin-bottom:5px;}
.kpi-mini-v{font-family:var(--mono);font-size:18px;font-weight:700;color:var(--t);}
.kpi-mini-v.ok{color:var(--ok);}.kpi-mini-v.wr{color:var(--wr);}.kpi-mini-v.er{color:var(--er);}.kpi-mini-v.pur{color:var(--pur);}.kpi-mini-v.acc{color:var(--acc);}
.ik-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:999px;border:1px solid rgba(120,140,200,.20);background:rgba(18,28,43,.92);font-size:11px;color:var(--t2);margin:0 6px 6px 0;}
.ik-det-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-bottom:12px;}
.ik-det-stat{background:#f8fafc;border:1px solid rgba(88,115,191,.16);border-radius:12px;padding:12px;}
.ik-det-stat .n{font-family:var(--mono);font-size:22px;font-weight:700;margin-top:4px;}
.ik-det-empty{padding:24px;border:1px dashed rgba(120,140,200,.25);border-radius:12px;color:var(--t2);text-align:center;}