/* ═══════════ Predator Theme — Dark Trading Desk ═══════════ */

body {
    background-color: #0d1117;
    color: #c9d1d9;
    font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
}

/* ═══════════ Mode Banner ═══════════ */
.mode-banner {
    position: sticky;
    top: 0;
    z-index: 1050;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 0.95rem !important;
}

.mode-banner-pulse {
    animation: pulse-border 1.5s infinite;
}

@keyframes pulse-border {
    0%, 100% { box-shadow: 0 2px 10px rgba(220, 53, 69, 0.3); }
    50% { box-shadow: 0 2px 20px rgba(220, 53, 69, 0.7); }
}

/* ═══════════ Mode-specific body borders ═══════════ */
.live-mode {
    border-left: 4px solid #dc3545;
    border-right: 4px solid #dc3545;
}

.paper-mode {
    border-left: 4px solid #0d6efd;
    border-right: 4px solid #0d6efd;
}

/* ═══════════ Cards ═══════════ */
.card {
    background-color: #161b22;
    border-color: #30363d;
}

.card-header {
    background-color: #21262d;
    border-color: #30363d;
}

/* ═══════════ Tables ═══════════ */
.table {
    --bs-table-bg: #161b22;
    --bs-table-striped-bg: #1c2128;
    --bs-table-hover-bg: #21262d;
    color: #c9d1d9;
}

/* ═══════════ Momentum Score Colors ═══════════ */
.score-hot { color: #f85149; font-weight: bold; }
.score-warm { color: #f0883e; font-weight: bold; }
.score-tepid { color: #d29922; }
.score-cold { color: #8b949e; }

/* ═══════════ P&L Colors ═══════════ */
.pnl-positive { color: #3fb950; font-weight: bold; }
.pnl-negative { color: #f85149; font-weight: bold; }
.pnl-zero { color: #8b949e; }

/* ═══════════ State Badges ═══════════ */
.state-idle { background-color: #6c757d; }
.state-watching { background-color: #0d6efd; }
.state-armed { background-color: #f0883e; animation: armed-glow 1s infinite; }
.state-inposition { background-color: #3fb950; }
.state-exiting { background-color: #f85149; }
.state-cooldown { background-color: #8b949e; }
.state-disabled { background-color: #484f58; }

@keyframes armed-glow {
    0%, 100% { box-shadow: 0 0 5px rgba(240, 136, 62, 0.3); }
    50% { box-shadow: 0 0 15px rgba(240, 136, 62, 0.7); }
}

/* ═══════════ Prowl Candidate Cards ═══════════ */
.prowl-card {
    transition: all 0.2s ease;
    cursor: pointer;
}

.prowl-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.prowl-card.heat-hot { border-left: 4px solid #f85149; }
.prowl-card.heat-warm { border-left: 4px solid #f0883e; }
.prowl-card.heat-tepid { border-left: 4px solid #d29922; }
.prowl-card.heat-cold { border-left: 4px solid #8b949e; }

/* ═══════════ Dashboard Stat Cards ═══════════ */
.stat-card {
    min-height: 100px;
}

.stat-card .stat-value {
    font-size: 1.8rem;
    font-weight: bold;
}

.stat-card .stat-label {
    font-size: 0.85rem;
    color: #8b949e;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* ═══════════ Form Switch (Mode Toggle) ═══════════ */
.form-check-input:checked {
    background-color: #dc3545;
    border-color: #dc3545;
}

/* ═══════════ Scrollable Table Container ═══════════ */
.table-container {
    max-height: 400px;
    overflow-y: auto;
}

/* ═══════════ Toast Notifications ═══════════ */
.toast-container {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1060;
}

/* ═══════════ Intraday Block Cards ═══════════ */
.intraday-block {
    min-width: 80px;
    padding: 6px 10px;
    border-radius: 6px;
    border-left: 3px solid transparent;
    font-size: 0.78rem;
    line-height: 1.5;
    cursor: default;
    transition: transform 0.1s ease;
}

.intraday-block:hover { transform: translateY(-2px); }

.block-card-bullish {
    background-color: rgba(63, 185, 80, 0.12);
    border-left-color: #3fb950;
    color: #3fb950;
}

.block-card-bearish {
    background-color: rgba(248, 81, 73, 0.12);
    border-left-color: #f85149;
    color: #f85149;
}

.block-card-flat {
    background-color: rgba(139, 148, 158, 0.08);
    border-left-color: #484f58;
    color: #8b949e;
}

.iblock-time  { font-size: 0.7rem; opacity: 0.8; }
.iblock-move  { font-weight: bold; font-size: 0.85rem; }
.iblock-ratio { font-size: 0.7rem; opacity: 0.75; }

.iblock-indicators { margin-top: 2px; display: flex; gap: 4px; }
.iblock-badge-vol  { color: #f0883e; font-size: 0.8rem; }
.iblock-badge-gap  { color: #d29922; font-size: 0.8rem; }