.riskGroupTable,
.assessmentScaleTable {
    overflow: hidden;
}

/* Nastavení layoutu formuláře, aby nebyl rozházený */
#cves .assessmentFormTopRow .form-group > .form-label,
#cves .assessmentFormTopRow .assessment-field-head {
    min-height: 2rem;
    margin-bottom: 0.5rem;
}

#cves .assessmentFormTopRow .assessment-field-head {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: nowrap;
}

#cves .assessmentFormTopRow .assessment-field-head .form-label {
    margin-bottom: 0;
}

@media (max-width: 991.98px) {
    #cves .assessmentFormTopRow .assessment-field-head {
        flex-wrap: wrap;
    }
}

.riskGroupTable thead th,
.assessmentScaleTable thead th {
    background-color: var(--blue-800);
    color: var(--light-primary);
}

.riskGroupTable thead th:first-child,
.assessmentScaleTable thead th:first-child {
    border-top-left-radius: 0.5rem;
}

.riskGroupTable thead th:last-child,
.assessmentScaleTable thead th:last-child {
    border-top-right-radius: 0.5rem;
}

.riskGroupTable tbody tr.risk-group-row-exceeds td {
    background-color: var(--bs-danger-bg-subtle) !important;
    border-color: var(--bs-danger-border-subtle);
}

.riskGroupTable tbody tr.risk-group-row-exceeds:hover td {
    background-color: #f5c6cb !important;
}

.riskGroupTable tbody tr.risk-group-row-exceeds td:first-child {
    box-shadow: inset 4px 0 0 var(--bs-danger);
}

.riskGroupTable tbody td.risk-group-name-exceeds {
    font-weight: 600;
}

.riskGroupTable tbody td.risk-group-range-exceeds {
    color: var(--bs-danger-text-emphasis);
    font-weight: 700;
}

.riskGroupTable .risk-group-exceeds-badge {
    border: 1px solid var(--bs-danger-border-subtle);
    background-color: rgba(var(--bs-danger-rgb), 0.15);
    color: var(--bs-danger-text-emphasis);
    font-weight: 600;
}