/* TUR22 — QUTRIT OS PERFORMANCE FINAL
   Güvenli performans katmanı: layout yükünü azaltır, ölçüm paneli ve lazy görsel davranışı ekler.
   Veri, login, yetki, Supabase ve CRUD motorlarına dokunmaz. */
:root{
  --q22-perf-ok:#16a34a;
  --q22-perf-warn:#f59e0b;
  --q22-perf-bad:#dc2626;
}
body.qtr-perf-ready .qtr-os-module-strip,
body.qtr-perf-ready .qtr-flow-card,
body.qtr-perf-ready .tridex-card,
body.qtr-perf-ready .qtr-security-card,
body.qtr-perf-ready .qtr-saas-card{
  will-change:auto;
}
.qtr-perf-skeleton{
  position:relative;
  overflow:hidden;
  background:linear-gradient(90deg,rgba(148,163,184,.14),rgba(148,163,184,.25),rgba(148,163,184,.14));
  background-size:240% 100%;
  animation:qtrPerfSkeleton 1.15s linear infinite;
  border-radius:12px;
}
@keyframes qtrPerfSkeleton{0%{background-position:100% 0}100%{background-position:-100% 0}}
.qtr-perf-mini-panel{
  padding:10px 12px;
  border-top:1px solid rgba(148,163,184,.24);
  background:rgba(248,250,252,.88);
  font-size:11px;
  color:#334155;
}
html[data-qtr-theme="dark"] .qtr-perf-mini-panel{
  background:rgba(15,23,42,.92);
  color:#cbd5e1;
}
.qtr-perf-mini-panel b{font-size:12px;color:inherit;display:block;margin-bottom:6px}
.qtr-perf-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:3px 0}
.qtr-perf-badge{font-size:10px;font-weight:900;border-radius:999px;padding:2px 7px;background:#e2e8f0;color:#0f172a}
.qtr-perf-badge.ok{background:rgba(22,163,74,.14);color:var(--q22-perf-ok)}
.qtr-perf-badge.warn{background:rgba(245,158,11,.14);color:var(--q22-perf-warn)}
.qtr-perf-badge.bad{background:rgba(220,38,38,.14);color:var(--q22-perf-bad)}
body.qtr-perf-compact-tables table{contain:layout paint;content-visibility:auto;contain-intrinsic-size:700px}
body.qtr-perf-ready .pg,
body.qtr-perf-ready .page,
body.qtr-perf-ready .workspace{content-visibility:auto;contain-intrinsic-size:900px}
@media(prefers-reduced-motion:reduce){.qtr-perf-skeleton{animation:none}}