/* Kapitalanlage Dashboard Styles */

.cal-result .card {
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.cal-result .card:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0,0,0,0.15) !important;
}

.cal-result .card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0.6) 50%, rgba(255,255,255,0.3) 100%);
}

/* Gradient Backgrounds für bessere Optik */
.bg-success {
    background: linear-gradient(135deg, #28a745 0%, #20c997 100%) !important;
}

.bg-success-subtle {
    background: linear-gradient(135deg, #d1e7dd 0%, #a3cfbb 100%) !important;
}
 

.bg-warning-subtle {
    background: linear-gradient(135deg, #fff3cd 0%, #ffeaa7 100%) !important;
}

.bg-danger-subtle {
    background: linear-gradient(135deg, #f8d7da 0%, #fab1a0 100%) !important;
}

.bg-danger {
    background: linear-gradient(135deg, #dc3545 0%, #e17055 100%) !important;
}

/* Animierte Icons */
.cal-result .card i {
    transition: transform 0.3s ease;
}

.cal-result .card:hover i {
    transform: scale(1.1);
}

/* Badge Styling */
.cal-result .badge {
    font-size: 0.7rem;
    padding: 0.25rem 0.5rem;
    border-radius: 0.5rem;
    backdrop-filter: blur(10px);
}

/* Alert Gesamtbewertung */
.alert {
    border-left: 5px solid;
}

.alert-success {
    border-left-color: #28a745;
    background: linear-gradient(135deg, #d4edda 0%, #c3e6cb 100%);
}

.alert-warning {
    border-left-color: #ffc107;
    background: linear-gradient(135deg, #fff3cd 0%, #ffeaa7 100%);
}

.alert-danger {
    border-left-color: #dc3545;
    background: linear-gradient(135deg, #f8d7da 0%, #f5c6cb 100%);
}

/* Responsive Anpassungen */
@media (max-width: 576px) {
    .cal-result .card-body {
        padding: 1rem !important;
    }
    
    .cal-result h3 {
        font-size: 1.5rem;
    }
    
    .cal-result .card-title {
        font-size: 0.9rem;
    }
}

/* Loading Animation für Updates */
.cal-result.updating {
    opacity: 0.7;
    pointer-events: none;
}

.cal-result.updating .card {
    animation: pulse 1.5s infinite;
}

@keyframes pulse {
    0% { opacity: 0.7; }
    50% { opacity: 1; }
    100% { opacity: 0.7; }
}

/* Dark Mode Support */
@media (prefers-color-scheme: dark) {
    .cal-result .card {
        box-shadow: 0 4px 6px rgba(255,255,255,0.1);
    }
    
    .cal-result .card:hover {
        box-shadow: 0 8px 25px rgba(255,255,255,0.2) !important;
    }
}

/* Tooltip für zusätzliche Informationen */
.cal-result [data-bs-toggle="tooltip"] {
    cursor: help;
}

/* Performance Indikator Farben */
.performance-excellent { color: #28a745 !important; }
.performance-good { color: #20c997 !important; }
.performance-ok { color: #ffc107 !important; }
.performance-poor { color: #fd7e14 !important; }
.performance-bad { color: #dc3545 !important; }