.btn-import-old{
    background: linear-gradient(135deg,#fff3cd,#ffe08a);
    border: 1px solid #f5c542;
    
    color:#7a5200;
    font-weight:600;

    box-shadow: 0 2px 8px rgba(255,193,7,.25);

    transition: all .25s ease;

    animation: pulseImport 2.2s infinite;
}

.btn-import-old:hover{
    transform: translateY(-1px);

    box-shadow: 0 4px 14px rgba(255,193,7,.35);

    background: linear-gradient(135deg,#ffe08a,#ffd24d);

    color:#5c3d00;
}

.btn-import-old:hover i{
    transform: rotate(-15deg);
}

.btn-import-old i{
    transition: all .25s ease;
}

@keyframes pulseImport{
    0%{
        box-shadow: 0 0 0 0 rgba(255,193,7,.35);
    }

    70%{
        box-shadow: 0 0 0 8px rgba(255,193,7,0);
    }

    100%{
        box-shadow: 0 0 0 0 rgba(255,193,7,0);
    }
}  
  
#chatbotcsi {
padding: 5px 3px; 
color: #fff;
position: fixed;
bottom: 50px;
right: 16px;
display: none;
width: 80px;
height: 80px;
}
.icon-wrapper {
  display: flex;
  flex-direction: column; 
}

.icon img {
  width: 70px;
  height: 70px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 8px 20px rgba(62, 172, 45, 1);
  border-radius: 50%;
}

.icon img {
  /* Đặt transition ở đây để hiệu ứng mượt mà cả khi hover và khi không hover */
  transition: transform 1s ease, box-shadow 0.3s ease; /* Thay đổi 0.3s thành 1s hoặc lớn hơn cho transform */
}

.icon:hover img {
  /* Các hiệu ứng khi hover */ 
  transform: translateY(-5px) scale(1.2) rotate(360deg);
  box-shadow: 0 16px 30px rgba(0, 0, 128, 1);
  cursor: pointer;
}

/* Accordion tổng */
#accordionCamKet .accordion-item {
    border-radius: 14px;
    overflow: hidden;
}

/* Header */
#accordionCamKet .accordion-button {

    background: linear-gradient(
        135deg,
        #f4f8f4 0%,
        #edf7f0 45%,
        #e5f4ea 100%
    );

    color: #1f5132;

    font-size: 0.95rem;

    padding: 14px 18px;

    border: 0;

    box-shadow: none;

    transition: all 0.25s ease;
}

/* Hover */
#accordionCamKet .accordion-button:hover {

    background: linear-gradient(
        135deg,
        #edf7f0 0%,
        #e1f2e7 100%
    );

}

/* Expanded */
#accordionCamKet .accordion-button:not(.collapsed) {

    background: linear-gradient(
        135deg,
        #198754 0%,
        #157347 100%
    );

    color: #fff;

    box-shadow:
        inset 0 -1px 0 rgba(255,255,255,.08),
        0 2px 8px rgba(25,135,84,.18);

}

/* Icon */
#accordionCamKet .accordion-button i {

    font-size: 1rem;

}

/* Arrow */
#accordionCamKet .accordion-button::after {

    filter: grayscale(100%) brightness(60%);

}

/* Arrow expanded */
#accordionCamKet .accordion-button:not(.collapsed)::after {

    filter: brightness(0) invert(1);

}

/* Body */
#accordionCamKet .accordion-body {

    background: #fff;

    border-top: 1px solid #eef2ef;

}

/* Header nền xanh nhạt dùng chung */
.bg-greenlight {

    background: linear-gradient(
        135deg,
        #eefaf3 0%,
        #e4f6eb 100%
    );

    border-color: #cfe9da !important;

}

.bg-green-dark {

    background: linear-gradient(
        135deg,
        #0f5132 0%,
        #146c43 45%,
        #198754 100%
    );

    color: #fff !important;

}