/* Tăng kích cỡ chữ và làm đậm cho tất cả các vị trí hiển thị sự kiện */
.alert-event, 
#newAlertEvent,
#reportEvent,
.modal .info-item:has(strong:contains("イベント")) div,
.alert-meta .alert-event,
.alert-info .alert-meta .alert-event {
    font-size: 1.25rem !important;
    font-weight: 700 !important;
    color: #000 !important;
}

/* Đặc biệt cho các event trong modal để nổi bật hơn */
.modal .info-item:has(strong:contains("イベント")) div {
    font-size: 1.4rem !important;
    margin-top: 3px;
    margin-bottom: 3px;
}

/* Làm nổi bật tên sự kiện cụ thể sau "イベント:" */
.alert-event span,
#newAlertEvent,
#reportEvent,
.modal .info-item:has(strong:contains("イベント")) div {
    font-size: 1.4rem !important;
    font-weight: 800 !important;
    color: #0d6efd !important; /* Màu xanh để nổi bật */
    padding: 2px 4px;
    background-color: rgba(13, 110, 253, 0.1); /* Màu nền nhẹ để nhấn mạnh */
    border-radius: 4px;
    display: inline-block;
    margin-left: 4px;
}

/* Đảm bảo icon cũng lớn tương ứng */
.alert-event i, 
.modal .info-item:has(strong:contains("イベント")) strong i {
    font-size: 1.15rem;
}

/* Thêm hiệu ứng nhấn mạnh cho sự kiện */
.modal .info-item:has(strong:contains("イベント")),
.alert-event {
    padding: 2px 0;
    border-bottom: 2px solid rgba(0, 123, 255, 0.3);
}

/* Đặc biệt làm nổi bật cho các loại sự kiện cụ thể với màu khác nhau */
.alert-event:contains("転倒"), #newAlertEvent:contains("転倒"), #reportEvent:contains("転倒"),
.modal .info-item:has(div:contains("転倒")) div {
    background-color: rgba(253, 126, 20, 0.1) !important; /* Màu nền cam nhạt */
    color: #fd7e14 !important; /* Màu chữ cam */
}

.alert-event:contains("暴力"), #newAlertEvent:contains("暴力"), #reportEvent:contains("暴力"),
.modal .info-item:has(div:contains("暴力")) div {
    background-color: rgba(220, 53, 69, 0.1) !important; /* Màu nền đỏ nhạt */
    color: #dc3545 !important; /* Màu chữ đỏ */
}

.alert-event:contains("車椅子"), #newAlertEvent:contains("車椅子"), #reportEvent:contains("車椅子"),
.modal .info-item:has(div:contains("車椅子")) div {
    background-color: rgba(13, 110, 253, 0.1) !important; /* Màu nền xanh dương nhạt */
    color: #0d6efd !important; /* Màu chữ xanh dương */
}

.alert-event:contains("白状"), #newAlertEvent:contains("白状"), #reportEvent:contains("白状"),
.modal .info-item:has(div:contains("白状")) div {
    background-color: rgba(108, 117, 125, 0.1) !important; /* Màu nền xám nhạt */
    color: #6c757d !important; /* Màu chữ xám */
}