#menuContextualCabanas.dropdown-menu {
  background-color: #1f2937 !important;
  color: #f9fafb !important;            
  border: 1px solid #374151 !important;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5) !important;
}

#menuContextualCabanas.dropdown-menu a.dropdown-item {
  color: #f9fafb !important;
  padding: 10px 16px;
}

#menuContextualCabanas.dropdown-menu a.dropdown-item:hover {
  background-color: #374151 !important;
}

#menuContextualCabanas.dropdown-menu a#eliminarRol {
  color: #dc3545 !important;
}
.modal-content {
  background-color: #1f2937 !important;
  color: #f9fafb !important;
  border-radius: 0.5rem;
}

.modal-title {
  color: #38bdf8 !important;
  font-weight: 600;
}

.form-label {
  color: #e0e0e0 !important;
  font-weight: 500;
}

.form-control {
  background-color: #374151 !important;
  color: #f9fafb !important;
  border: 1px solid #4b5563 !important;
}

.form-control::placeholder {
  color: #9ca3af !important;
}

.form-control:focus {
  background-color: #4b5563 !important;
  color: #f9fafb !important;
  border-color: #38bdf8 !important;
  box-shadow: 0 0 0 0.2rem rgba(56, 221, 248, 0.5);
}

.modal-footer .btn {
  font-weight: 600;
}

.modal-footer .btn-success, .modal-footer .btn-primary {
  background-color: #2563eb !important;
  border-color: #2563eb !important;
}

.modal-footer .btn-secondary {
  background-color: #374151 !important;
  border-color: #374151 !important;
  color: #f9fafb !important;
}

.modal-footer .btn-success:hover, .modal-footer .btn-primary:hover {
  background-color: #1e40af !important;
  border-color: #1e40af !important;
}

.modal-footer .btn-secondary:hover {
  background-color: #4b5563 !important;
  border-color: #4b5563 !important;
}