.edit-delete:hover {background: #f00;padding: 10px;border-radius: 5px;}
.mobile-navigation .btn { border-radius: 20px; font-weight: 500; font-size: 0.8rem; transition: all 0.2s; }
.event-item { border-radius: 8px !important;margin-bottom: 10px !important;transition: background 0.2s; cursor: pointer; }
.event-item:active { background-color: #fff9c4 !important; }
.sticky-top { z-index: 1020; top: 0; }
.sticky-top {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-image: url('/public/images/bg_portal.jpg');
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
    margin: 0px auto;
}
/* Tối ưu màu sắc cho Mobile */
.event-item.event-type-coquan { 
    border-left: 5px solid #d71920 !important; 
    background-color: #fff !important; 
}
.homei {height:38px}
.event-item.event-type-canhan { 
    border-left: 5px solid #28a745 !important; 
    background-color: #f4fff6 !important; 
}

.event-item.event-type-lanhdao { 
    border-left: 5px solid #007bff !important; 
    background-color: #f0f7ff !important; 
}

/* Màu chữ cho badge thời gian trên Mobile */
.event-type-coquan .badge-time-mobile { background-color: #d71920 !important; }
.event-type-canhan .badge-time-mobile { background-color: #28a745 !important; }
.event-type-lanhdao .badge-time-mobile { background-color: #007bff !important; }
.event-attachment a {
    background: rgba(0, 123, 255, 0.1);
    padding: 2px 5px;
    border-radius: 4px;
    display: inline-block;
    transition: all 0.2s;
}
.event-attachment a:hover {
    background: #007bff;
    color: #fff !important;
}
.caidatlichcongtac {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-image: url('/public/images/bg_portal.jpg');
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
    margin: 0px auto;
}
.nencaidat{
    --bs-bg-opacity: 1;
    background-color: rgb(215 93 75) !important;
}
h5.caidat {
    color: #f00;
    text-transform: uppercase;
}
@media (max-width: 991px) {
    .timnhanh{display:none}
    .anmobile{display:none}
}