/* Signets d'articles + signalement de commentaires */
.te-save { background: none; border: 0; padding: 4px; cursor: pointer; color: inherit; display: inline-flex; align-items: center; }
.te-save:hover { color: var(--red); }
.te-save.is-saved { color: var(--red); }
.te-save.is-saved svg { fill: currentColor; }
.share-btn.te-save { padding: 8px 16px; }
.share-btn.te-save.is-saved { background: var(--red); color: #fff; border-color: var(--red); }

.signets-lead { color: var(--gray-700); margin: 0 0 24px; }
.signets-empty { background: var(--gray-100); border-radius: var(--radius); padding: 28px; color: var(--gray-700); line-height: 1.7; }
.signet-item { display: flex; align-items: stretch; gap: 8px; border-bottom: 1px solid var(--gray-200); }
.signet-link { flex: 1; display: flex; gap: 14px; align-items: center; padding: 14px 0; min-width: 0; }
.signet-link img, .signet-noimg { flex: none; width: 120px; height: 80px; object-fit: cover; border-radius: 8px; background: var(--gray-200); }
.signet-text { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.signet-text small { color: var(--red); font-weight: 700; text-transform: uppercase; font-size: 11px; letter-spacing: .5px; }
.signet-text strong { font-family: var(--font-title); font-size: 18px; line-height: 1.3; }
.signet-link:hover strong { color: var(--red); }
.signet-remove { flex: none; background: none; border: 0; font-size: 26px; color: var(--gray-400); cursor: pointer; padding: 0 10px; }
.signet-remove:hover { color: var(--red); }

.comment-actions { display: flex; gap: 14px; margin-top: 8px; font-size: 12px; }
.comment-actions button { background: none; border: 0; padding: 0; color: var(--gray-400); cursor: pointer; font: inherit; text-decoration: underline; }
.comment-actions button:hover { color: var(--red); }
.comment-actions .ca-done { color: #1a7f37; }

[data-theme="dark"] .signets-empty { background: #1d1d1d; color: #aaa; }
[data-theme="dark"] .signet-item { border-color: #333; }
@media (max-width: 600px) {
  .signet-link img, .signet-noimg { width: 92px; height: 64px; }
  .signet-text strong { font-size: 16px; }
}