/* Kommentar-Ebene: Ergänzungen für Feature 3 (Edit, Historie, Besitz, Eigen-Vote). */

/* Eigener +1-Zähler ist nicht klickbar (kein Selbst-Vote). */
.plus.own { cursor: default; opacity: .6; }

/* Bearbeiten-Icon nur beim eigenen Kommentar. */
.cmt-edit { cursor: pointer; margin-left: 6px; opacity: .55; }
.cmt-edit:hover { opacity: 1; }

/* „Editiert"-Label mit Historie-Popover beim Hover. */
.cmt-edited { position: relative; margin-left: 6px; font-size: 11px; color: #999; font-style: italic; cursor: help; }
.cmt-hist {
  display: none; position: absolute; left: 0; top: 100%; z-index: 50;
  min-width: 220px; max-width: 320px; margin-top: 4px;
  background: #fff; color: #333; border: 1px solid rgba(0, 0, 0, .15); border-radius: 8px;
  padding: 8px 10px; box-shadow: 0 6px 20px rgba(0, 0, 0, .12);
  font-style: normal; font-size: 12px; line-height: 1.4; white-space: normal;
}
.cmt-hist.show { display: block; }
.cmt-hist strong { display: block; margin-bottom: 4px; font-size: 11px; color: #666; }
.cmt-hist div { padding: 3px 0; border-top: 1px solid rgba(0, 0, 0, .06); }
.cmt-hist-date { display: block; font-size: 11px; color: #888; margin-bottom: 2px; }

/* Bearbeitungsfeld über die volle Breite (Kommentar wird währenddessen ausgeblendet). */
.cmt-editform { margin-top: 6px; width: 100%; }
.cmt-editform textarea { display: block; width: 100%; box-sizing: border-box; }
.cmt-editform-actions { display: flex; gap: 6px; margin-top: 6px; }