/* Hunter v2 panel — Phase 8 */

.hunter-v2-wrap { padding: 8px 12px; }

.hunter-v2-tabs {
    display: flex; gap: 6px; align-items: center;
    border-bottom: 1px solid var(--border-color, #2a2a3c);
    padding-bottom: 4px; margin-bottom: 12px;
}
.hunter-v2-tab {
    background: transparent; color: var(--text-secondary, #aaa);
    border: 1px solid transparent; border-bottom: none;
    border-radius: 6px 6px 0 0; padding: 7px 12px;
    font-size: 0.88em; font-weight: 600; cursor: pointer;
}
.hunter-v2-tab:hover  { color: #eee; background: rgba(96,165,250,.08); }
.hunter-v2-tab.active { color: #60a5fa; background: rgba(96,165,250,.12);
                        border-color: #60a5fa44; }

.hunter-v2-badge {
    display: inline-block; margin-left: 6px; padding: 0 6px;
    background: rgba(96,165,250,.18); color: #60a5fa;
    border-radius: 9999px; font-size: 0.78em; font-weight: 700;
}

.hunter-v2-refresh { margin-left: auto; font-size: 0.82em; padding: 4px 10px; }

.hunter-v2-table {
    width: 100%; border-collapse: collapse; font-size: 0.85em;
}
.hunter-v2-table th, .hunter-v2-table td {
    padding: 6px 10px; text-align: left;
    border-bottom: 1px solid var(--border-color, #2a2a3c);
}
.hunter-v2-table th { color: var(--text-secondary, #aaa); font-weight: 600; }
.hunter-v2-table tr:hover td { background: rgba(96,165,250,.04); }

.hunter-v2-grid {
    display: grid; grid-template-columns: repeat(2, 1fr);
    gap: 6px 14px; margin: 12px 0;
}

.hunter-v2-pill {
    display: inline-block; padding: 2px 8px; border-radius: 10px;
    font-size: 0.72em; font-weight: 700; text-transform: uppercase;
    letter-spacing: 0.5px;
}
.hunter-v2-pill.ok     { background: color-mix(in srgb, #10b981 18%, transparent); color: #10b981; border: 1px solid #10b98155; }
.hunter-v2-pill.info   { background: color-mix(in srgb, #60a5fa 18%, transparent); color: #60a5fa; border: 1px solid #60a5fa55; }
.hunter-v2-pill.warn   { background: color-mix(in srgb, #f59e0b 18%, transparent); color: #d97706; border: 1px solid #f59e0b55; }
.hunter-v2-pill.danger { background: color-mix(in srgb, #ef4444 18%, transparent); color: #ef4444; border: 1px solid #ef444455; }
.hunter-v2-pill.muted  { background: rgba(255,255,255,.06); color: #888; border: 1px solid #ffffff22; }

.hunter-v2-empty {
    padding: 32px; text-align: center; color: #888; font-size: 0.92em;
}
.hunter-v2-pre {
    background: rgba(0,0,0,.35); padding: 10px; border-radius: 6px;
    font-size: 0.78em; max-height: 360px; overflow: auto;
    border: 1px solid var(--border-color, #2a2a3c);
}
.hunter-v2-playbook-card {
    background: rgba(30,30,46,.6); border: 1px solid #2a2a3c;
    border-radius: 8px; padding: 10px 14px; margin-bottom: 8px;
}
.hunter-v2-playbook-card h4 { margin: 0 0 4px 0; font-size: 0.95em; }
.hunter-v2-muted { font-size: 0.82em; color: var(--text-secondary, #888); margin-top: 4px; }

/* Trader proposals tab */
.hunter-v2-proposal-summary {
    display: flex; align-items: center; gap: 8px;
    padding: 8px 12px; margin-bottom: 10px;
    background: rgba(30,30,46,.4); border: 1px solid #2a2a3c;
    border-radius: 6px;
}

.hunter-v2-conv-bar {
    position: relative; width: 90px; height: 16px;
    background: rgba(0,0,0,.35); border-radius: 4px; overflow: hidden;
}
.hunter-v2-conv-fill {
    height: 100%; transition: width 0.3s;
}
.hunter-v2-conv-text {
    position: absolute; inset: 0;
    display: flex; align-items: center; justify-content: center;
    font-size: 0.72em; color: #fff; font-weight: 600;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
}

.hunter-v2-proposal-row:hover td { background: rgba(96,165,250,.06); }

/* Case lifecycle progress bar (Phase 17) */
.hunter-v2-case-progress {
    display: flex; align-items: center; gap: 4px;
    flex-wrap: nowrap; min-width: 340px;
}
.hunter-v2-case-stage {
    display: flex; flex-direction: column; align-items: center;
    padding: 4px 8px; border-radius: 6px;
    min-width: 64px; font-size: 0.72em;
    transition: all 0.2s;
}
.hunter-v2-case-stage-icon {
    font-size: 1.05em; opacity: 0.85;
}
.hunter-v2-case-stage-label {
    margin-top: 2px; font-weight: 600; white-space: nowrap;
}
.hunter-v2-case-stage.pending {
    background: rgba(255,255,255,.03);
    color: var(--text-muted, #555);
    opacity: 0.5;
}
.hunter-v2-case-stage.active {
    background: rgba(96,165,250,.18);
    color: #60a5fa;
    border: 1px solid #60a5fa55;
    box-shadow: 0 0 8px rgba(96,165,250,.25);
}
.hunter-v2-case-stage.active .hunter-v2-case-stage-icon {
    opacity: 1; animation: hunter-v2-pulse 1.6s ease-in-out infinite;
}
.hunter-v2-case-stage.done {
    background: rgba(16,185,129,.14);
    color: #10b981;
    border: 1px solid #10b98155;
}
.hunter-v2-case-stage.fail {
    background: rgba(239,68,68,.10);
    color: #ef4444;
    opacity: 0.75;
    border: 1px solid #ef444444;
}
.hunter-v2-case-stage-arrow {
    color: var(--text-muted, #555);
    font-size: 0.9em;
    user-select: none;
}
.hunter-v2-case-stage-fail-note {
    margin-left: 10px; padding: 2px 8px;
    background: rgba(239,68,68,.15); color: #ef4444;
    border-radius: 8px; font-size: 0.72em; font-weight: 700;
    text-transform: uppercase;
}

@keyframes hunter-v2-pulse {
    0%, 100% { transform: scale(1.0); }
    50%      { transform: scale(1.15); }
}

/* Findings feed */
.hunter-v2-feed { display: flex; flex-direction: column; gap: 4px; }
.hunter-v2-feed-day {
    margin: 14px 0 6px 0; padding-bottom: 4px;
    border-bottom: 1px solid var(--border-color, #2a2a3c);
    font-size: 0.85em; color: var(--text-secondary, #aaa); font-weight: 600;
}
.hunter-v2-feed-item {
    display: flex; gap: 10px;
    background: rgba(30,30,46,.5); border: 1px solid #2a2a3c;
    border-radius: 6px; padding: 8px 12px;
    cursor: pointer; transition: border-color 0.15s, background 0.15s;
}
.hunter-v2-feed-item:hover {
    border-color: #60a5fa55; background: rgba(30,30,46,.7);
}
.hunter-v2-feed-time {
    flex: 0 0 64px; font-family: monospace; font-size: 0.78em;
    color: var(--text-muted, #888); padding-top: 2px;
}
.hunter-v2-feed-body { flex: 1; min-width: 0; }
.hunter-v2-feed-head {
    display: flex; flex-wrap: wrap; align-items: center; gap: 6px;
    margin-bottom: 4px;
}
.hunter-v2-feed-summary {
    font-size: 0.85em; color: #ddd; line-height: 1.4;
    margin-bottom: 4px;
}
.hunter-v2-feed-foot {
    display: flex; flex-wrap: wrap; gap: 10px; align-items: center;
    font-size: 0.78em;
}

/* Model performance */
.hunter-v2-perf-bar {
    position: relative; width: 110px; height: 16px;
    background: rgba(0,0,0,.35); border-radius: 4px; overflow: hidden;
}
.hunter-v2-perf-fill {
    height: 100%;
    background: linear-gradient(90deg, #60a5fa, #34d399);
    transition: width 0.3s;
}
.hunter-v2-perf-text {
    position: absolute; inset: 0;
    display: flex; align-items: center; justify-content: center;
    font-size: 0.72em; color: #fff; font-weight: 600;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
}

.hunter-v2-perf-stats {
    display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 10px; margin: 14px 0;
}
.hunter-v2-perf-stat {
    background: rgba(30,30,46,.6); border: 1px solid #2a2a3c;
    border-radius: 6px; padding: 10px 14px;
}
.hunter-v2-perf-stat-label {
    font-size: 0.78em; color: var(--text-secondary, #888);
    margin-bottom: 4px;
}
.hunter-v2-perf-stat-val {
    font-size: 1.4em; font-weight: 700; color: #eee;
}