.hover-row {
  transition:
    box-shadow 0.2s ease,
    background-color 0.2s ease;
  /* cursor: pointer;  optional, makes it feel clickable */
}

.hover-row:hover {
  background-color: var(--bs-light); /* light background on hover */
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); /* subtle shadow */
}

.form-check-input.switch-lg {
  width: 4em;
  height: 2em;
}

.wrapper-white-full-flex {
  background-color: white;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.fixed-modal-body {
  height: 600px; /* Set fixed height */
  overflow-y: auto; /* Scroll inside modal */
}

/* Asset Widget Type Expand */
.asset-widget {
}
.asset-widget-minheight {
  min-height: 80px;
}

.asset-label {
  background: rgba(200, 200, 200, 0.8);
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 0.75rem;
}

.asset-hover-expand {
  opacity: 0;
  transform: translateY(-4px);
  transition: all 0.15s ease;
  pointer-events: none;
}

.asset-hover-trigger:hover ~ *,
.asset-hover-group:hover .asset-hover-expand {
  opacity: 1;
  transform: translateY(0);
}