﻿.error-report-card {
    border-radius: 1.25rem;
    border: 1px solid rgba(220, 53, 69, .25);
    background: rgba(220, 53, 69, .05);
    backdrop-filter: blur(12px);
    color: #ffdde0;
}

    .error-report-card .card-header {
        background: transparent;
    }

.error-icon {
    width: 42px;
    height: 42px;
    background: radial-gradient(circle at 30% 0, #ffb3bd, #ff4b5c);
    color: #fff;
    box-shadow: 0 10px 20px rgba(255, 75, 92, .45);
}

.error-badge-total {
    background: rgba(255, 75, 92, .18);
    color: #ffe4e8;
    border-radius: 999px;
    font-weight: 600;
    padding: .25rem .75rem;
}

.error-badge-critical {
    background: rgba(220, 53, 69, .8);
    color: #fff;
}

.error-badge-info {
    background: rgba(255, 193, 7, .85);
    color: #1f1400;
}

.text-error-muted {
    color: rgba(255, 240, 242, .8);
}

.text-error-strong {
    color: #ffe0e3;
}

.error-list .error-bullet,
.info-list .info-bullet {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    margin-top: .4rem;
    flex-shrink: 0;
}

.error-list .error-bullet {
    background: #ff4b5c;
    box-shadow: 0 0 0 3px rgba(255, 75, 92, .25);
}

.info-list .info-bullet {
    background: #ffc107;
    box-shadow: 0 0 0 3px rgba(255, 193, 7, .2);
}
