
}

[data-theme="dark"] .detail-value {
    color: #e5e7eb;
}

[data-theme="dark"] .summary-label {
    color: #9ca3af;
}

[data-theme="dark"] .summary-value {
    color: #e5e7eb;
}

[data-theme="dark"] .summary-card:hover .summary-value {
    color: #60a5fa;
}

/* ===== RESPONSIVE DESIGN ===== */
@media (max-width: 768px) {
    .btn-group { 
        flex-direction: column; 
        width: 100%; 
    }
    
    .btn-group .btn { 
        margin-bottom: 8px; 
        border-radius: 6px !important; 
    }
   