/* --------------------------------------------------------------------------
   Digitana Social - gemeinsame UI-Komponenten V1
   Stand 26.05.2026
   Zweck: wiederverwendbare Kleinbausteine fuer Profil, Central und spaetere Module.
   Keine Profilstruktur, keine Centralstruktur, keine Live-Logik.
   -------------------------------------------------------------------------- */

/* Gemeinsamer Senden-Pfeil fuer Kommentar-, Antwort-, Status- und spaetere Eingabefelder. */
.ds-profile-send-icon {
  appearance: none;
  -webkit-appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  min-width: 28px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background:
    radial-gradient(circle at 38% 28%, rgba(255,255,255,0.24), rgba(215,237,255,0.10) 36%, rgba(0,0,0,0.96) 100%);
  color: #dff5ff;
  cursor: pointer;
  font: inherit;
  font-size: 0.82rem;
  line-height: 1;
  text-decoration: none;
  box-shadow:
    inset 0 0 0 1px rgba(215,237,255,0.20),
    0 0 10px rgba(215,237,255,0.10);
}

.ds-profile-send-icon:hover,
.ds-profile-send-icon:focus-visible {
  color: #ffffff;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,0.34),
    0 0 14px color-mix(in srgb, var(--ds-profile-accent, #20a9ff) 35%, transparent);
}

/* Gemeinsame Hinweisboxen fuer Speichern-, Kommentar- und neue Inhalte-Hinweise. */
.ds-profile-save-note,
.ds-live-pending-comments-note,
.ds-live-content-notice {
  width: fit-content;
  margin: 0 0 14px;
  padding: 7px 10px;
  border: 0;
  border-radius: 4px;
  background: rgba(32, 169, 255, 0.10);
  color: #dff5ff;
  font: inherit;
  line-height: 1.35;
  text-align: left;
  box-shadow: inset 0 0 0 1px rgba(32, 169, 255, 0.16);
}

button.ds-profile-save-note,
button.ds-live-pending-comments-note,
button.ds-live-content-notice {
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  text-align: center;
}

button.ds-profile-save-note:hover,
button.ds-profile-save-note:focus-visible,
button.ds-live-pending-comments-note:hover,
button.ds-live-pending-comments-note:focus-visible,
button.ds-live-content-notice:hover,
button.ds-live-content-notice:focus-visible {
  color: #ffffff;
  box-shadow:
    inset 0 0 0 1px rgba(215, 237, 255, 0.34),
    0 0 13px color-mix(in srgb, var(--ds-profile-accent, #20a9ff) 28%, transparent);
}