:root{
  --bs-menu-dropdown-box-shadow:0px 0px 50px 0px rgba(82, 63, 105, 0.25);
}

.symbol.symbol-20px > span > span > img {
  width: 20px;
  height: 20px;
}

.symbol > span > span > img {
  width: 100%;
  flex-shrink: 0;
  display: inline-block;
  border-radius: .475rem;
}
.symbol > span > span > img {
  border-radius: .425rem !important;
}


.menu-title > span > span > span > img {
  border-radius: .425rem !important;

  margin-left: .5rem !important;

  height: 15px !important;

  width: 15px !important;
}
.profil-field {
  position: relative;
}

.field-feedback {
   position: absolute;
  top: -8px;
  right: 0px;
  padding: 15px 10px;
  font-size: 1rem;
  font-weight: 500;
  border-radius: 6px;
    z-index: 10;
    opacity: 0;
    transform: translateY(4px) scale(0.95);
    transition: opacity 0.25s ease, transform 0.25s ease;
    pointer-events: none;
    box-shadow: 0 2px 6px rgba(0,0,0,0.15);
}
.field-feedback.show { opacity: 1; transform: translateY(0) scale(1); }
.field-feedback.success { background: #d4edda; color: #155724; border: 1px solid #c3e6cb; }
.field-feedback.error   { background: #f8d7da; color: #721c24; border: 1px solid #f5c6cb; }

/* Optional: Globales Feedback behalten als Fallback */
.profil-feedback { margin-top: 1rem; text-align: center; }
.status-success { background: #d4edda; color: #155724; }
.status-error   { background: #f8d7da; color: #721c24; }

/* Eingabefeld im Bearbeitungsmodus hervorheben */
.edit-value .form-control.editing-active {
  border-color: #0d6efd;
  background-color: #f8f9ff;
  box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.15);
}

/* Save-Button leicht pulsieren lassen, wenn Feld aktiv ist */
.save-btn.edit-active {
  animation: save-pulse 1.8s infinite;
}
@keyframes save-pulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(25, 135, 84, 0.5); }
  50% { box-shadow: 0 0 0 8px rgba(25, 135, 84, 0); }
}

/* Kleiner, klarer Hinweis neben dem Icon */
.save-hint {
  display: block;
  font-size: 0.7rem;
  text-align: center;
  margin-top: 2px;
  opacity: 0.85;
}

/* Optional: Tastatur-Hinweis für bessere UX */
.keyboard-hint {
  font-size: 0.7rem;
  color: #6c757d;
  margin-top: 4px;
}