@keyframes pulse-badge {
    0% {
        transform: scale(0.9);
        opacity: 0.7;
    }
    50% {
        transform: scale(1.1);
        opacity: 1;
    }
    100% {
        transform: scale(0.9);
        opacity: 0.7;
    }
}

.animate-pulse {
    animation: pulse-badge ping 1s cubic-bezier(0,0,.2,1)infinite;
}
.blog-elegant {
    --fa-primary-color: #6f42c1; /* Purple */
    --fa-secondary-color: #ffc107; /* Gold/Yellow */
    --fa-secondary-opacity: 1.0;
}
.text-muted:hover {
    color: #343a40 !important; /* A dark Bootstrap grey, or #000 for pure black */
    /* Optional: Add a smooth transition for the color change */
    transition: color 0.3s ease;
}
i.fa-regular.fa-message-dots.fa-lg {
    color: #8898aa;
}
.badge {
    box-shadow: inset 2px -2px 0 0 rgb(35 42 47 / 20%);
}
.btn-orange {
    background: #FF9800;
}
.btn-teal {
    background: #009688;
    color: #fafafa;
}
.btn-cofee {
    background: #795548;
    color: #fafafa;
}
.badge-orange {
    background: #FF9800;
}
.badge-yellow {
    background: #FFEB3B;
}
.loader-dx {
        width: 64px;
        height: 64px;
        position: relative;
        background-image:
          linear-gradient(#FFF 16px, transparent 0) ,
          linear-gradient(#FF3D00 16px, transparent 0) ,
          linear-gradient(#FF3D00 16px, transparent 0) ,
          linear-gradient(#FFF 16px, transparent 0);
        background-repeat: no-repeat;
        background-size: 16px 16px;
        background-position: left top , left bottom , right top , right bottom;
        animation: rotate 1s linear infinite;
      }
      @keyframes rotate {
        0% {
          width: 64px;
          height: 64px;
          transform: rotate(0deg)
        }
        50% {
          width: 30px;
          height: 30px;
          transform: rotate(180deg)
        }
        100% {
          width: 64px;
          height: 64px;
          transform: rotate(360deg)
        }
}
.lift:focus, .lift:hover {
    transform: translate3d(0, -3px, 0);
}
.camp-card {
    border-top: 4px solid #10b981;
    border-radius: 12px;
    border-bottom: 2px solid #afabab;
}
.camp-card.failed {
    border-top: 4px solid #ef4444;
    border-radius: 12px;
    border-bottom: 2px solid #afabab;
}
.card {
    border-radius: 15px;
}
.dataTables_length, 
.dataTables_filter {
    display: inline-block;
    float: none;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    min-width: 0 !important;
    margin-right: 10px;
}
.status-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  margin-bottom: 15px;
}

/* Add subtle pulse animation */
.status-dot::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  animation: pulse 1.8s infinite;
}

.status-dot.bg-success::after {
  background-color: rgba(0, 200, 83, 0.5);
}

.status-dot.bg-danger::after {
  background-color: rgba(220, 53, 69, 0.5);
}

@keyframes pulse {
  0% {
    transform: translate(-50%, -50%) scale(0.9);
    opacity: 0.8;
  }
  70% {
    transform: translate(-50%, -50%) scale(2.2);
    opacity: 0;
  }
  100% {
    transform: translate(-50%, -50%) scale(0.9);
    opacity: 0;
  }
}