/* SwingScope — özel stiller (Tailwind CDN üzerine ek) */

body { font-family: 'Inter', system-ui, -apple-system, sans-serif; }

/* Karar kartı renk temaları */
.verdict-strong  { background: linear-gradient(135deg, rgba(16,185,129,.18), rgba(2,6,23,.6)); border-color: rgba(16,185,129,.45); }
.verdict-partial { background: linear-gradient(135deg, rgba(234,179,8,.16), rgba(2,6,23,.6));  border-color: rgba(234,179,8,.45); }
.verdict-watch   { background: linear-gradient(135deg, rgba(148,163,184,.14), rgba(2,6,23,.6)); border-color: rgba(148,163,184,.4); }
.verdict-avoid   { background: linear-gradient(135deg, rgba(239,68,68,.16), rgba(2,6,23,.6));  border-color: rgba(239,68,68,.45); }

/* Skor halkası */
.score-ring {
  --val: 0;
  width: 104px; height: 104px; border-radius: 9999px;
  background:
    conic-gradient(var(--ring-color, #10b981) calc(var(--val) * 1%), rgba(148,163,184,.18) 0);
  display: grid; place-items: center;
  position: relative; flex: none;
}
.score-ring::after {
  content: ''; position: absolute; inset: 9px; border-radius: 9999px; background: #020617;
}
.score-ring > span { position: relative; z-index: 1; }

/* Kriter durum çipleri */
.chip { display:inline-flex; align-items:center; gap:.35rem; padding:.15rem .5rem; border-radius:9999px; font-size:11px; font-weight:600; }
.chip-pass { background: rgba(16,185,129,.15); color:#34d399; }
.chip-warn { background: rgba(234,179,8,.15);  color:#fbbf24; }
.chip-fail { background: rgba(239,68,68,.15);  color:#f87171; }

/* Kriter puan çubuğu */
.bar { height:6px; border-radius:9999px; background: rgba(148,163,184,.18); overflow:hidden; }
.bar > i { display:block; height:100%; border-radius:9999px; }

/* Seviye satırları */
.level-row { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:.65rem .85rem; border-radius:.75rem; border:1px solid rgba(148,163,184,.14); }
.level-tp  { background: rgba(16,185,129,.08); border-color: rgba(16,185,129,.3); }
.level-entry { background: rgba(56,189,248,.08); border-color: rgba(56,189,248,.3); }
.level-stop { background: rgba(239,68,68,.08); border-color: rgba(239,68,68,.3); }

/* Hızlı sembol butonları */
.quick-btn { padding:.25rem .6rem; border-radius:9999px; border:1px solid rgba(148,163,184,.25); color:#cbd5e1; transition:.15s; }
.quick-btn:hover { background: rgba(16,185,129,.15); border-color: rgba(16,185,129,.5); color:#6ee7b7; }

/* Grafik aralık butonları */
.range-btn { padding:.25rem .6rem; border-radius:.5rem; border:1px solid rgba(148,163,184,.25); color:#cbd5e1; }
.range-btn.active { background:#0ea5e9; border-color:#0ea5e9; color:#04212e; font-weight:700; }

/* Tablo */
table.wl { width:100%; border-collapse:collapse; }
table.wl th { text-align:left; font-size:11px; text-transform:uppercase; letter-spacing:.04em; color:#64748b; padding:.5rem .6rem; border-bottom:1px solid rgba(148,163,184,.18); white-space:nowrap; }
table.wl td { padding:.55rem .6rem; border-bottom:1px solid rgba(148,163,184,.08); white-space:nowrap; }
table.wl tr:hover td { background: rgba(148,163,184,.05); }

/* Yükleniyor animasyonu */
.skeleton { background: linear-gradient(90deg, rgba(148,163,184,.08), rgba(148,163,184,.18), rgba(148,163,184,.08)); background-size:200% 100%; animation: sk 1.2s infinite; }
@keyframes sk { 0%{background-position:200% 0} 100%{background-position:-200% 0} }

@media (max-width: 640px) {
  .score-ring { width: 86px; height: 86px; }
  .level-row { flex-direction: column; align-items: flex-start; gap: .25rem; }
}