/* =================================================###########
   FIX LỖI CHE VIỀN & NEON TINH TẾ (CHUẨN THEO HTML DASHBOARD)
=================================================########### */

/* 1. Xử lý tầng hiển thị z-index cho từng Cột Nhóm */
.services-group {
  position: relative !important;
  z-index: 1 !important;
}

/* Khi di chuột vào cột nhóm nào, đẩy toàn bộ cột đó lên trên */
.services-group:hover {
  z-index: 50 !important;
}

/* 2. Trạng thái thẻ bình thường */
.service-card {
  position: relative !important;
  z-index: 1 !important;
  border-radius: 12px !important;
  
  /* Giữ viền xanh nhạt nhẹ sẵn */
  border: 1px solid rgba(57, 255, 20, 0.15) !important;
  
  /* Chuyển động mượt */
  transition: all 0.25s ease-in-out !important;
}

/* 3. Trạng thái HOVER - Neon vừa vặn, chuẩn bo góc, không bị to quá */
.service-card:hover {
  /* Đẩy ô đang hover lên trên cùng trong cột */
  z-index: 100 !important; 
  
  /* Nhích nhẹ lên 3px */
  transform: translateY(-3px) !important;
  
  /* Bo góc chuẩn 12px */
  border-radius: 12px !important;

  /* Nền tối nhẹ để giữ độ tương phản */
  background-color: rgba(15, 23, 18, 0.85) !important; 

  /* Viền xanh Neon sắc nét */
  border: 1px solid #39FF14 !important;

  /* BÓNG PHÁT SÁNG NHỎ GỌN (Không bị tỏa quá to) */
  box-shadow: 
    0 0 8px rgba(57, 255, 20, 0.6),    /* Lớp 1: Sáng nhẹ bám sát viền */
    0 0 16px rgba(57, 255, 20, 0.25),   /* Lớp 2: Tỏa nhẹ ra ngoài */
    0 6px 12px rgba(0, 0, 0, 0.4) !important; /* Bóng chìm tạo độ nổi */
}
/* =================================================
   WAKE-ON-LAN — MÁY CHÍNH GUDTEE
================================================= */

.wake-gudtee-button {
  display: block !important;
  width: 100% !important;
  margin-top: 10px !important;
  padding: 9px 12px !important;

  border: 1px solid rgba(57, 255, 20, 0.45) !important;
  border-radius: 8px !important;

  background: rgba(57, 255, 20, 0.08) !important;
  color: #39FF14 !important;

  font-size: 13px !important;
  font-weight: 600 !important;

  cursor: pointer !important;
  transition: all 0.2s ease-in-out !important;
}

.wake-gudtee-button:hover {
  background: rgba(57, 255, 20, 0.18) !important;
  border-color: #39FF14 !important;

  box-shadow:
    0 0 8px rgba(57, 255, 20, 0.45),
    0 0 14px rgba(57, 255, 20, 0.18) !important;

  transform: translateY(-1px) !important;
}

.wake-gudtee-button:active {
  transform: translateY(0) !important;
}

.wake-gudtee-button:disabled {
  opacity: 0.65 !important;
  cursor: wait !important;
  transform: none !important;
}