/**
 * suite.css — RiskAsistan Suite v5 (ADDITIVE ONLY)
 * suite_main.css'e EK stiller — hiçbir selector çakışması yok.
 * Bu dosya yalnızca suite_main.css'te BULUNMAYAN yeni bileşenleri tanımlar.
 *
 * ⚠️ .suite-track, .suite-dot, .suite-nav, .suite-panel, .dash-card,
 *     .tool-preview-overlay → SUITE_MAIN.CSS'te tanımlı, buraya KOPMAYIZ.
 *
 * Canonical sources (düplike KOYMAYIZ):
 *   .premium-tool-card  → panels/panel-tools.css
 *   .agent-card         → panels/panel-komuta.css
 *   .golden-card        → panels/panel-dof.css
 *   .badge, .risk-badge → components.css
 *   .spinner            → components.css
 */

/* ─── PREMIUM TOOL CARDS → canonical: panels/panel-tools.css ──── */

/* ─── MOBILE SAFE-AREA FIX (suite_main.css'te eksik) ──────────── */
@supports (padding-bottom: env(safe-area-inset-bottom)) {
    .suite-nav,
    [id="suiteBottomNav"],
    .suite-bottom-nav {
        padding-bottom: calc(8px + env(safe-area-inset-bottom, 0px));
    }
}

/* ─── AGENT FEED CARDS → canonical: panels/panel-komuta.css ───── */

/* ─── GOLDEN SET → canonical: panels/panel-dof.css ────────────── */

/* ─── CELL SELECTED (methodology table — yeni) ────────────────── */
td.cell-selected { outline: 2px solid var(--copper, var(--copper)); outline-offset: -2px; }
tr.row-highlight  { background: rgba(var(--copper-rgb),0.04); }

/* ─── NEW ANIMATIONS (suite_main.css'te olmayan) ──────────────── */
@keyframes svFadeUp {
    from { opacity: 0; transform: translateY(12px); }
    to   { opacity: 1; transform: translateY(0); }
}
@keyframes svSpin {
    to { transform: rotate(360deg); }
}
@keyframes svBlink {
    0%, 100% { opacity: 1; }
    50%       { opacity: 0.3; }
}

/* ─── SPINNER → canonical: components.css ─────────────────────── */
/* ─── RISK BADGE → canonical: components.css ──────────────────── */