/* assets/css/nqt-burn.css — Phase 3 */

.nqt-bv-container { display: flex; flex-direction: column; gap: var(--space-6); }

.nqt-bv-main-card {
    background: var(--bg-elevated); border-radius: var(--radius-lg);
    padding: var(--space-6); box-shadow: var(--shadow-md);
    border-top: 3px solid var(--color-error-500);
}
.nqt-bv-header { display: flex; align-items: center; gap: var(--space-3); margin-bottom: var(--space-5); }
.nqt-bv-fire { font-size: 2rem; animation: nqtBvFlicker 1.5s ease-in-out infinite alternate; }
@keyframes nqtBvFlicker {
    0% { transform: scale(1); opacity: 0.9; }
    100% { transform: scale(1.1); opacity: 1; }
}
.nqt-bv-header h3 { margin: 0; font-weight: 700; }

.nqt-bv-counter { text-align: center; margin-bottom: var(--space-5); }
.nqt-bv-amount {
    font-size: var(--font-size-4xl); font-weight: 800; color: var(--color-error-500);
    font-variant-numeric: tabular-nums;
}
.nqt-bv-unit { font-size: var(--font-size-lg); color: var(--text-secondary); margin-left: var(--space-2); }

.nqt-bv-progress-wrap { margin-bottom: var(--space-4); }
.nqt-bv-progress-bar {
    height: 12px; background: var(--bg-tertiary); border-radius: var(--radius-full);
    overflow: hidden; margin-bottom: var(--space-2);
}
.nqt-bv-progress-fill {
    height: 100%;
    background: linear-gradient(90deg, #F59E0B, #EF4444, #DC2626);
    border-radius: var(--radius-full); transition: width var(--transition-slow);
    position: relative;
}
.nqt-bv-progress-fill::after {
    content: ''; position: absolute; top: 0; right: 0; bottom: 0; width: 30px;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3));
    animation: nqtBvShimmer 2s infinite;
}
@keyframes nqtBvShimmer {
    0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; }
}
.nqt-bv-progress-labels { display: flex; justify-content: space-between; font-size: var(--font-size-xs); color: var(--text-secondary); }

.nqt-bv-estimate { text-align: center; font-size: var(--font-size-sm); color: var(--text-secondary); margin-bottom: var(--space-4); }

.nqt-bv-alltime {
    display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-3);
    text-align: center; font-size: var(--font-size-sm);
}
.nqt-bv-alltime span { display: block; color: var(--text-secondary); font-size: var(--font-size-xs); margin-bottom: 2px; }
.nqt-bv-alltime strong { font-size: var(--font-size-base); }
.nqt-bv-green { color: var(--success) !important; }

/* History */
.nqt-bv-history-card {
    background: var(--bg-elevated); border-radius: var(--radius-lg);
    padding: var(--space-6); box-shadow: var(--shadow-md);
}
.nqt-bv-history-card h4 { margin: 0 0 var(--space-4); font-weight: 600; }
.nqt-bv-event { padding: var(--space-3) 0; border-bottom: 1px solid var(--border-light); }
.nqt-bv-event:last-child { border-bottom: none; }
.nqt-bv-event-header { display: flex; justify-content: space-between; margin-bottom: var(--space-1); }
.nqt-bv-event-title { font-weight: 600; font-size: var(--font-size-sm); }
.nqt-bv-event-date { font-size: var(--font-size-xs); color: var(--text-secondary); }
.nqt-bv-event-stats { display: flex; gap: var(--space-4); font-size: var(--font-size-sm); }