/* =================================================================
   delete-inline.css - Style suppression inline (CLAUDE.md)
   Necessite : _SHARED/web/js/delete-inline.js
   ================================================================= */

.del-inline-wrap {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.del-inline-confirm,
.del-inline-cancel {
  width: 28px; height: 28px;
  display: inline-flex; align-items: center; justify-content: center;
  border-radius: var(--radius-xs);
  cursor: pointer;
  font-size: 14px;
  font-weight: 700;
  border: 1px solid;
  transition: var(--transition-fast);
}

.del-inline-confirm {
  background: var(--success);
  color: var(--bg-base);
  border-color: var(--success);
}
.del-inline-confirm:hover { filter: brightness(1.1); }

.del-inline-cancel {
  background: var(--error);
  color: var(--bg-base);          /* noir sur rose : WCAG AAA */
  border-color: var(--error);
}
.del-inline-cancel:hover { filter: brightness(1.1); }